@drodil/backstage-plugin-qeta-react 3.55.0 → 3.55.2

package/dist/components/ArticleContent/ArticleButtons.esm.js

@@ -32,6 +32,7 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const useLocalStyles = makeStyles(
   (theme) => {

package/dist/components/ArticleContent/ArticleButtons.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n  Grid,\n  IconButton,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../Modals';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useNavigate } from 'react-router-dom';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type QetaArticleButtonsClassKey = 'container' | 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n  theme => {\n    return {\n      container: {\n        width: '100%',\n        paddingTop: '0.5rem',\n        paddingBottom: '0.5rem',\n        borderTop: `1px solid ${theme.palette.background.paper}`,\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n      },\n      scoreText: {\n        marginLeft: '0.5rem',\n        userSelect: 'none',\n      },\n    };\n  },\n  { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n    useVoting(post);\n  const styles = useLocalStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const navigate = useNavigate();\n  const editArticleRoute = useRouteRef(editArticleRouteRef);\n  const { isModerator } = useIsModerator();\n  const qetaApi = useApi(qetaApiRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const alertApi = useApi(alertApiRef);\n\n  const own = props.post.own ?? false;\n\n  const isDisabled = () => {\n    return own || post.status !== 'active';\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const restoreArticle = async () => {\n    qetaApi\n      .restorePost(post.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(() => {\n        window.location.reload();\n      });\n  };\n\n  return (\n    <div className={styles.container}>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item>\n          <Tooltip title={getVoteUpTooltip()}>\n            <span>\n              <IconButton\n                aria-label=\"vote up\"\n                color={ownVote > 0 ? 'primary' : 'default'}\n                className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n                disabled={isDisabled()}\n                size=\"small\"\n                onClick={voteUp}\n                data-testid={`vote-up-btn-${\n                  ownVote > 0 ? 'selected' : 'unselected'\n                }`}\n              >\n                <ArrowUpward />\n              </IconButton>\n            </span>\n          </Tooltip>\n          <Tooltip title={getVoteDownTooltip()}>\n            <span>\n              <IconButton\n                aria-label=\"vote down\"\n                color={ownVote < 0 ? 'primary' : 'default'}\n                className={\n                  ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n                }\n                disabled={isDisabled()}\n                size=\"small\"\n                onClick={voteDown}\n                data-testid={`vote-down-btn-${\n                  ownVote < 0 ? 'selected' : 'unselected'\n                }`}\n              >\n                <ArrowDownward />\n              </IconButton>\n            </span>\n          </Tooltip>\n          <Tooltip title={t('common.score', { score: score.toString(10) })}>\n            <Typography\n              className={styles.scoreText}\n              display=\"inline\"\n              data-testid=\"vote-count\"\n            >\n              {score}\n            </Typography>\n          </Tooltip>\n        </Grid>\n        <Grid item>\n          <FavoriteButton entity={post} />\n          <LinkButton entity={post} />\n          {post.canEdit && post.status !== 'obsolete' && (\n            <Tooltip title={t('articlePage.editButton')}>\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  navigate(\n                    editArticleRoute({\n                      id: post.id.toString(10),\n                    }),\n                  )\n                }\n                color=\"primary\"\n              >\n                <EditIcon />\n              </IconButton>\n            </Tooltip>\n          )}\n          {post.canDelete && (\n            <>\n              <Tooltip title={t('articlePage.deleteButton')}>\n                <IconButton\n                  size=\"small\"\n                  onClick={handleDeleteModalOpen}\n                  color=\"secondary\"\n                >\n                  <DeleteIcon />\n                </IconButton>\n              </Tooltip>\n              <DeleteModal\n                open={deleteModalOpen}\n                onClose={handleDeleteModalClose}\n                entity={post}\n              />\n            </>\n          )}\n          {isModerator && post.status === 'deleted' && (\n            <Tooltip title={t('articlePage.restoreButton')}>\n              <IconButton\n                size=\"small\"\n                onClick={() => restoreArticle()}\n                color=\"primary\"\n              >\n                <RestoreIcon />\n              </IconButton>\n            </Tooltip>\n          )}\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n  Grid,\n  IconButton,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../Modals';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useNavigate } from 'react-router-dom';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type QetaArticleButtonsClassKey = 'container' | 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n  theme => {\n    return {\n      container: {\n        width: '100%',\n        paddingTop: '0.5rem',\n        paddingBottom: '0.5rem',\n        borderTop: `1px solid ${theme.palette.background.paper}`,\n        borderBottom: `1px solid ${theme.palette.background.paper}`,\n      },\n      scoreText: {\n        marginLeft: '0.5rem',\n        userSelect: 'none',\n      },\n    };\n  },\n  { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n    useVoting(post);\n  const styles = useLocalStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const navigate = useNavigate();\n  const editArticleRoute = useRouteRef(editArticleRouteRef);\n  const { isModerator } = useIsModerator();\n  const qetaApi = useApi(qetaApiRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const alertApi = useApi(alertApiRef);\n\n  const own = props.post.own ?? false;\n\n  const isDisabled = () => {\n    return own || post.status !== 'active';\n  };\n\n  const getVoteUpTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteUpTooltip;\n  };\n\n  const getVoteDownTooltip = () => {\n    if (isDisabled()) {\n      return '';\n    }\n    return voteDownTooltip;\n  };\n\n  const restoreArticle = async () => {\n    qetaApi\n      .restorePost(post.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(() => {\n        window.location.reload();\n      });\n  };\n\n  return (\n    <div className={styles.container}>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item>\n          <Tooltip title={getVoteUpTooltip()}>\n            <span>\n              <IconButton\n                aria-label=\"vote up\"\n                color={ownVote > 0 ? 'primary' : 'default'}\n                className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n                disabled={isDisabled()}\n                size=\"small\"\n                onClick={voteUp}\n                data-testid={`vote-up-btn-${\n                  ownVote > 0 ? 'selected' : 'unselected'\n                }`}\n              >\n                <ArrowUpward />\n              </IconButton>\n            </span>\n          </Tooltip>\n          <Tooltip title={getVoteDownTooltip()}>\n            <span>\n              <IconButton\n                aria-label=\"vote down\"\n                color={ownVote < 0 ? 'primary' : 'default'}\n                className={\n                  ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n                }\n                disabled={isDisabled()}\n                size=\"small\"\n                onClick={voteDown}\n                data-testid={`vote-down-btn-${\n                  ownVote < 0 ? 'selected' : 'unselected'\n                }`}\n              >\n                <ArrowDownward />\n              </IconButton>\n            </span>\n          </Tooltip>\n          <Tooltip title={t('common.score', { score: score.toString(10) })}>\n            <Typography\n              className={styles.scoreText}\n              display=\"inline\"\n              data-testid=\"vote-count\"\n            >\n              {score}\n            </Typography>\n          </Tooltip>\n        </Grid>\n        <Grid item>\n          <FavoriteButton entity={post} />\n          <LinkButton entity={post} />\n          {post.canEdit && post.status !== 'obsolete' && (\n            <Tooltip title={t('articlePage.editButton')}>\n              <IconButton\n                size=\"small\"\n                onClick={() =>\n                  navigate(\n                    editArticleRoute({\n                      id: post.id.toString(10),\n                    }),\n                  )\n                }\n                color=\"primary\"\n              >\n                <EditIcon />\n              </IconButton>\n            </Tooltip>\n          )}\n          {post.canDelete && (\n            <>\n              <Tooltip title={t('articlePage.deleteButton')}>\n                <IconButton\n                  size=\"small\"\n                  onClick={handleDeleteModalOpen}\n                  color=\"secondary\"\n                >\n                  <DeleteIcon />\n                </IconButton>\n              </Tooltip>\n              <DeleteModal\n                open={deleteModalOpen}\n                onClose={handleDeleteModalClose}\n                entity={post}\n              />\n            </>\n          )}\n          {isModerator && post.status === 'deleted' && (\n            <Tooltip title={t('articlePage.restoreButton')}>\n              <IconButton\n                size=\"small\"\n                onClick={() => restoreArticle()}\n                color=\"primary\"\n              >\n                <RestoreIcon />\n              </IconButton>\n            </Tooltip>\n          )}\n        </Grid>\n      </Grid>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Badges/BadgeChip.esm.js

@@ -55,11 +55,30 @@ const useStyles = makeStyles((theme) => ({
     justifyContent: "flex-start",
     padding: theme.spacing(1.5),
     borderRadius: theme.shape.borderRadius * 2,
-    width: 140,
-    height: 140,
+    width: "100%",
+    minHeight: 140,
+    height: "100%",
+    boxSizing: "border-box",
+    border: "1px solid rgba(0, 0, 0, 0.12)",
+    boxShadow: "0 4px 8px rgba(0,0,0,0.1)",
     textAlign: "center",
     userSelect: "none",
-    overflow: "hidden"
+    position: "relative"
+  },
+  count: {
+    position: "absolute",
+    top: 18,
+    right: -12,
+    backgroundColor: theme.palette.common.white,
+    color: theme.palette.common.black,
+    borderRadius: "2px",
+    display: "flex",
+    padding: "4px",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "12px",
+    fontWeight: "bold",
+    boxShadow: "0 2px 4px rgba(0,0,0,0.2)"
   },
   bronze: {
     background: "linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)",
@@ -220,7 +239,7 @@ const BadgeChip = ({
     /* @__PURE__ */ jsx(Typography, { className: classes.name, children: badge.name }),
     /* @__PURE__ */ jsx(Typography, { className: classes.level, children: badge.level }),
     /* @__PURE__ */ jsx(Typography, { className: classes.description, children: badge.description }),
-    count && count > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", style: { marginTop: "auto" }, children: [
+    count && count > 1 && /* @__PURE__ */ jsxs(Box, { className: classes.count, children: [
       "x ",
       count
     ] })

package/dist/components/Badges/BadgeChip.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeChip.esm.js","sources":["../../../src/components/Badges/BadgeChip.tsx"],"sourcesContent":["import { Badge } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport Star from '@material-ui/icons/Star';\nimport VerifiedUser from '@material-ui/icons/VerifiedUser';\nimport Visibility from '@material-ui/icons/Visibility';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport Help from '@material-ui/icons/Help';\nimport Search from '@material-ui/icons/Search';\nimport Support from '@material-ui/icons/ContactSupport';\nimport Build from '@material-ui/icons/Build';\nimport School from '@material-ui/icons/School';\nimport MenuBook from '@material-ui/icons/MenuBook';\nimport CastForEducation from '@material-ui/icons/CastForEducation';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport RateReview from '@material-ui/icons/RateReview';\nimport Article from '@material-ui/icons/Description';\nimport Create from '@material-ui/icons/Create';\nimport Link from '@material-ui/icons/Link';\nimport Comment from '@material-ui/icons/Comment';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Share from '@material-ui/icons/Share';\nimport Public from '@material-ui/icons/Public';\nimport RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';\nimport SpeakerNotes from '@material-ui/icons/SpeakerNotes';\nimport Gavel from '@material-ui/icons/Gavel';\nimport DeviceHub from '@material-ui/icons/DeviceHub';\nimport Hearing from '@material-ui/icons/Hearing';\nimport Stars from '@material-ui/icons/Stars';\nimport Flare from '@material-ui/icons/Flare';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport DoneAll from '@material-ui/icons/DoneAll';\nimport PersonAdd from '@material-ui/icons/PersonAdd';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\nimport Group from '@material-ui/icons/Group';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ChatBubble from '@material-ui/icons/ChatBubble';\nimport Translate from '@material-ui/icons/Translate';\nimport LibraryBooks from '@material-ui/icons/LibraryBooks';\nimport CollectionsBookmark from '@material-ui/icons/CollectionsBookmark';\nimport LocalLibrary from '@material-ui/icons/LocalLibrary';\nimport Archive from '@material-ui/icons/Archive';\nimport PlaylistAdd from '@material-ui/icons/PlaylistAdd';\nimport FolderSpecial from '@material-ui/icons/FolderSpecial';\nimport StarRate from '@material-ui/icons/StarRate';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport Palette from '@material-ui/icons/Palette';\nimport CameraAlt from '@material-ui/icons/CameraAlt';\nimport LabelImportant from '@material-ui/icons/LabelImportant';\n\nconst useStyles = makeStyles(theme => ({\n  badge: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius * 2,\n    width: 140,\n    height: 140,\n    textAlign: 'center',\n    userSelect: 'none',\n    overflow: 'hidden',\n  },\n  bronze: {\n    background: 'linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)',\n    color: '#ffffff',\n  },\n  silver: {\n    background: 'linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)',\n    color: '#333333',\n  },\n  gold: {\n    background: 'linear-gradient(135deg, #ffd700 0%, #daa520 100%)',\n    color: '#333333',\n  },\n  diamond: {\n    background: 'linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)',\n    color: '#1a365d',\n  },\n  icon: {\n    fontSize: 28,\n    marginBottom: theme.spacing(0.5),\n  },\n  name: {\n    fontWeight: 600,\n    fontSize: '0.85rem',\n    lineHeight: 1.2,\n    marginBottom: theme.spacing(0.5),\n  },\n  level: {\n    fontSize: '0.65rem',\n    textTransform: 'uppercase',\n    letterSpacing: '0.5px',\n    opacity: 0.85,\n    marginBottom: theme.spacing(0.5),\n  },\n  description: {\n    fontSize: '0.7rem',\n    lineHeight: 1.3,\n    opacity: 0.9,\n  },\n}));\n\nconst getIcon = (icon: string) => {\n  switch (icon) {\n    case 'star':\n      return <Star />;\n    case 'local_police':\n      return <VerifiedUser />;\n    case 'visibility':\n      return <Visibility />;\n    case 'workspace_premium':\n      return <EmojiEvents />;\n    case 'help':\n      return <Help />;\n    case 'psychology':\n      return <Search />;\n    case 'support':\n      return <Support />;\n    case 'build':\n      return <Build />;\n    case 'school':\n      return <School />;\n    case 'menu_book':\n      return <MenuBook />;\n    case 'cast_for_education':\n      return <CastForEducation />;\n    case 'thumb_up':\n      return <ThumbUp />;\n    case 'rate_review':\n      return <RateReview />;\n    case 'article':\n      return <Article />;\n    case 'history_edu':\n      return <Create />;\n    case 'link':\n      return <Link />;\n    case 'comment':\n      return <Comment />;\n    case 'view_column':\n      return <ViewColumn />;\n    case 'share':\n      return <Share />;\n    case 'public':\n      return <Public />;\n    case 'record_voice_over':\n      return <RecordVoiceOver />;\n    case 'campaign':\n      return <SpeakerNotes />;\n    case 'gavel':\n      return <Gavel />;\n    case 'device_hub':\n      return <DeviceHub />;\n    case 'hearing':\n      return <Hearing />;\n    case 'military_tech':\n      return <Stars />;\n    case 'verified':\n      return <VerifiedUser />;\n    case 'check_circle':\n      return <CheckCircle />;\n    case 'done_all':\n      return <DoneAll />;\n    case 'construction':\n      return <Build />;\n    case 'auto_fix_high':\n      return <Flare />;\n    case 'person_add':\n      return <PersonAdd />;\n    case 'trending_up':\n      return <TrendingUp />;\n    case 'emoji_events':\n      return <EmojiEvents />;\n    case 'groups':\n      return <Group />;\n    case 'nights_stay':\n      return <NightsStay />;\n    case 'auto_stories':\n      return <LibraryBooks />;\n    case 'translate':\n      return <Translate />;\n    case 'chat_bubble':\n      return <ChatBubble />;\n    // Collection badges\n    case 'collections_bookmark':\n      return <CollectionsBookmark />;\n    case 'local_library':\n      return <LocalLibrary />;\n    case 'archive':\n      return <Archive />;\n    case 'playlist_add':\n      return <PlaylistAdd />;\n    case 'folder_special':\n      return <FolderSpecial />;\n    case 'inventory':\n      return <Archive />;\n    case 'star_rate':\n      return <StarRate />;\n    case 'diamond':\n      return <Stars />;\n    case 'whatshot':\n      return <Whatshot />;\n    case 'palette':\n      return <Palette />;\n    case 'camera_alt':\n      return <CameraAlt />;\n    case 'label_important':\n      return <LabelImportant />;\n    default:\n      return <VerifiedUser />;\n  }\n};\n\nexport const BadgeChip = ({\n  badge,\n  count,\n}: {\n  badge: Badge;\n  count?: number;\n}) => {\n  const classes = useStyles();\n  const IconComponent = getIcon(badge.icon);\n\n  return (\n    <Box className={`${classes.badge} ${classes[badge.level]}`}>\n      <Box className={classes.icon}>{IconComponent}</Box>\n      <Typography className={classes.name}>{badge.name}</Typography>\n      <Typography className={classes.level}>{badge.level}</Typography>\n      <Typography className={classes.description}>\n        {badge.description}\n      </Typography>\n      {count && count > 1 && (\n        <Typography variant=\"caption\" style={{ marginTop: 'auto' }}>\n          x {count}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n"],"names":["Star","Help","Search","Article","Create","Link","CollectionsBookmark","PlaylistAdd"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,YAAA;AAAA,IAChB,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC1B,YAAA,EAAc,KAAM,CAAA,KAAA,CAAM,YAAe,GAAA,CAAA;AAAA,IACzC,KAAO,EAAA,GAAA;AAAA,IACP,MAAQ,EAAA,GAAA;AAAA,IACR,SAAW,EAAA,QAAA;AAAA,IACX,UAAY,EAAA,MAAA;AAAA,IACZ,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA,mDAAA;AAAA,IACZ,KAAO,EAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,EAAA;AAAA,IACV,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,SAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAU,EAAA,SAAA;AAAA,IACV,aAAe,EAAA,WAAA;AAAA,IACf,aAAe,EAAA,OAAA;AAAA,IACf,OAAS,EAAA,IAAA;AAAA,IACT,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,GAAA;AAAA,IACZ,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAEF,MAAM,OAAA,GAAU,CAAC,IAAiB,KAAA;AAChC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,MAAA;AACH,MAAA,2BAAQA,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,cAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,YAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,mBAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,MAAA;AACH,MAAA,2BAAQC,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,YAAA;AACH,MAAA,2BAAQC,UAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,QAAA;AACH,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,WAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,oBAAA;AACH,MAAA,2BAAQ,gBAAiB,EAAA,EAAA,CAAA;AAAA,IAC3B,KAAK,UAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,SAAA;AACH,MAAA,2BAAQC,eAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQC,UAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,MAAA;AACH,MAAA,2BAAQC,QAAK,EAAA,EAAA,CAAA;AAAA,IACf,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,QAAA;AACH,MAAA,2BAAQ,MAAO,EAAA,EAAA,CAAA;AAAA,IACjB,KAAK,mBAAA;AACH,MAAA,2BAAQ,eAAgB,EAAA,EAAA,CAAA;AAAA,IAC1B,KAAK,UAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,OAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,eAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,UAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,cAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,UAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,cAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,eAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,cAAA;AACH,MAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,QAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA,IACrB,KAAK,cAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,WAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,aAAA;AACH,MAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAAA,IAErB,KAAK,sBAAA;AACH,MAAA,2BAAQC,uBAAoB,EAAA,EAAA,CAAA;AAAA,IAC9B,KAAK,eAAA;AACH,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA,IACvB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,cAAA;AACH,MAAA,2BAAQC,eAAY,EAAA,EAAA,CAAA;AAAA,IACtB,KAAK,gBAAA;AACH,MAAA,2BAAQ,aAAc,EAAA,EAAA,CAAA;AAAA,IACxB,KAAK,WAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,WAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,SAAA;AACH,MAAA,2BAAQ,KAAM,EAAA,EAAA,CAAA;AAAA,IAChB,KAAK,UAAA;AACH,MAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA,IACnB,KAAK,SAAA;AACH,MAAA,2BAAQ,OAAQ,EAAA,EAAA,CAAA;AAAA,IAClB,KAAK,YAAA;AACH,MAAA,2BAAQ,SAAU,EAAA,EAAA,CAAA;AAAA,IACpB,KAAK,iBAAA;AACH,MAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA,IACzB;AACE,MAAA,2BAAQ,YAAa,EAAA,EAAA,CAAA;AAAA;AAE3B,CAAA;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,aAAA,GAAgB,OAAQ,CAAA,KAAA,CAAM,IAAI,CAAA;AAExC,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,OAAA,CAAQ,KAAK,CAAA,CAAA,EAAI,OAAQ,CAAA,KAAA,CAAM,KAAK,CAAC,CACtD,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAO,QAAc,EAAA,aAAA,EAAA,CAAA;AAAA,wBAC5C,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,IAAA,EAAO,gBAAM,IAAK,EAAA,CAAA;AAAA,wBAChD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,KAAA,EAAQ,gBAAM,KAAM,EAAA,CAAA;AAAA,wBAClD,UAAW,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,WAAA,EAC5B,gBAAM,WACT,EAAA,CAAA;AAAA,IACC,KAAA,IAAS,KAAQ,GAAA,CAAA,oBACf,IAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,SAAW,EAAA,MAAA,EAAU,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA;AAAA,MACvD;AAAA,KACL,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BadgeChip.esm.js","sources":["../../../src/components/Badges/BadgeChip.tsx"],"sourcesContent":["import { Badge } from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport Star from '@material-ui/icons/Star';\nimport VerifiedUser from '@material-ui/icons/VerifiedUser';\nimport Visibility from '@material-ui/icons/Visibility';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport Help from '@material-ui/icons/Help';\nimport Search from '@material-ui/icons/Search';\nimport Support from '@material-ui/icons/ContactSupport';\nimport Build from '@material-ui/icons/Build';\nimport School from '@material-ui/icons/School';\nimport MenuBook from '@material-ui/icons/MenuBook';\nimport CastForEducation from '@material-ui/icons/CastForEducation';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport RateReview from '@material-ui/icons/RateReview';\nimport Article from '@material-ui/icons/Description';\nimport Create from '@material-ui/icons/Create';\nimport Link from '@material-ui/icons/Link';\nimport Comment from '@material-ui/icons/Comment';\nimport ViewColumn from '@material-ui/icons/ViewColumn';\nimport Share from '@material-ui/icons/Share';\nimport Public from '@material-ui/icons/Public';\nimport RecordVoiceOver from '@material-ui/icons/RecordVoiceOver';\nimport SpeakerNotes from '@material-ui/icons/SpeakerNotes';\nimport Gavel from '@material-ui/icons/Gavel';\nimport DeviceHub from '@material-ui/icons/DeviceHub';\nimport Hearing from '@material-ui/icons/Hearing';\nimport Stars from '@material-ui/icons/Stars';\nimport Flare from '@material-ui/icons/Flare';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport DoneAll from '@material-ui/icons/DoneAll';\nimport PersonAdd from '@material-ui/icons/PersonAdd';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\nimport Group from '@material-ui/icons/Group';\nimport NightsStay from '@material-ui/icons/NightsStay';\nimport ChatBubble from '@material-ui/icons/ChatBubble';\nimport Translate from '@material-ui/icons/Translate';\nimport LibraryBooks from '@material-ui/icons/LibraryBooks';\nimport CollectionsBookmark from '@material-ui/icons/CollectionsBookmark';\nimport LocalLibrary from '@material-ui/icons/LocalLibrary';\nimport Archive from '@material-ui/icons/Archive';\nimport PlaylistAdd from '@material-ui/icons/PlaylistAdd';\nimport FolderSpecial from '@material-ui/icons/FolderSpecial';\nimport StarRate from '@material-ui/icons/StarRate';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport Palette from '@material-ui/icons/Palette';\nimport CameraAlt from '@material-ui/icons/CameraAlt';\nimport LabelImportant from '@material-ui/icons/LabelImportant';\n\nconst useStyles = makeStyles(theme => ({\n  badge: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    padding: theme.spacing(1.5),\n    borderRadius: theme.shape.borderRadius * 2,\n    width: '100%',\n    minHeight: 140,\n    height: '100%',\n    boxSizing: 'border-box',\n    border: '1px solid rgba(0, 0, 0, 0.12)',\n    boxShadow: '0 4px 8px rgba(0,0,0,0.1)',\n    textAlign: 'center',\n    userSelect: 'none',\n    position: 'relative',\n  },\n  count: {\n    position: 'absolute',\n    top: 18,\n    right: -12,\n    backgroundColor: theme.palette.common.white,\n    color: theme.palette.common.black,\n    borderRadius: '2px',\n    display: 'flex',\n    padding: '4px',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: '12px',\n    fontWeight: 'bold',\n    boxShadow: '0 2px 4px rgba(0,0,0,0.2)',\n  },\n  bronze: {\n    background: 'linear-gradient(135deg, #cd7f32 0%, #a0522d 100%)',\n    color: '#ffffff',\n  },\n  silver: {\n    background: 'linear-gradient(135deg, #e8e8e8 0%, #a8a8a8 100%)',\n    color: '#333333',\n  },\n  gold: {\n    background: 'linear-gradient(135deg, #ffd700 0%, #daa520 100%)',\n    color: '#333333',\n  },\n  diamond: {\n    background: 'linear-gradient(135deg, #b9f2ff 0%, #7ec8e3 100%)',\n    color: '#1a365d',\n  },\n  icon: {\n    fontSize: 28,\n    marginBottom: theme.spacing(0.5),\n  },\n  name: {\n    fontWeight: 600,\n    fontSize: '0.85rem',\n    lineHeight: 1.2,\n    marginBottom: theme.spacing(0.5),\n  },\n  level: {\n    fontSize: '0.65rem',\n    textTransform: 'uppercase',\n    letterSpacing: '0.5px',\n    opacity: 0.85,\n    marginBottom: theme.spacing(0.5),\n  },\n  description: {\n    fontSize: '0.7rem',\n    lineHeight: 1.3,\n    opacity: 0.9,\n  },\n}));\n\nconst getIcon = (icon: string) => {\n  switch (icon) {\n    case 'star':\n      return <Star />;\n    case 'local_police':\n      return <VerifiedUser />;\n    case 'visibility':\n      return <Visibility />;\n    case 'workspace_premium':\n      return <EmojiEvents />;\n    case 'help':\n      return <Help />;\n    case 'psychology':\n      return <Search />;\n    case 'support':\n      return <Support />;\n    case 'build':\n      return <Build />;\n    case 'school':\n      return <School />;\n    case 'menu_book':\n      return <MenuBook />;\n    case 'cast_for_education':\n      return <CastForEducation />;\n    case 'thumb_up':\n      return <ThumbUp />;\n    case 'rate_review':\n      return <RateReview />;\n    case 'article':\n      return <Article />;\n    case 'history_edu':\n      return <Create />;\n    case 'link':\n      return <Link />;\n    case 'comment':\n      return <Comment />;\n    case 'view_column':\n      return <ViewColumn />;\n    case 'share':\n      return <Share />;\n    case 'public':\n      return <Public />;\n    case 'record_voice_over':\n      return <RecordVoiceOver />;\n    case 'campaign':\n      return <SpeakerNotes />;\n    case 'gavel':\n      return <Gavel />;\n    case 'device_hub':\n      return <DeviceHub />;\n    case 'hearing':\n      return <Hearing />;\n    case 'military_tech':\n      return <Stars />;\n    case 'verified':\n      return <VerifiedUser />;\n    case 'check_circle':\n      return <CheckCircle />;\n    case 'done_all':\n      return <DoneAll />;\n    case 'construction':\n      return <Build />;\n    case 'auto_fix_high':\n      return <Flare />;\n    case 'person_add':\n      return <PersonAdd />;\n    case 'trending_up':\n      return <TrendingUp />;\n    case 'emoji_events':\n      return <EmojiEvents />;\n    case 'groups':\n      return <Group />;\n    case 'nights_stay':\n      return <NightsStay />;\n    case 'auto_stories':\n      return <LibraryBooks />;\n    case 'translate':\n      return <Translate />;\n    case 'chat_bubble':\n      return <ChatBubble />;\n    // Collection badges\n    case 'collections_bookmark':\n      return <CollectionsBookmark />;\n    case 'local_library':\n      return <LocalLibrary />;\n    case 'archive':\n      return <Archive />;\n    case 'playlist_add':\n      return <PlaylistAdd />;\n    case 'folder_special':\n      return <FolderSpecial />;\n    case 'inventory':\n      return <Archive />;\n    case 'star_rate':\n      return <StarRate />;\n    case 'diamond':\n      return <Stars />;\n    case 'whatshot':\n      return <Whatshot />;\n    case 'palette':\n      return <Palette />;\n    case 'camera_alt':\n      return <CameraAlt />;\n    case 'label_important':\n      return <LabelImportant />;\n    default:\n      return <VerifiedUser />;\n  }\n};\n\nexport const BadgeChip = ({\n  badge,\n  count,\n}: {\n  badge: Badge;\n  count?: number;\n}) => {\n  const classes = useStyles();\n  const IconComponent = getIcon(badge.icon);\n\n  return (\n    <Box className={`${classes.badge} ${classes[badge.level]}`}>\n      <Box className={classes.icon}>{IconComponent}</Box>\n      <Typography className={classes.name}>{badge.name}</Typography>\n      <Typography className={classes.level}>{badge.level}</Typography>\n      <Typography className={classes.description}>\n        {badge.description}\n      </Typography>\n      {count && count > 1 && <Box className={classes.count}>x {count}</Box>}\n    </Box>\n  );\n};\n"],"names":["Star","Help","Search","Article","Create","Link","CollectionsBookmark","PlaylistAdd"],"mappings":"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"}

package/dist/components/Badges/UserBadges.esm.js

@@ -18,6 +18,7 @@ import { Box, Typography, Grid } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { BadgeChip } from './BadgeChip.esm.js';
 import { Skeleton, Alert } from '@material-ui/lab';
 
@@ -72,9 +73,9 @@ const UserBadges = ({ entityRef }) => {
         container: true,
         spacing: 3,
         style: { padding: "1em" },
-        justifyContent: "center",
-        alignItems: "center",
-        children: displayBadges.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(BadgeChip, { badge: item.badge, count: item.count }) }, index))
+        justifyContent: "flex-start",
+        alignItems: "stretch",
+        children: displayBadges.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 4, md: 3, lg: 2, xl: 1, children: /* @__PURE__ */ jsx(BadgeChip, { badge: item.badge, count: item.count }) }, index))
       }
     )
   ] });

package/dist/components/Badges/UserBadges.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserBadges.esm.js","sources":["../../../src/components/Badges/UserBadges.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { BadgeChip } from './BadgeChip';\nimport { Box, Typography, Grid } from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { UserBadge } from '@drodil/backstage-plugin-qeta-common';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nconst LEVEL_ORDER: Record<string, number> = {\n  diamond: 0,\n  gold: 1,\n  silver: 2,\n  bronze: 3,\n};\n\nconst sortBadgesByLevel = (badges: UserBadge[]): UserBadge[] => {\n  return [...badges].sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n};\n\nexport const UserBadges = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: badges,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserBadges(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={100} />;\n  }\n\n  if (error) {\n    return <Alert severity=\"error\">{t('userBadges.error')}</Alert>;\n  }\n\n  const sortedBadges = badges ? sortBadgesByLevel(badges) : [];\n\n  const groupedBadges = sortedBadges.reduce((acc, userBadge) => {\n    const key = userBadge.badge.id;\n    if (!acc[key]) {\n      acc[key] = {\n        badge: userBadge.badge,\n        count: 0,\n      };\n    }\n    acc[key].count += 1;\n    return acc;\n  }, {} as Record<string, { badge: UserBadge['badge']; count: number }>);\n\n  const displayBadges = Object.values(groupedBadges).sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n\n  return (\n    <Box>\n      <Typography variant=\"h6\" gutterBottom>\n        {t('userBadges.title')}\n      </Typography>\n      {displayBadges.length === 0 ? (\n        <Typography variant=\"body2\">{t('userBadges.noBadges')}</Typography>\n      ) : (\n        <Grid\n          container\n          spacing={3}\n          style={{ padding: '1em' }}\n          justifyContent=\"center\"\n          alignItems=\"center\"\n        >\n          {displayBadges.map((item, index: number) => (\n            <Grid item key={index}>\n              <BadgeChip badge={item.badge} count={item.count} />\n            </Grid>\n          ))}\n        </Grid>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserBadges.esm.js","sources":["../../../src/components/Badges/UserBadges.tsx"],"sourcesContent":["import { useQetaApi } from '../../hooks';\nimport { BadgeChip } from './BadgeChip';\nimport { Box, Typography, Grid } from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { UserBadge } from '@drodil/backstage-plugin-qeta-common';\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nconst LEVEL_ORDER: Record<string, number> = {\n  diamond: 0,\n  gold: 1,\n  silver: 2,\n  bronze: 3,\n};\n\nconst sortBadgesByLevel = (badges: UserBadge[]): UserBadge[] => {\n  return [...badges].sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n};\n\nexport const UserBadges = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const {\n    value: badges,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserBadges(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={100} />;\n  }\n\n  if (error) {\n    return <Alert severity=\"error\">{t('userBadges.error')}</Alert>;\n  }\n\n  const sortedBadges = badges ? sortBadgesByLevel(badges) : [];\n\n  const groupedBadges = sortedBadges.reduce((acc, userBadge) => {\n    const key = userBadge.badge.id;\n    if (!acc[key]) {\n      acc[key] = {\n        badge: userBadge.badge,\n        count: 0,\n      };\n    }\n    acc[key].count += 1;\n    return acc;\n  }, {} as Record<string, { badge: UserBadge['badge']; count: number }>);\n\n  const displayBadges = Object.values(groupedBadges).sort((a, b) => {\n    const levelA = LEVEL_ORDER[a.badge.level] ?? 99;\n    const levelB = LEVEL_ORDER[b.badge.level] ?? 99;\n    return levelA - levelB;\n  });\n\n  return (\n    <Box>\n      <Typography variant=\"h6\" gutterBottom>\n        {t('userBadges.title')}\n      </Typography>\n      {displayBadges.length === 0 ? (\n        <Typography variant=\"body2\">{t('userBadges.noBadges')}</Typography>\n      ) : (\n        <Grid\n          container\n          spacing={3}\n          style={{ padding: '1em' }}\n          justifyContent=\"flex-start\"\n          alignItems=\"stretch\"\n        >\n          {displayBadges.map((item, index: number) => (\n            <Grid item key={index} xs={6} sm={4} md={3} lg={2} xl={1}>\n              <BadgeChip badge={item.badge} count={item.count} />\n            </Grid>\n          ))}\n        </Grid>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAsC,GAAA;AAAA,EAC1C,OAAS,EAAA,CAAA;AAAA,EACT,IAAM,EAAA,CAAA;AAAA,EACN,MAAQ,EAAA,CAAA;AAAA,EACR,MAAQ,EAAA;AACV,CAAA;AAEA,MAAM,iBAAA,GAAoB,CAAC,MAAqC,KAAA;AAC9D,EAAA,OAAO,CAAC,GAAG,MAAM,EAAE,IAAK,CAAA,CAAC,GAAG,CAAM,KAAA;AAChC,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,OAAO,MAAS,GAAA,MAAA;AAAA,GACjB,CAAA;AACH,CAAA;AAEO,MAAM,UAAa,GAAA,CAAC,EAAE,SAAA,EAAuC,KAAA;AAClE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,MAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,SAAS,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAE/D,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BAAQ,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA;AAGxD,EAAA,MAAM,YAAe,GAAA,MAAA,GAAS,iBAAkB,CAAA,MAAM,IAAI,EAAC;AAE3D,EAAA,MAAM,aAAgB,GAAA,YAAA,CAAa,MAAO,CAAA,CAAC,KAAK,SAAc,KAAA;AAC5D,IAAM,MAAA,GAAA,GAAM,UAAU,KAAM,CAAA,EAAA;AAC5B,IAAI,IAAA,CAAC,GAAI,CAAA,GAAG,CAAG,EAAA;AACb,MAAA,GAAA,CAAI,GAAG,CAAI,GAAA;AAAA,QACT,OAAO,SAAU,CAAA,KAAA;AAAA,QACjB,KAAO,EAAA;AAAA,OACT;AAAA;AAEF,IAAI,GAAA,CAAA,GAAG,EAAE,KAAS,IAAA,CAAA;AAClB,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAkE,CAAA;AAErE,EAAM,MAAA,aAAA,GAAgB,OAAO,MAAO,CAAA,aAAa,EAAE,IAAK,CAAA,CAAC,GAAG,CAAM,KAAA;AAChE,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,MAAM,MAAS,GAAA,WAAA,CAAY,CAAE,CAAA,KAAA,CAAM,KAAK,CAAK,IAAA,EAAA;AAC7C,IAAA,OAAO,MAAS,GAAA,MAAA;AAAA,GACjB,CAAA;AAED,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,cAAY,IAClC,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CACvB,EAAA,CAAA;AAAA,IACC,aAAA,CAAc,MAAW,KAAA,CAAA,mBACvB,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,qBAAqB,CAAA,EAAE,CAEtD,mBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,CAAA;AAAA,QACT,KAAA,EAAO,EAAE,OAAA,EAAS,KAAM,EAAA;AAAA,QACxB,cAAe,EAAA,YAAA;AAAA,QACf,UAAW,EAAA,SAAA;AAAA,QAEV,QAAc,EAAA,aAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACxB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAa,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACrD,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,KAAA,EAAO,IAAK,CAAA,KAAA,EAAO,KAAO,EAAA,IAAA,CAAK,KAAO,EAAA,CAAA,EAAA,EADnC,KAEhB,CACD;AAAA;AAAA;AACH,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/AddToCollectionButton.esm.js

@@ -21,6 +21,7 @@ import '@backstage/plugin-permission-common';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { ContentHeaderButton } from './ContentHeaderButton.esm.js';
 
 const AddToCollectionButton = (props) => {

package/dist/components/Buttons/AddToCollectionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Grid,\n} from '@material-ui/core';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ContentHeaderButton } from './ContentHeaderButton';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n  const { value: response, retry } = useQetaApi(api => {\n    return api.getCollections({\n      checkAccess: true,\n      includeExperts: false,\n      includePosts: true,\n    });\n  }, []);\n  const [open, setOpen] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleClick = (collection: Collection) => {\n    if (collection.posts?.find(p => p.id === post.id)) {\n      qetaApi\n        .removePostFromCollection(collection.id, post.id)\n        .then(() => {\n          alertApi.post({\n            message: t('addToCollectionButton.removed', {\n              collection: collection.title,\n            }),\n            severity: 'success',\n            display: 'transient',\n          });\n          retry();\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        });\n    } else {\n      qetaApi\n        .addPostToCollection(collection.id, post.id)\n        .then(() => {\n          alertApi.post({\n            message: t('addToCollectionButton.added', {\n              collection: collection.title,\n            }),\n            severity: 'success',\n            display: 'transient',\n          });\n          retry();\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        });\n    }\n  };\n\n  if (post.status !== 'active') {\n    return null;\n  }\n\n  const collections = (response?.collections ?? []).filter(c => c.canEdit);\n  if (!collections.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <ContentHeaderButton onClick={handleClickOpen} icon={<PlayListAddIcon />}>\n        {t('addToCollectionButton.title')}\n      </ContentHeaderButton>\n      <Dialog open={open} onClose={handleClose} fullWidth>\n        <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n        <DialogContent>\n          <Grid container>\n            {collections.map(collection => {\n              const isInCollection = collection.posts?.find(\n                p => p.id === post.id,\n              );\n\n              return (\n                <Grid item key={collection.id}>\n                  <Button\n                    variant=\"outlined\"\n                    startIcon={\n                      isInCollection ? <RemoveCircle /> : <AddCircle />\n                    }\n                    color={isInCollection ? 'secondary' : 'primary'}\n                    onClick={() => handleClick(collection)}\n                  >\n                    {collection.title}\n                  </Button>\n                </Grid>\n              );\n            })}\n          </Grid>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleClose} color=\"primary\">\n            {t('addToCollectionButton.close')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Grid,\n} from '@material-ui/core';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ContentHeaderButton } from './ContentHeaderButton';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const alertApi = useApi(alertApiRef);\n  const { value: response, retry } = useQetaApi(api => {\n    return api.getCollections({\n      checkAccess: true,\n      includeExperts: false,\n      includePosts: true,\n    });\n  }, []);\n  const [open, setOpen] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleClick = (collection: Collection) => {\n    if (collection.posts?.find(p => p.id === post.id)) {\n      qetaApi\n        .removePostFromCollection(collection.id, post.id)\n        .then(() => {\n          alertApi.post({\n            message: t('addToCollectionButton.removed', {\n              collection: collection.title,\n            }),\n            severity: 'success',\n            display: 'transient',\n          });\n          retry();\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        });\n    } else {\n      qetaApi\n        .addPostToCollection(collection.id, post.id)\n        .then(() => {\n          alertApi.post({\n            message: t('addToCollectionButton.added', {\n              collection: collection.title,\n            }),\n            severity: 'success',\n            display: 'transient',\n          });\n          retry();\n        })\n        .catch(e => {\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          });\n        });\n    }\n  };\n\n  if (post.status !== 'active') {\n    return null;\n  }\n\n  const collections = (response?.collections ?? []).filter(c => c.canEdit);\n  if (!collections.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <ContentHeaderButton onClick={handleClickOpen} icon={<PlayListAddIcon />}>\n        {t('addToCollectionButton.title')}\n      </ContentHeaderButton>\n      <Dialog open={open} onClose={handleClose} fullWidth>\n        <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n        <DialogContent>\n          <Grid container>\n            {collections.map(collection => {\n              const isInCollection = collection.posts?.find(\n                p => p.id === post.id,\n              );\n\n              return (\n                <Grid item key={collection.id}>\n                  <Button\n                    variant=\"outlined\"\n                    startIcon={\n                      isInCollection ? <RemoveCircle /> : <AddCircle />\n                    }\n                    color={isInCollection ? 'secondary' : 'primary'}\n                    onClick={() => handleClick(collection)}\n                  >\n                    {collection.title}\n                  </Button>\n                </Grid>\n              );\n            })}\n          </Grid>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleClose} color=\"primary\">\n            {t('addToCollectionButton.close')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Buttons/EntityFollowButton.esm.js

@@ -21,6 +21,7 @@ import { Tooltip, IconButton } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const EntityFollowButton = (props) => {
   const { entityRef } = props;

package/dist/components/Buttons/EntityFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useEntityFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entities = useEntityFollow();\n  if (entities.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('entityButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (entities.isFollowingEntity(entityRef)) {\n            entities.unfollowEntity(entityRef);\n          } else {\n            entities.followEntity(entityRef);\n          }\n        }}\n      >\n        {entities.isFollowingEntity(entityRef) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA;AAAA;AACjC,OACF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,kBAAkB,SAAS,CAAA,uBAClC,aAAc,EAAA,EAAA,CAAA,uBAEd,UAAW,EAAA,EAAA;AAAA;AAAA,GAGlB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useEntityFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entities = useEntityFollow();\n  if (entities.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('entityButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (entities.isFollowingEntity(entityRef)) {\n            entities.unfollowEntity(entityRef);\n          } else {\n            entities.followEntity(entityRef);\n          }\n        }}\n      >\n        {entities.isFollowingEntity(entityRef) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA;AAAA;AACjC,OACF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,kBAAkB,SAAS,CAAA,uBAClC,aAAc,EAAA,EAAA,CAAA,uBAEd,UAAW,EAAA,EAAA;AAAA;AAAA,GAGlB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/TagFollowButton.esm.js

@@ -21,6 +21,7 @@ import { Tooltip, IconButton } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const TagFollowButton = (props) => {
   const { tag } = props;

package/dist/components/Buttons/TagFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTagsFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  if (tags.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('tagButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\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      >\n        {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB,OACF;AAAA,MAEC,QAAA,EAAA,IAAA,CAAK,eAAe,GAAG,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEhE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTagsFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  if (tags.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('tagButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\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      >\n        {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB,OACF;AAAA,MAEC,QAAA,EAAA,IAAA,CAAK,eAAe,GAAG,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEhE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/UserFollowButton.esm.js

@@ -21,6 +21,7 @@ import { Tooltip, IconButton } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const UserFollowButton = (props) => {
   const { userRef, style } = props;

package/dist/components/Buttons/UserFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useUserFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const UserFollowButton = (props: {\n  userRef: string;\n  style?: CSSProperties;\n}) => {\n  const { userRef, style } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const users = useUserFollow();\n  if (users.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('userButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (users.isFollowingUser(userRef)) {\n            users.unfollowUser(userRef);\n          } else {\n            users.followUser(userRef);\n          }\n        }}\n        style={style}\n      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AAAA;AAC1B,OACF;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,gBAAgB,OAAO,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEtE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useUserFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const UserFollowButton = (props: {\n  userRef: string;\n  style?: CSSProperties;\n}) => {\n  const { userRef, style } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const users = useUserFollow();\n  if (users.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('userButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (users.isFollowingUser(userRef)) {\n            users.unfollowUser(userRef);\n          } else {\n            users.followUser(userRef);\n          }\n        }}\n        style={style}\n      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AAAA;AAC1B,OACF;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,gBAAgB,OAAO,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEtE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsContainer/CollectionListItem.esm.js

@@ -26,6 +26,7 @@ import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const useStyles = makeStyles((theme) => ({
   content: {

package/dist/components/CollectionsContainer/CollectionListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionListItem.esm.js","sources":["../../../src/components/CollectionsContainer/CollectionListItem.tsx"],"sourcesContent":["import {\n  Collection,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n  Box,\n  ListItemAvatar,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { CollectionFollowButton } from '../Buttons/CollectionFollowButton';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\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 { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  description: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.875rem',\n    marginTop: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n  avatar: {\n    width: 50,\n    height: 50,\n    borderRadius: theme.shape.borderRadius,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.grey[200],\n    color: theme.palette.text.secondary,\n  },\n  image: {\n    objectFit: 'cover',\n    width: '100%',\n    height: '100%',\n    borderRadius: theme.shape.borderRadius,\n  },\n}));\n\nexport const CollectionListItem = (props: { collection: Collection }) => {\n  const { collection } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const href = collectionRoute({ id: collection.id.toString(10) });\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <ListItemAvatar className={classes.avatar}>\n        {collection.headerImage ? (\n          <img\n            src={collection.headerImage}\n            alt={collection.title}\n            className={classes.image}\n            onError={e => {\n              (e.currentTarget as HTMLImageElement).style.display = 'none';\n              (e.currentTarget.parentElement as HTMLElement).innerHTML = '';\n            }}\n          />\n        ) : (\n          <PlaylistPlayIcon />\n        )}\n      </ListItemAvatar>\n      <Box className={classes.content}>\n        <Typography className={classes.title} noWrap>\n          {collection.title}\n        </Typography>\n        {collection.description && (\n          <Typography className={classes.description}>\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(collection.description), 100),\n            )}\n          </Typography>\n        )}\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.questionsCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.articlesCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.linksCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.followersPlain')} arrow>\n          <div className={classes.statItem}>\n            <PeopleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.followers}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      <Box\n        className={classes.actions}\n        onClick={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <CollectionFollowButton collection={collection} />\n      </Box>\n    </Link>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionListItem.esm.js","sources":["../../../src/components/CollectionsContainer/CollectionListItem.tsx"],"sourcesContent":["import {\n  Collection,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n  Box,\n  ListItemAvatar,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { CollectionFollowButton } from '../Buttons/CollectionFollowButton';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\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 { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    marginLeft: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 600,\n  },\n  description: {\n    color: theme.palette.text.secondary,\n    fontSize: '0.875rem',\n    marginTop: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n  avatar: {\n    width: 50,\n    height: 50,\n    borderRadius: theme.shape.borderRadius,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    backgroundColor:\n      theme.palette.type === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.grey[200],\n    color: theme.palette.text.secondary,\n  },\n  image: {\n    objectFit: 'cover',\n    width: '100%',\n    height: '100%',\n    borderRadius: theme.shape.borderRadius,\n  },\n}));\n\nexport const CollectionListItem = (props: { collection: Collection }) => {\n  const { collection } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const href = collectionRoute({ id: collection.id.toString(10) });\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <ListItemAvatar className={classes.avatar}>\n        {collection.headerImage ? (\n          <img\n            src={collection.headerImage}\n            alt={collection.title}\n            className={classes.image}\n            onError={e => {\n              (e.currentTarget as HTMLImageElement).style.display = 'none';\n              (e.currentTarget.parentElement as HTMLElement).innerHTML = '';\n            }}\n          />\n        ) : (\n          <PlaylistPlayIcon />\n        )}\n      </ListItemAvatar>\n      <Box className={classes.content}>\n        <Typography className={classes.title} noWrap>\n          {collection.title}\n        </Typography>\n        {collection.description && (\n          <Typography className={classes.description}>\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(collection.description), 100),\n            )}\n          </Typography>\n        )}\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('common.questions')} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.questionsCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.articles')} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.articlesCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.links')} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.linksCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('common.followersPlain')} arrow>\n          <div className={classes.statItem}>\n            <PeopleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{collection.followers}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      <Box\n        className={classes.actions}\n        onClick={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <CollectionFollowButton collection={collection} />\n      </Box>\n    </Link>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ContentHeader/ContentHeader.esm.js

@@ -23,6 +23,7 @@ import 'react-use/lib/useAsync';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import '@material-ui/icons/Create';
 import '@material-ui/icons/Link';
 import '@material-ui/icons/OpenInNew';

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

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader.esm.js","sources":["../../../src/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, makeStyles, Typography } from '@material-ui/core';\nimport { ButtonContainer } from '../Buttons';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(3),\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 700,\n    marginBottom: 0,\n  },\n  titleIcon: {\n    marginRight: theme.spacing(1),\n    display: 'flex',\n    alignItems: 'center',\n  },\n  description: {\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport interface ContentHeaderProps {\n  title?: ReactNode;\n  titleIcon?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  titleComponent?: ReactNode;\n}\n\nexport const ContentHeader = (props: ContentHeaderProps) => {\n  const { title, titleIcon, description, children, titleComponent } = props;\n  const classes = useStyles();\n\n  return (\n    <Box className={classes.root}>\n      <Box flex=\"1 1 auto\" mr={2}>\n        <Box display=\"flex\" alignItems=\"center\" mb={1}>\n          {titleComponent ? (\n            <>{titleComponent}</>\n          ) : (\n            <>\n              {titleIcon && (\n                <Box className={classes.titleIcon}>{titleIcon}</Box>\n              )}\n              {title && (\n                <Typography\n                  variant=\"h4\"\n                  component=\"h1\"\n                  className={classes.title}\n                >\n                  {title}\n                </Typography>\n              )}\n            </>\n          )}\n        </Box>\n        <Typography\n          variant=\"body2\"\n          className={classes.description}\n          component=\"div\"\n        >\n          {description}\n        </Typography>\n      </Box>\n      <Box flex=\"0 0 auto\">\n        <ButtonContainer>{children}</ButtonContainer>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,cAAgB,EAAA,eAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GACtB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAE9B,CAAE,CAAA,CAAA;AAUW,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,WAAa,EAAA,QAAA,EAAU,gBAAmB,GAAA,KAAA;AACpE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,UAAW,EAAA,EAAA,EAAI,CACvB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,UAAW,EAAA,QAAA,EAAS,EAAI,EAAA,CAAA,EACzC,QACC,EAAA,cAAA,mBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,QAAe,EAAA,cAAA,EAAA,CAAA,mBAGf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,SAAA,oBACE,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,WAAY,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,QAE/C,KACC,oBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,IAAA;AAAA,YACR,SAAU,EAAA,IAAA;AAAA,YACV,WAAW,OAAQ,CAAA,KAAA;AAAA,YAElB,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAEJ,CAEJ,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,OAAA;AAAA,UACR,WAAW,OAAQ,CAAA,WAAA;AAAA,UACnB,SAAU,EAAA,KAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KACF,EAAA,CAAA;AAAA,wBACC,GAAI,EAAA,EAAA,IAAA,EAAK,YACR,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAiB,UAAS,CAC7B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ContentHeader.esm.js","sources":["../../../src/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, makeStyles, Typography } from '@material-ui/core';\nimport { ButtonContainer } from '../Buttons';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    marginBottom: theme.spacing(3),\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: theme.spacing(2),\n  },\n  title: {\n    fontWeight: 700,\n    marginBottom: 0,\n  },\n  titleIcon: {\n    marginRight: theme.spacing(1),\n    display: 'flex',\n    alignItems: 'center',\n  },\n  description: {\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport interface ContentHeaderProps {\n  title?: ReactNode;\n  titleIcon?: ReactNode;\n  description?: ReactNode;\n  children?: ReactNode;\n  titleComponent?: ReactNode;\n}\n\nexport const ContentHeader = (props: ContentHeaderProps) => {\n  const { title, titleIcon, description, children, titleComponent } = props;\n  const classes = useStyles();\n\n  return (\n    <Box className={classes.root}>\n      <Box flex=\"1 1 auto\" mr={2}>\n        <Box display=\"flex\" alignItems=\"center\" mb={1}>\n          {titleComponent ? (\n            <>{titleComponent}</>\n          ) : (\n            <>\n              {titleIcon && (\n                <Box className={classes.titleIcon}>{titleIcon}</Box>\n              )}\n              {title && (\n                <Typography\n                  variant=\"h4\"\n                  component=\"h1\"\n                  className={classes.title}\n                >\n                  {title}\n                </Typography>\n              )}\n            </>\n          )}\n        </Box>\n        <Typography\n          variant=\"body2\"\n          className={classes.description}\n          component=\"div\"\n        >\n          {description}\n        </Typography>\n      </Box>\n      <Box flex=\"0 0 auto\">\n        <ButtonContainer>{children}</ButtonContainer>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,cAAgB,EAAA,eAAA;AAAA,IAChB,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,GACtB;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC5B,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAE9B,CAAE,CAAA,CAAA;AAUW,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,KAAO,EAAA,SAAA,EAAW,WAAa,EAAA,QAAA,EAAU,gBAAmB,GAAA,KAAA;AACpE,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAK,UAAW,EAAA,EAAA,EAAI,CACvB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,OAAQ,EAAA,MAAA,EAAO,UAAW,EAAA,QAAA,EAAS,EAAI,EAAA,CAAA,EACzC,QACC,EAAA,cAAA,mBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,QAAe,EAAA,cAAA,EAAA,CAAA,mBAGf,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,SAAA,oBACE,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,WAAY,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,QAE/C,KACC,oBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,IAAA;AAAA,YACR,SAAU,EAAA,IAAA;AAAA,YACV,WAAW,OAAQ,CAAA,KAAA;AAAA,YAElB,QAAA,EAAA;AAAA;AAAA;AACH,OAAA,EAEJ,CAEJ,EAAA,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,OAAA;AAAA,UACR,WAAW,OAAQ,CAAA,WAAA;AAAA,UACnB,SAAU,EAAA,KAAA;AAAA,UAET,QAAA,EAAA;AAAA;AAAA;AACH,KACF,EAAA,CAAA;AAAA,wBACC,GAAI,EAAA,EAAA,IAAA,EAAK,YACR,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAiB,UAAS,CAC7B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/EntitiesContainer/EntityListItem.esm.js

@@ -24,6 +24,7 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 
 const useStyles = makeStyles((theme) => ({
   content: {

package/dist/components/EntitiesContainer/EntityListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityListItem.esm.js","sources":["../../../src/components/EntitiesContainer/EntityListItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport {\n  Avatar,\n  Box,\n  ListItemAvatar,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\n\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const EntityListItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon, secondaryTitle } =\n    useEntityPresentation(compound);\n\n  const href = entityRoute({ entityRef: entity.entityRef });\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <ListItemAvatar>\n        <Avatar>\n          {Icon ? <Icon /> : primaryTitle.charAt(0).toUpperCase()}\n        </Avatar>\n      </ListItemAvatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {primaryTitle}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('stats.questions', {})} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.questionsCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.articles', {})} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.articlesCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.links', {})} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.linksCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.followers', {})} arrow>\n          <div className={classes.statItem}>\n            <PeopleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.followerCount}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      <Box\n        className={classes.actions}\n        onClick={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <EntityFollowButton entityRef={entity.entityRef} />\n      </Box>\n    </Link>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityListItem.esm.js","sources":["../../../src/components/EntitiesContainer/EntityListItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport {\n  Avatar,\n  Box,\n  ListItemAvatar,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\n\nimport LinkIcon from '@material-ui/icons/Link';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Link } from 'react-router-dom';\n\nimport { useListItemStyles } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  title: {\n    fontWeight: 600,\n  },\n  statsWrapper: {\n    display: 'flex',\n    gap: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    alignItems: 'center',\n    [theme.breakpoints.down('sm')]: {\n      display: 'none',\n    },\n  },\n  statItem: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n  actions: {\n    marginLeft: theme.spacing(2),\n  },\n}));\n\nexport const EntityListItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const classes = useStyles();\n  const listItemClasses = useListItemStyles();\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon, secondaryTitle } =\n    useEntityPresentation(compound);\n\n  const href = entityRoute({ entityRef: entity.entityRef });\n\n  return (\n    <Link to={href} className={listItemClasses.root}>\n      <ListItemAvatar>\n        <Avatar>\n          {Icon ? <Icon /> : primaryTitle.charAt(0).toUpperCase()}\n        </Avatar>\n      </ListItemAvatar>\n      <Box className={classes.content}>\n        <Tooltip title={secondaryTitle ?? ''} arrow placement=\"top-start\">\n          <Typography className={classes.title} noWrap>\n            {primaryTitle}\n          </Typography>\n        </Tooltip>\n      </Box>\n\n      <Box className={classes.statsWrapper}>\n        <Tooltip title={t('stats.questions', {})} arrow>\n          <div className={classes.statItem}>\n            <QuestionAnswerIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.questionsCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.articles', {})} arrow>\n          <div className={classes.statItem}>\n            <DescriptionIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.articlesCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.links', {})} arrow>\n          <div className={classes.statItem}>\n            <LinkIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.linksCount}</Typography>\n          </div>\n        </Tooltip>\n        <Tooltip title={t('stats.followers', {})} arrow>\n          <div className={classes.statItem}>\n            <PeopleIcon fontSize=\"small\" />\n            <Typography variant=\"body2\">{entity.followerCount}</Typography>\n          </div>\n        </Tooltip>\n      </Box>\n\n      <Box\n        className={classes.actions}\n        onClick={e => {\n          e.preventDefault();\n          e.stopPropagation();\n        }}\n      >\n        <EntityFollowButton entityRef={entity.entityRef} />\n      </Box>\n    </Link>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -51,7 +51,7 @@ const FollowedCollectionsList = () => {
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), children: collections.collections.map((collection) => {
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedCollections"), limit: 5, randomize: true, children: collections.collections.map((collection) => {
     const href = collectionRoute({ id: collection.id.toString(10) });
     return /* @__PURE__ */ jsxs(
       ListItem,

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

@@ -1 +1 @@
-{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Box,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n} from '@material-ui/core';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { Link } from 'react-router-dom';\nimport { collectionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  iconBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const FollowedCollectionsList = () => {\n  const collections = useCollectionsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const collectionRoute = useRouteRef(collectionRouteRef);\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedCollections')}>\n        {collections.collections.map(collection => {\n          const href = collectionRoute({ id: collection.id.toString(10) });\n          return (\n            <ListItem\n              key={collection.id}\n              dense\n              button\n              className={classes.listItem}\n              component={Link}\n              to={href}\n            >\n              <Box className={classes.iconBox}>\n                <PlaylistPlayOutlined fontSize=\"small\" />\n              </Box>\n              <Tooltip title={collection.title} arrow>\n                <ListItemText\n                  primary={collection.title}\n                  classes={{ primary: classes.listItemText }}\n                />\n              </Tooltip>\n            </ListItem>\n          );\n        })}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Box,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n} from '@material-ui/core';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { Link } from 'react-router-dom';\nimport { collectionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(theme => ({\n  listItem: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '0 4px',\n    minHeight: 28,\n    cursor: 'pointer',\n    transition: 'background 0.2s',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:hover': {\n      background: theme.palette.action.hover,\n    },\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n  iconBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n  },\n}));\n\nexport const FollowedCollectionsList = () => {\n  const collections = useCollectionsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const collectionRoute = useRouteRef(collectionRouteRef);\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedCollections')} limit={5} randomize>\n        {collections.collections.map(collection => {\n          const href = collectionRoute({ id: collection.id.toString(10) });\n          return (\n            <ListItem\n              key={collection.id}\n              dense\n              button\n              className={classes.listItem}\n              component={Link}\n              to={href}\n            >\n              <Box className={classes.iconBox}>\n                <PlaylistPlayOutlined fontSize=\"small\" />\n              </Box>\n              <Tooltip title={collection.title} arrow>\n                <ListItemText\n                  primary={collection.title}\n                  classes={{ primary: classes.listItemText }}\n                />\n              </Tooltip>\n            </ListItem>\n          );\n        })}\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -19,6 +19,7 @@ import { makeStyles, ListItem, Box, Tooltip, ListItemText } from '@material-ui/c
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { entityRouteRef } from '../../routes.esm.js';
 
@@ -88,7 +89,7 @@ const FollowedEntitiesList = () => {
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedEntities"), children: entities.entities.map((entity) => /* @__PURE__ */ jsx(FollowedEntityItem, { entityRef: entity }, entity)) }) });
+  return /* @__PURE__ */ jsx(RightListContainer, { children: /* @__PURE__ */ jsx(RightList, { title: t("rightMenu.followedEntities"), limit: 5, randomize: true, children: entities.entities.map((entity) => /* @__PURE__ */ jsx(FollowedEntityItem, { entityRef: entity }, entity)) }) });
 };
 
 export { FollowedEntitiesList };