@drodil/backstage-plugin-qeta-react 3.55.1 → 3.55.3

package/dist/components/HomePageCards/PostsCard.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';
@@ -31,7 +32,6 @@ import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';
 import '../Buttons/ButtonContainer.esm.js';
 import '../Buttons/RankingButtons.esm.js';
-import 'lodash';
 import '@material-ui/icons/FilterList';
 import 'infinite-scroll-hook';
 import '../SearchBar/SearchBar.esm.js';

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -35,6 +35,7 @@ import { useCanReview } from '../../hooks/useCanReview.esm.js';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '@drodil/backstage-plugin-qeta-common';
+import 'lodash';
 
 const useStyles = makeStyles(
   (theme) => {

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

@@ -1 +1 @@
-{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  settingsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '70px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        paddingRight: theme.spacing(2),\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 40,\n        maxWidth: '80%',\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 2, 0.5, 2),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(0),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const settingsRoute = useRouteRef(settingsRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.manage')}\n        </Typography>\n      </li>\n      <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <SettingsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {canReview && (\n        <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <RateReviewOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {isModerator && (\n        <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GavelOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {!isPopup && (\n        <Box\n          display=\"flex\"\n          justifyContent={isCompact ? 'center' : 'flex-start'}\n          style={{ marginTop: 'auto' }}\n        >\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  List,\n  ListItemIcon,\n  makeStyles,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  entitiesRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  settingsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      leftMenu: {\n        top: '0',\n        width: '220px', // Standard width\n        paddingTop: 0,\n        paddingBottom: theme.spacing(2),\n        transition: 'width 0.2s ease-in-out',\n        display: 'flex',\n        flexDirection: 'column',\n        height: '100%',\n      },\n      leftMenuCompact: {\n        width: '70px',\n        overflowX: 'hidden',\n        '& $sectionHeader': {\n          display: 'none',\n        },\n      },\n      inPopup: {\n        marginRight: 0,\n        padding: theme.spacing(1),\n        width: 'auto',\n      },\n      outsidePopup: {\n        paddingRight: theme.spacing(2),\n      },\n      menuItem: {\n        margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n        justifyContent: (props: any) =>\n          props.compact ? 'center' : 'flex-start',\n        padding: (props: any) =>\n          props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),\n        borderRadius: (props: any) =>\n          props.compact ? 0 : theme.shape.borderRadius,\n        transition: 'all 0.2s ease-in-out',\n        color: theme.palette.text.primary,\n        display: 'flex',\n        alignItems: 'center',\n        minHeight: 40,\n        maxWidth: '80%',\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n      },\n      selectedMenuItem: {\n        color: theme.palette.primary.main,\n        backgroundColor: 'transparent',\n        fontWeight: 600,\n        position: 'relative',\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          left: 0,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          height: '60%',\n          width: '4px',\n          backgroundColor: theme.palette.primary.main,\n          borderRadius: '0 4px 4px 0',\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.action.hover,\n        },\n        '& svg': {\n          color: theme.palette.primary.main,\n        },\n      },\n      menuIcon: {\n        minWidth: '32px',\n        color: 'inherit',\n        display: 'flex',\n        justifyContent: 'center',\n      },\n      sectionHeader: {\n        padding: theme.spacing(0.5, 2, 0.5, 2),\n        marginTop: theme.spacing(2),\n        color: theme.palette.text.secondary,\n        fontWeight: 600,\n        textTransform: 'uppercase',\n        fontSize: '14px',\n        letterSpacing: '0.5px',\n        whiteSpace: 'nowrap',\n      },\n      toggleButton: {\n        marginLeft: 'auto',\n        marginRight: theme.spacing(0),\n        marginBottom: theme.spacing(1),\n      },\n      label: {\n        marginLeft: theme.spacing(1),\n        whiteSpace: 'nowrap',\n        opacity: 1,\n        transition: 'opacity 0.2s',\n      },\n      labelHidden: {\n        opacity: 0,\n        width: 0,\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n  onKeyDown?: (event: KeyboardEvent) => void;\n  autoFocusItem?: boolean;\n  onClick?: (event: MouseEvent<EventTarget>) => void;\n  inPopup?: boolean;\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const entitiesRoute = useRouteRef(entitiesRouteRef);\n  const usersRoute = useRouteRef(usersRouteRef);\n  const moderatorRoute = useRouteRef(moderatorRouteRef);\n  const reviewRoute = useRouteRef(reviewRouteRef);\n  const settingsRoute = useRouteRef(settingsRouteRef);\n  const styles = useStyles(props);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const location = useLocation();\n  const navigate = useNavigate();\n  const { isModerator } = useIsModerator();\n  const { canReview } = useCanReview();\n  const app = useApp();\n  const { compact = false, onToggle } = props;\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n  const CustomMenuItem = ({\n    route,\n    hasSubRoutes,\n    children,\n    label,\n  }: {\n    route: string;\n    hasSubRoutes?: boolean;\n    children: ReactNode;\n    label: string;\n  }) => {\n    const isSelected =\n      route === location.pathname ||\n      (hasSubRoutes && location.pathname?.startsWith(route));\n\n    return (\n      <Tooltip title={compact ? label : ''} placement=\"right\">\n        <MenuItem\n          onClick={e => {\n            if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) {\n              return;\n            }\n            e.preventDefault();\n            navigate(route);\n            if (props.onClick) {\n              props.onClick(e);\n            }\n          }}\n          className={`${styles.menuItem} ${\n            isSelected ? styles.selectedMenuItem : ''\n          }`}\n          href={route}\n          component=\"a\"\n        >\n          {children}\n          <Typography\n            variant=\"body2\"\n            className={compact ? styles.labelHidden : styles.label}\n            style={{ fontWeight: isSelected ? 600 : 400 }}\n          >\n            {label}\n          </Typography>\n        </MenuItem>\n      </Tooltip>\n    );\n  };\n\n  const isPopup = props.inPopup;\n  const isCompact = compact && !isPopup;\n\n  return (\n    <List\n      id=\"left-menu\"\n      className={`${styles.leftMenu} ${\n        isPopup\n          ? styles.inPopup\n          : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n      }`}\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      disablePadding\n    >\n      <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HomeOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.content')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={questionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.questions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={articlesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.articles')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LibraryBooksOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={linksRoute()}\n        hasSubRoutes\n        label={t('leftMenu.links')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LinkIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={favoritesRoute()}\n        label={t('leftMenu.favoriteQuestions')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <StarBorder fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={entitiesRoute()}\n        hasSubRoutes\n        label={t('leftMenu.entities')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EntityIcon fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem\n        route={tagsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.tags')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <LocalOfferOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.community')}\n        </Typography>\n      </li>\n\n      <CustomMenuItem\n        route={collectionsRoute()}\n        hasSubRoutes\n        label={t('leftMenu.collections')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <PlaylistPlayOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <PeopleOutline fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem\n          route={`${userRoute()}/${user.userEntityRef}`}\n          label={t('leftMenu.profile')}\n        >\n          <ListItemIcon className={styles.menuIcon}>\n            <PersonOutline fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n\n      <CustomMenuItem\n        route={statisticsRoute()}\n        label={t('leftMenu.statistics')}\n      >\n        <ListItemIcon className={styles.menuIcon}>\n          <EmojiEventsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      <li style={{ listStyle: 'none' }}>\n        <Typography className={styles.sectionHeader}>\n          {t('leftMenu.manage')}\n        </Typography>\n      </li>\n      <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n        <ListItemIcon className={styles.menuIcon}>\n          <SettingsOutlined fontSize=\"small\" />\n        </ListItemIcon>\n      </CustomMenuItem>\n\n      {canReview && (\n        <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <RateReviewOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {isModerator && (\n        <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n          <ListItemIcon className={styles.menuIcon}>\n            <GavelOutlined fontSize=\"small\" />\n          </ListItemIcon>\n        </CustomMenuItem>\n      )}\n      {!isPopup && (\n        <Box\n          display=\"flex\"\n          justifyContent={isCompact ? 'center' : 'flex-start'}\n          style={{ marginTop: 'auto' }}\n        >\n          <Tooltip\n            title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n            placement=\"right\"\n          >\n            <IconButton\n              onClick={onToggle}\n              size=\"small\"\n              className={isCompact ? '' : styles.toggleButton}\n              style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n            >\n              {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n            </IconButton>\n          </Tooltip>\n        </Box>\n      )}\n    </List>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/LinkCard/LinkCard.esm.js

@@ -33,6 +33,7 @@ import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {link.canEdit && link.status !== 'obsolete' && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        startIcon={<EditIcon />}\n                        onClick={() =>\n                          navigate(\n                            editLinkRoute({\n                              id: link.id.toString(10),\n                            }),\n                          )\n                        }\n                        className=\"qetaQuestionCardEditBtn\"\n                      >\n                        {t('linkPage.editButton')}\n                      </Button>\n                    )}\n                    {link.canDelete && (\n                      <>\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          color=\"secondary\"\n                          onClick={handleDeleteModalOpen}\n                          startIcon={<DeleteIcon />}\n                        >\n                          {t('deleteModal.deleteButton')}\n                        </Button>\n                        <DeleteModal\n                          open={deleteModalOpen}\n                          onClose={handleDeleteModalClose}\n                          entity={linkEntity}\n                        />\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {(link.status === 'active' || link.status === 'obsolete') && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"LinkCard.esm.js","sources":["../../../src/components/LinkCard/LinkCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport { DeleteModal } from '../Modals';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editLinkRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\nimport { OpenLinkButton } from '../Buttons/OpenLinkButton.tsx';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type LinkCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaLinkCard' },\n);\n\nexport const LinkCard = (props: { link: PostResponse }) => {\n  const { link } = props;\n  const navigate = useNavigate();\n  const qetaApi = useApi(qetaApiRef);\n  const editLinkRoute = useRouteRef(editLinkRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [linkEntity, setLinkEntity] = useState(link);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (l: PostResponse, _?: AnswerResponse) => {\n    setLinkEntity(l);\n  };\n  const alertApi = useApi(alertApiRef);\n  const styles = useStyles();\n\n  const restoreLink = async () => {\n    qetaApi\n      .restorePost(link.id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(l => {\n        if (l) {\n          setLinkEntity(l);\n        }\n      });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Box\n            display=\"flex\"\n            justifyContent=\"flex-end\"\n            alignItems=\"flex-start\"\n            mb={1}\n          >\n            <Box display=\"flex\" alignItems=\"center\" flexGrow={1}>\n              <a\n                href={linkEntity.url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                style={{\n                  fontWeight: 400,\n                  fontSize: '1.2rem',\n                  marginRight: 16,\n                  wordBreak: 'break-all',\n                  textDecoration: 'underline',\n                  cursor: 'pointer',\n                }}\n                onClick={event => {\n                  event.stopPropagation();\n                  qetaApi.clickLink(linkEntity.id);\n                }}\n              >\n                {linkEntity.url}\n              </a>\n            </Box>\n            <LinkButton entity={linkEntity} />\n            <FavoriteButton entity={linkEntity} />\n            <OpenLinkButton entity={linkEntity} />\n          </Box>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              {linkEntity.headerImage && (\n                <Grid\n                  item\n                  justifyContent=\"center\"\n                  style={{ textAlign: 'center' }}\n                >\n                  <img\n                    src={linkEntity.headerImage}\n                    alt={linkEntity.title}\n                    onError={e => (e.currentTarget.style.display = 'none')}\n                    style={{\n                      maxWidth: '90%',\n                      maxHeight: '300px',\n                      margin: '1rem',\n                    }}\n                  />\n                </Grid>\n              )}\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={linkEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={linkEntity} />\n                  <Box className={styles.buttons}>\n                    {link.canEdit && link.status !== 'obsolete' && (\n                      <Button\n                        variant=\"outlined\"\n                        size=\"small\"\n                        startIcon={<EditIcon />}\n                        onClick={() =>\n                          navigate(\n                            editLinkRoute({\n                              id: link.id.toString(10),\n                            }),\n                          )\n                        }\n                        className=\"qetaQuestionCardEditBtn\"\n                      >\n                        {t('linkPage.editButton')}\n                      </Button>\n                    )}\n                    {link.canDelete && (\n                      <>\n                        <Button\n                          variant=\"outlined\"\n                          size=\"small\"\n                          color=\"secondary\"\n                          onClick={handleDeleteModalOpen}\n                          startIcon={<DeleteIcon />}\n                        >\n                          {t('deleteModal.deleteButton')}\n                        </Button>\n                        <DeleteModal\n                          open={deleteModalOpen}\n                          onClose={handleDeleteModalClose}\n                          entity={linkEntity}\n                        />\n                      </>\n                    )}\n                    {isModerator && linkEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreLink()}\n                        className=\"qetaLinkCardRestoreBtn\"\n                      >\n                        {t('linkPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={linkEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      {(link.status === 'active' || link.status === 'obsolete') && (\n        <CommentSection post={linkEntity} onCommentAction={onCommentAction} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Links/Links.esm.js

@@ -18,6 +18,7 @@ import { Tooltip } from '@material-ui/core';
 import 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { UserTooltip } from '../TagsAndEntities/UserChip.esm.js';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n  noLink?: boolean;\n}) => {\n  const { entityRef, linkProps, anonymous, noLink } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, isCurrentUser } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const classes = useTooltipStyles();\n\n  if (anonymous && !isCurrentUser) {\n    return <span>{name}</span>;\n  }\n\n  if (noLink) {\n    return (\n      <Tooltip\n        arrow\n        title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n        enterDelay={400}\n        interactive\n        classes={{\n          tooltip: classes.tooltip,\n          arrow: classes.tooltipArrow,\n        }}\n      >\n        <span>{name}</span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,WAAA;AAAA,IAC9B,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EAAI,IAAA,SAAA,IAAa,CAAC,aAAe,EAAA;AAC/B,IAAO,uBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,QAChE,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n  linkProps?: LinkProps;\n  noLink?: boolean;\n}) => {\n  const { entityRef, linkProps, anonymous, noLink } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { name, isCurrentUser } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const classes = useTooltipStyles();\n\n  if (anonymous && !isCurrentUser) {\n    return <span>{name}</span>;\n  }\n\n  if (noLink) {\n    return (\n      <Tooltip\n        arrow\n        title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n        enterDelay={400}\n        interactive\n        classes={{\n          tooltip: classes.tooltip,\n          arrow: classes.tooltipArrow,\n        }}\n      >\n        <span>{name}</span>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n        {name}\n      </Link>\n    </Tooltip>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return (\n    <UserLink\n      entityRef={entity.author}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Post | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return (\n    <UserLink\n      entityRef={entity.updatedBy}\n      linkProps={linkProps}\n      anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,WAAA;AAAA,IAC9B,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EAAI,IAAA,SAAA,IAAa,CAAC,aAAe,EAAA;AAC/B,IAAO,uBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,QAChE,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/components/PostForm/EntitiesInput.esm.js

@@ -126,7 +126,8 @@ const EntitiesInput = forwardRef(
             title,
             content,
             tags,
-            entities: [value ?? []].flat().map(stringifyEntityRef)
+            entities: [value ?? []].flat().map(stringifyEntityRef),
+            limit: 5
           }).then((response) => {
             setSuggestedEntities(response.entities);
           }).catch(() => {

package/dist/components/PostForm/EntitiesInput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\nimport { useDebounce } from 'react-use';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n  title?: string;\n  content?: string;\n  tags?: string[];\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = forwardRef<any, EntitiesInputProps>(\n  (props, _ref) => {\n    const {\n      value,\n      singleValue,\n      onChange,\n      multiple = true,\n      required = false,\n      useOnlyUsedEntities = false,\n      hideHelpText = false,\n      style,\n      disabled,\n      kind,\n      error,\n      maximum,\n      label,\n      name = 'entities',\n      placeholder,\n      autocompleteProps,\n      title,\n      content,\n      tags,\n    } = props;\n\n    const configApi = useApi(configApiRef);\n    const catalogApi = useApi(catalogApiRef);\n    const qetaApi = useApi(qetaApiRef);\n    const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n      [],\n    );\n    const [loading, setLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const { t } = useTranslationRef(qetaTranslationRef);\n    const [suggestedEntities, setSuggestedEntities] = useState<Entity[]>([]);\n    const [, setLoadingSuggestions] = useState(false);\n\n    const entityKinds: string[] = useMemo(() => {\n      if (kind) {\n        return kind;\n      }\n      return getSupportedEntityKinds(configApi);\n    }, [configApi, kind]);\n    const max = useMemo(() => {\n      if (maximum) {\n        return maximum;\n      }\n      return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n    }, [configApi, maximum]);\n\n    const handleOpen = useCallback(() => {\n      setOpen(true);\n      (async () => {\n        setLoading(true);\n        if (singleValue) {\n          const entity = await catalogApi.getEntityByRef(singleValue);\n          setLoading(false);\n          setAvailableEntities(entity ? [entity] : null);\n          return;\n        }\n\n        if (useOnlyUsedEntities) {\n          const qetaEntities = await qetaApi.getEntities();\n          const refs = qetaEntities.entities.map(r => r.entityRef);\n          const catalogData = await catalogApi.getEntitiesByRefs({\n            entityRefs: refs,\n            fields: CATALOG_FIELDS,\n          });\n          setLoading(false);\n          setAvailableEntities(\n            catalogData\n              ? compact(catalogData.items).sort((a, b) =>\n                  getEntityTitle(a).localeCompare(getEntityTitle(b)),\n                )\n              : null,\n          );\n          return;\n        }\n\n        if (entityKinds && entityKinds.length > 0) {\n          const entities = await catalogApi.getEntities({\n            filter: { kind: entityKinds },\n            fields: CATALOG_FIELDS,\n            order: [\n              { field: 'kind', order: 'asc' },\n              { field: 'metadata.title', order: 'asc' },\n            ],\n          });\n          setLoading(false);\n          setAvailableEntities(entities ? entities.items : null);\n          return;\n        }\n        setLoading(false);\n        setAvailableEntities(null);\n      })();\n    }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n    const usedValue = useMemo(() => {\n      if (!value) {\n        return multiple ? [] : null;\n      }\n      return value;\n    }, [value, multiple]);\n\n    useDebounce(\n      () => {\n        if (title && content) {\n          setLoadingSuggestions(true);\n          qetaApi\n            .getEntitySuggestions({\n              title,\n              content,\n              tags,\n              entities: [value ?? []].flat().map(stringifyEntityRef),\n            })\n            .then(response => {\n              setSuggestedEntities(response.entities);\n            })\n            .catch(() => {\n              // Ignore errors\n            })\n            .finally(() => {\n              setLoadingSuggestions(false);\n            });\n        }\n      },\n      2000,\n      [title, content, qetaApi],\n    );\n\n    const handleSuggestedEntityClick = (entity: Entity) => {\n      const values = [value ?? []].flat();\n      if (values && values.length < max && !values.includes(entity)) {\n        onChange([...values, entity]);\n      }\n    };\n\n    if (!availableEntities) {\n      return null;\n    }\n\n    return (\n      <Box>\n        <Autocomplete\n          multiple={multiple}\n          autoHighlight\n          autoComplete\n          className=\"qetaEntitiesInput\"\n          value={usedValue}\n          disabled={disabled}\n          loading={loading}\n          loadingText={t('common.loading')}\n          groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n          renderGroup={renderGroup}\n          handleHomeEndKeys\n          open={open}\n          onOpen={handleOpen}\n          onClose={() => setOpen(false)}\n          options={availableEntities}\n          getOptionLabel={getEntityTitle}\n          ListboxComponent={\n            AutocompleteListboxComponent as ComponentType<\n              HTMLAttributes<HTMLElement>\n            >\n          }\n          disableListWrap\n          style={style}\n          getOptionSelected={(o, v) =>\n            stringifyEntityRef(o) === stringifyEntityRef(v)\n          }\n          onChange={(_e, newValue) => {\n            if (multiple) {\n              if (!newValue) {\n                onChange([]);\n                return;\n              }\n              const val = Array.isArray(newValue) ? newValue : [newValue];\n              if (max === null || val.length <= max) {\n                onChange(val.filter(v => typeof v !== 'string'));\n              }\n            } else {\n              if (!newValue) {\n                return;\n              }\n              onChange(newValue as Entity);\n            }\n          }}\n          renderOption={(option: Entity) => {\n            const stringified = stringifyEntityRef(option);\n            return (\n              <span key={stringified}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={\n                    <>\n                      <Typography>{getEntityTitle(option)}</Typography>\n                      <Typography variant=\"caption\">\n                        {getEntityDescription(option)}\n                      </Typography>\n                    </>\n                  }\n                >\n                  <span>{getEntityTitle(option, { withType: false })}</span>\n                </Tooltip>\n              </span>\n            );\n          }}\n          renderInput={params => {\n            let helperText = '';\n            if (!hideHelpText) {\n              if (error && error.message) {\n                helperText = error.message;\n              } else {\n                helperText = t('entitiesInput.helperText', {\n                  max: max.toString(),\n                });\n              }\n            }\n\n            return (\n              <TextField\n                {...params}\n                variant=\"outlined\"\n                margin=\"normal\"\n                required={required}\n                label={label || t('entitiesInput.label')}\n                placeholder={placeholder || t('entitiesInput.placeholder')}\n                helperText={helperText}\n                name={name}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                InputProps={{\n                  ...params.InputProps,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={20} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                }}\n                error={error !== undefined}\n              />\n            );\n          }}\n          {...autocompleteProps}\n        />\n        {suggestedEntities?.length > 0 && (\n          <Box style={{ marginLeft: '4px' }}>\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {t('entitiesInput.suggestedEntities')}\n            </Typography>\n            <Box mt={0.5}>\n              {suggestedEntities.map(entity => (\n                <Chip\n                  key={stringifyEntityRef(entity)}\n                  label={getEntityTitle(entity)}\n                  size=\"small\"\n                  onClick={() => handleSuggestedEntityClick(entity)}\n                  style={{ margin: '0 4px 4px 0' }}\n                  disabled={\n                    [value ?? []]\n                      .flat()\n                      .map(stringifyEntityRef)\n                      .includes(stringifyEntityRef(entity)) ||\n                    [value ?? []].flat().length >= max\n                  }\n                />\n              ))}\n            </Box>\n          </Box>\n        )}{' '}\n      </Box>\n    );\n  },\n);\n\nEntitiesInput.displayName = 'EntitiesInput';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAsEA,MAAM,cAAiB,GAAA;AAAA,EACrB,MAAA;AAAA,EACA,eAAA;AAAA,EACA,oBAAA;AAAA,EACA,gBAAA;AAAA,EACA,sBAAA;AAAA,EACA,WAAA;AAAA,EACA,0BAAA;AAAA,EACA;AACF,CAAA;AAEO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAC,OAAO,IAAS,KAAA;AACf,IAAM,MAAA;AAAA,MACJ,KAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAW,GAAA,IAAA;AAAA,MACX,QAAW,GAAA,KAAA;AAAA,MACX,mBAAsB,GAAA,KAAA;AAAA,MACtB,YAAe,GAAA,KAAA;AAAA,MACf,KAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,KAAA;AAAA,MACA,IAAO,GAAA,UAAA;AAAA,MACP,WAAA;AAAA,MACA,iBAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA;AAAA,KACE,GAAA,KAAA;AAEJ,IAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,IAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,IAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,IAAM,MAAA,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA;AAAA,MAChD;AAAC,KACH;AACA,IAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,IAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,IAAA,MAAM,CAAC,iBAAmB,EAAA,oBAAoB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACvE,IAAA,MAAM,GAAG,qBAAqB,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,IAAM,MAAA,WAAA,GAAwB,QAAQ,MAAM;AAC1C,MAAA,IAAI,IAAM,EAAA;AACR,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,OAAO,wBAAwB,SAAS,CAAA;AAAA,KACvC,EAAA,CAAC,SAAW,EAAA,IAAI,CAAC,CAAA;AACpB,IAAM,MAAA,GAAA,GAAM,QAAQ,MAAM;AACxB,MAAA,IAAI,OAAS,EAAA;AACX,QAAO,OAAA,OAAA;AAAA;AAET,MAAO,OAAA,SAAA,CAAU,iBAAkB,CAAA,mBAAmB,CAAK,IAAA,CAAA;AAAA,KAC1D,EAAA,CAAC,SAAW,EAAA,OAAO,CAAC,CAAA;AAEvB,IAAM,MAAA,UAAA,GAAa,YAAY,MAAM;AACnC,MAAA,OAAA,CAAQ,IAAI,CAAA;AACZ,MAAA,CAAC,YAAY;AACX,QAAA,UAAA,CAAW,IAAI,CAAA;AACf,QAAA,IAAI,WAAa,EAAA;AACf,UAAA,MAAM,MAAS,GAAA,MAAM,UAAW,CAAA,cAAA,CAAe,WAAW,CAAA;AAC1D,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAA,oBAAA,CAAqB,MAAS,GAAA,CAAC,MAAM,CAAA,GAAI,IAAI,CAAA;AAC7C,UAAA;AAAA;AAGF,QAAA,IAAI,mBAAqB,EAAA;AACvB,UAAM,MAAA,YAAA,GAAe,MAAM,OAAA,CAAQ,WAAY,EAAA;AAC/C,UAAA,MAAM,OAAO,YAAa,CAAA,QAAA,CAAS,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,SAAS,CAAA;AACvD,UAAM,MAAA,WAAA,GAAc,MAAM,UAAA,CAAW,iBAAkB,CAAA;AAAA,YACrD,UAAY,EAAA,IAAA;AAAA,YACZ,MAAQ,EAAA;AAAA,WACT,CAAA;AACD,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAA,oBAAA;AAAA,YACE,WACI,GAAA,OAAA,CAAQ,WAAY,CAAA,KAAK,CAAE,CAAA,IAAA;AAAA,cAAK,CAAC,GAAG,CAClC,KAAA,cAAA,CAAe,CAAC,CAAE,CAAA,aAAA,CAAc,cAAe,CAAA,CAAC,CAAC;AAAA,aAEnD,GAAA;AAAA,WACN;AACA,UAAA;AAAA;AAGF,QAAI,IAAA,WAAA,IAAe,WAAY,CAAA,MAAA,GAAS,CAAG,EAAA;AACzC,UAAM,MAAA,QAAA,GAAW,MAAM,UAAA,CAAW,WAAY,CAAA;AAAA,YAC5C,MAAA,EAAQ,EAAE,IAAA,EAAM,WAAY,EAAA;AAAA,YAC5B,MAAQ,EAAA,cAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,EAAE,KAAA,EAAO,MAAQ,EAAA,KAAA,EAAO,KAAM,EAAA;AAAA,cAC9B,EAAE,KAAA,EAAO,gBAAkB,EAAA,KAAA,EAAO,KAAM;AAAA;AAC1C,WACD,CAAA;AACD,UAAA,UAAA,CAAW,KAAK,CAAA;AAChB,UAAqB,oBAAA,CAAA,QAAA,GAAW,QAAS,CAAA,KAAA,GAAQ,IAAI,CAAA;AACrD,UAAA;AAAA;AAEF,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,oBAAA,CAAqB,IAAI,CAAA;AAAA,OACxB,GAAA;AAAA,OACF,CAAC,WAAA,EAAa,qBAAqB,WAAa,EAAA,UAAA,EAAY,OAAO,CAAC,CAAA;AAEvE,IAAM,MAAA,SAAA,GAAY,QAAQ,MAAM;AAC9B,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAO,OAAA,QAAA,GAAW,EAAK,GAAA,IAAA;AAAA;AAEzB,MAAO,OAAA,KAAA;AAAA,KACN,EAAA,CAAC,KAAO,EAAA,QAAQ,CAAC,CAAA;AAEpB,IAAA,WAAA;AAAA,MACE,MAAM;AACJ,QAAA,IAAI,SAAS,OAAS,EAAA;AACpB,UAAA,qBAAA,CAAsB,IAAI,CAAA;AAC1B,UAAA,OAAA,CACG,oBAAqB,CAAA;AAAA,YACpB,KAAA;AAAA,YACA,OAAA;AAAA,YACA,IAAA;AAAA,YACA,QAAA,EAAU,CAAC,KAAS,IAAA,EAAE,CAAE,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,kBAAkB;AAAA,WACtD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAChB,YAAA,oBAAA,CAAqB,SAAS,QAAQ,CAAA;AAAA,WACvC,CACA,CAAA,KAAA,CAAM,MAAM;AAAA,WAEZ,CACA,CAAA,OAAA,CAAQ,MAAM;AACb,YAAA,qBAAA,CAAsB,KAAK,CAAA;AAAA,WAC5B,CAAA;AAAA;AACL,OACF;AAAA,MACA,GAAA;AAAA,MACA,CAAC,KAAO,EAAA,OAAA,EAAS,OAAO;AAAA,KAC1B;AAEA,IAAM,MAAA,0BAAA,GAA6B,CAAC,MAAmB,KAAA;AACrD,MAAA,MAAM,SAAS,CAAC,KAAA,IAAS,EAAE,EAAE,IAAK,EAAA;AAClC,MAAI,IAAA,MAAA,IAAU,OAAO,MAAS,GAAA,GAAA,IAAO,CAAC,MAAO,CAAA,QAAA,CAAS,MAAM,CAAG,EAAA;AAC7D,QAAA,QAAA,CAAS,CAAC,GAAG,MAAQ,EAAA,MAAM,CAAC,CAAA;AAAA;AAC9B,KACF;AAEA,IAAA,IAAI,CAAC,iBAAmB,EAAA;AACtB,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,aAAa,EAAA,IAAA;AAAA,UACb,YAAY,EAAA,IAAA;AAAA,UACZ,SAAU,EAAA,mBAAA;AAAA,UACV,KAAO,EAAA,SAAA;AAAA,UACP,QAAA;AAAA,UACA,OAAA;AAAA,UACA,WAAA,EAAa,EAAE,gBAAgB,CAAA;AAAA,UAC/B,SAAS,WAAY,CAAA,MAAA,GAAS,CAAI,GAAA,CAAA,MAAA,KAAU,OAAO,IAAO,GAAA,KAAA,CAAA;AAAA,UAC1D,WAAA;AAAA,UACA,iBAAiB,EAAA,IAAA;AAAA,UACjB,IAAA;AAAA,UACA,MAAQ,EAAA,UAAA;AAAA,UACR,OAAA,EAAS,MAAM,OAAA,CAAQ,KAAK,CAAA;AAAA,UAC5B,OAAS,EAAA,iBAAA;AAAA,UACT,cAAgB,EAAA,cAAA;AAAA,UAChB,gBACE,EAAA,4BAAA;AAAA,UAIF,eAAe,EAAA,IAAA;AAAA,UACf,KAAA;AAAA,UACA,iBAAA,EAAmB,CAAC,CAAG,EAAA,CAAA,KACrB,mBAAmB,CAAC,CAAA,KAAM,mBAAmB,CAAC,CAAA;AAAA,UAEhD,QAAA,EAAU,CAAC,EAAA,EAAI,QAAa,KAAA;AAC1B,YAAA,IAAI,QAAU,EAAA;AACZ,cAAA,IAAI,CAAC,QAAU,EAAA;AACb,gBAAA,QAAA,CAAS,EAAE,CAAA;AACX,gBAAA;AAAA;AAEF,cAAA,MAAM,MAAM,KAAM,CAAA,OAAA,CAAQ,QAAQ,CAAI,GAAA,QAAA,GAAW,CAAC,QAAQ,CAAA;AAC1D,cAAA,IAAI,GAAQ,KAAA,IAAA,IAAQ,GAAI,CAAA,MAAA,IAAU,GAAK,EAAA;AACrC,gBAAA,QAAA,CAAS,IAAI,MAAO,CAAA,CAAA,CAAA,KAAK,OAAO,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA;AACjD,aACK,MAAA;AACL,cAAA,IAAI,CAAC,QAAU,EAAA;AACb,gBAAA;AAAA;AAEF,cAAA,QAAA,CAAS,QAAkB,CAAA;AAAA;AAC7B,WACF;AAAA,UACA,YAAA,EAAc,CAAC,MAAmB,KAAA;AAChC,YAAM,MAAA,WAAA,GAAc,mBAAmB,MAAM,CAAA;AAC7C,YAAA,2BACG,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,KAAK,EAAA,IAAA;AAAA,gBACL,SAAU,EAAA,OAAA;AAAA,gBACV,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,kCAAC,GAAA,CAAA,UAAA,EAAA,EAAY,QAAe,EAAA,cAAA,CAAA,MAAM,CAAE,EAAA,CAAA;AAAA,sCACnC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA,oBAAA,CAAqB,MAAM,CAC9B,EAAA;AAAA,iBACF,EAAA,CAAA;AAAA,gBAGF,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAe,EAAA,cAAA,CAAA,MAAA,EAAQ,EAAE,QAAU,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA;AAAA,iBAb5C,WAeX,CAAA;AAAA,WAEJ;AAAA,UACA,aAAa,CAAU,MAAA,KAAA;AACrB,YAAA,IAAI,UAAa,GAAA,EAAA;AACjB,YAAA,IAAI,CAAC,YAAc,EAAA;AACjB,cAAI,IAAA,KAAA,IAAS,MAAM,OAAS,EAAA;AAC1B,gBAAA,UAAA,GAAa,KAAM,CAAA,OAAA;AAAA,eACd,MAAA;AACL,gBAAA,UAAA,GAAa,EAAE,0BAA4B,EAAA;AAAA,kBACzC,GAAA,EAAK,IAAI,QAAS;AAAA,iBACnB,CAAA;AAAA;AACH;AAGF,YACE,uBAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACE,GAAG,MAAA;AAAA,gBACJ,OAAQ,EAAA,UAAA;AAAA,gBACR,MAAO,EAAA,QAAA;AAAA,gBACP,QAAA;AAAA,gBACA,KAAA,EAAO,KAAS,IAAA,CAAA,CAAE,qBAAqB,CAAA;AAAA,gBACvC,WAAA,EAAa,WAAe,IAAA,CAAA,CAAE,2BAA2B,CAAA;AAAA,gBACzD,UAAA;AAAA,gBACA,IAAA;AAAA,gBACA,mBAAqB,EAAA;AAAA,kBACnB,KAAA,EAAO,EAAE,UAAA,EAAY,OAAQ;AAAA,iBAC/B;AAAA,gBACA,UAAY,EAAA;AAAA,kBACV,GAAG,MAAO,CAAA,UAAA;AAAA,kBACV,8BAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,OAAA,uBACE,gBAAiB,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,IAAA,EAAM,IAAI,CAC1C,GAAA,IAAA;AAAA,oBACH,OAAO,UAAW,CAAA;AAAA,mBACrB,EAAA;AAAA,iBAEJ;AAAA,gBACA,OAAO,KAAU,KAAA,KAAA;AAAA;AAAA,aACnB;AAAA,WAEJ;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,iBAAA,EAAmB,SAAS,CAC3B,oBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,UAAY,EAAA,KAAA,EACxB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,OAAM,eACjC,EAAA,QAAA,EAAA,CAAA,CAAE,iCAAiC,CACtC,EAAA,CAAA;AAAA,4BACC,GAAI,EAAA,EAAA,EAAA,EAAI,GACN,EAAA,QAAA,EAAA,iBAAA,CAAkB,IAAI,CACrB,MAAA,qBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,KAAA,EAAO,eAAe,MAAM,CAAA;AAAA,YAC5B,IAAK,EAAA,OAAA;AAAA,YACL,OAAA,EAAS,MAAM,0BAAA,CAA2B,MAAM,CAAA;AAAA,YAChD,KAAA,EAAO,EAAE,MAAA,EAAQ,aAAc,EAAA;AAAA,YAC/B,QAAA,EACE,CAAC,KAAS,IAAA,EAAE,CACT,CAAA,IAAA,EACA,CAAA,GAAA,CAAI,kBAAkB,CAAA,CACtB,SAAS,kBAAmB,CAAA,MAAM,CAAC,CAAA,IACtC,CAAC,KAAA,IAAS,EAAE,CAAA,CAAE,IAAK,EAAA,CAAE,MAAU,IAAA;AAAA,WAAA;AAAA,UAV5B,mBAAmB,MAAM;AAAA,SAajC,CACH,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,MACC;AAAA,KACL,EAAA,CAAA;AAAA;AAGN;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\nimport { useDebounce } from 'react-use';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n  title?: string;\n  content?: string;\n  tags?: string[];\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = forwardRef<any, EntitiesInputProps>(\n  (props, _ref) => {\n    const {\n      value,\n      singleValue,\n      onChange,\n      multiple = true,\n      required = false,\n      useOnlyUsedEntities = false,\n      hideHelpText = false,\n      style,\n      disabled,\n      kind,\n      error,\n      maximum,\n      label,\n      name = 'entities',\n      placeholder,\n      autocompleteProps,\n      title,\n      content,\n      tags,\n    } = props;\n\n    const configApi = useApi(configApiRef);\n    const catalogApi = useApi(catalogApiRef);\n    const qetaApi = useApi(qetaApiRef);\n    const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n      [],\n    );\n    const [loading, setLoading] = useState(false);\n    const [open, setOpen] = useState(false);\n    const { t } = useTranslationRef(qetaTranslationRef);\n    const [suggestedEntities, setSuggestedEntities] = useState<Entity[]>([]);\n    const [, setLoadingSuggestions] = useState(false);\n\n    const entityKinds: string[] = useMemo(() => {\n      if (kind) {\n        return kind;\n      }\n      return getSupportedEntityKinds(configApi);\n    }, [configApi, kind]);\n    const max = useMemo(() => {\n      if (maximum) {\n        return maximum;\n      }\n      return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n    }, [configApi, maximum]);\n\n    const handleOpen = useCallback(() => {\n      setOpen(true);\n      (async () => {\n        setLoading(true);\n        if (singleValue) {\n          const entity = await catalogApi.getEntityByRef(singleValue);\n          setLoading(false);\n          setAvailableEntities(entity ? [entity] : null);\n          return;\n        }\n\n        if (useOnlyUsedEntities) {\n          const qetaEntities = await qetaApi.getEntities();\n          const refs = qetaEntities.entities.map(r => r.entityRef);\n          const catalogData = await catalogApi.getEntitiesByRefs({\n            entityRefs: refs,\n            fields: CATALOG_FIELDS,\n          });\n          setLoading(false);\n          setAvailableEntities(\n            catalogData\n              ? compact(catalogData.items).sort((a, b) =>\n                  getEntityTitle(a).localeCompare(getEntityTitle(b)),\n                )\n              : null,\n          );\n          return;\n        }\n\n        if (entityKinds && entityKinds.length > 0) {\n          const entities = await catalogApi.getEntities({\n            filter: { kind: entityKinds },\n            fields: CATALOG_FIELDS,\n            order: [\n              { field: 'kind', order: 'asc' },\n              { field: 'metadata.title', order: 'asc' },\n            ],\n          });\n          setLoading(false);\n          setAvailableEntities(entities ? entities.items : null);\n          return;\n        }\n        setLoading(false);\n        setAvailableEntities(null);\n      })();\n    }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n    const usedValue = useMemo(() => {\n      if (!value) {\n        return multiple ? [] : null;\n      }\n      return value;\n    }, [value, multiple]);\n\n    useDebounce(\n      () => {\n        if (title && content) {\n          setLoadingSuggestions(true);\n          qetaApi\n            .getEntitySuggestions({\n              title,\n              content,\n              tags,\n              entities: [value ?? []].flat().map(stringifyEntityRef),\n              limit: 5,\n            })\n            .then(response => {\n              setSuggestedEntities(response.entities);\n            })\n            .catch(() => {\n              // Ignore errors\n            })\n            .finally(() => {\n              setLoadingSuggestions(false);\n            });\n        }\n      },\n      2000,\n      [title, content, qetaApi],\n    );\n\n    const handleSuggestedEntityClick = (entity: Entity) => {\n      const values = [value ?? []].flat();\n      if (values && values.length < max && !values.includes(entity)) {\n        onChange([...values, entity]);\n      }\n    };\n\n    if (!availableEntities) {\n      return null;\n    }\n\n    return (\n      <Box>\n        <Autocomplete\n          multiple={multiple}\n          autoHighlight\n          autoComplete\n          className=\"qetaEntitiesInput\"\n          value={usedValue}\n          disabled={disabled}\n          loading={loading}\n          loadingText={t('common.loading')}\n          groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n          renderGroup={renderGroup}\n          handleHomeEndKeys\n          open={open}\n          onOpen={handleOpen}\n          onClose={() => setOpen(false)}\n          options={availableEntities}\n          getOptionLabel={getEntityTitle}\n          ListboxComponent={\n            AutocompleteListboxComponent as ComponentType<\n              HTMLAttributes<HTMLElement>\n            >\n          }\n          disableListWrap\n          style={style}\n          getOptionSelected={(o, v) =>\n            stringifyEntityRef(o) === stringifyEntityRef(v)\n          }\n          onChange={(_e, newValue) => {\n            if (multiple) {\n              if (!newValue) {\n                onChange([]);\n                return;\n              }\n              const val = Array.isArray(newValue) ? newValue : [newValue];\n              if (max === null || val.length <= max) {\n                onChange(val.filter(v => typeof v !== 'string'));\n              }\n            } else {\n              if (!newValue) {\n                return;\n              }\n              onChange(newValue as Entity);\n            }\n          }}\n          renderOption={(option: Entity) => {\n            const stringified = stringifyEntityRef(option);\n            return (\n              <span key={stringified}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={\n                    <>\n                      <Typography>{getEntityTitle(option)}</Typography>\n                      <Typography variant=\"caption\">\n                        {getEntityDescription(option)}\n                      </Typography>\n                    </>\n                  }\n                >\n                  <span>{getEntityTitle(option, { withType: false })}</span>\n                </Tooltip>\n              </span>\n            );\n          }}\n          renderInput={params => {\n            let helperText = '';\n            if (!hideHelpText) {\n              if (error && error.message) {\n                helperText = error.message;\n              } else {\n                helperText = t('entitiesInput.helperText', {\n                  max: max.toString(),\n                });\n              }\n            }\n\n            return (\n              <TextField\n                {...params}\n                variant=\"outlined\"\n                margin=\"normal\"\n                required={required}\n                label={label || t('entitiesInput.label')}\n                placeholder={placeholder || t('entitiesInput.placeholder')}\n                helperText={helperText}\n                name={name}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                InputProps={{\n                  ...params.InputProps,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={20} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                }}\n                error={error !== undefined}\n              />\n            );\n          }}\n          {...autocompleteProps}\n        />\n        {suggestedEntities?.length > 0 && (\n          <Box style={{ marginLeft: '4px' }}>\n            <Typography variant=\"caption\" color=\"textSecondary\">\n              {t('entitiesInput.suggestedEntities')}\n            </Typography>\n            <Box mt={0.5}>\n              {suggestedEntities.map(entity => (\n                <Chip\n                  key={stringifyEntityRef(entity)}\n                  label={getEntityTitle(entity)}\n                  size=\"small\"\n                  onClick={() => handleSuggestedEntityClick(entity)}\n                  style={{ margin: '0 4px 4px 0' }}\n                  disabled={\n                    [value ?? []]\n                      .flat()\n                      .map(stringifyEntityRef)\n                      .includes(stringifyEntityRef(entity)) ||\n                    [value ?? []].flat().length >= max\n                  }\n                />\n              ))}\n            </Box>\n          </Box>\n        )}{' '}\n      </Box>\n    );\n  },\n);\n\nEntitiesInput.displayName = 'EntitiesInput';\n"],"names":[],"mappings":"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"}

package/dist/components/PostForm/TagInput.esm.js

@@ -60,7 +60,7 @@ const TagInput = forwardRef((props, _ref) => {
     () => {
       if (title && content) {
         setLoadingSuggestions(true);
-        qetaApi.getTagSuggestions({ title, content, entities }).then((response) => {
+        qetaApi.getTagSuggestions({ title, content, entities, limit: 5 }).then((response) => {
           setSuggestedTags(response.tags);
         }).catch(() => {
         }).finally(() => {

package/dist/components/PostForm/TagInput.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  filterTags,\n  qetaCreateTagPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { FieldError } from 'react-hook-form';\nimport { AutocompleteListboxComponent } from './AutocompleteListComponent';\nimport { permissionApiRef } from '@backstage/plugin-permission-react';\nimport { AuthorizeResult } from '@backstage/plugin-permission-common';\nimport { useDebounce } from 'react-use';\n\nexport const TagInput = forwardRef<\n  any,\n  {\n    value?: string[];\n    onChange: (value: string[]) => void;\n    error?: FieldError;\n    allowCreate?: boolean;\n    hideHelpText?: boolean;\n    style?: CSSProperties;\n    title?: string;\n    name?: string;\n    content?: string;\n    entities?: string[];\n    label?: string;\n  }\n>((props, _ref) => {\n  const {\n    value,\n    onChange,\n    error,\n    allowCreate,\n    hideHelpText = false,\n    style,\n    name = 'tags',\n    title,\n    content,\n    entities,\n    label,\n  } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const config = useApi(configApiRef);\n  const permissions = useApi(permissionApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [allowCreation, setAllowCreation] = useState<boolean | undefined>(\n    allowCreate,\n  );\n  const [loading, setLoading] = useState(true);\n  const [suggestedTags, setSuggestedTags] = useState<string[]>([]);\n  const [, setLoadingSuggestions] = useState(false);\n\n  useEffect(() => {\n    if (allowCreate !== undefined) {\n      return;\n    }\n\n    if (config.getOptionalBoolean('qeta.permissions') === true) {\n      permissions\n        .authorize({\n          permission: qetaCreateTagPermission,\n        })\n        .catch(_ => setAllowCreation(false))\n        .then(res => {\n          if (res && res.result === AuthorizeResult.ALLOW) {\n            setAllowCreation(true);\n          } else {\n            setAllowCreation(false);\n          }\n        });\n    } else {\n      setAllowCreation(\n        config.getOptionalBoolean('qeta.tags.allowCreation') ?? true,\n      );\n    }\n  }, [config, permissions, allowCreate]);\n\n  useDebounce(\n    () => {\n      if (title && content) {\n        setLoadingSuggestions(true);\n        qetaApi\n          .getTagSuggestions({ title, content, entities })\n          .then(response => {\n            setSuggestedTags(response.tags);\n          })\n          .catch(() => {\n            // Ignore errors\n          })\n          .finally(() => {\n            setLoadingSuggestions(false);\n          });\n      }\n    },\n    2000,\n    [title, content, entities, qetaApi],\n  );\n\n  const allowedTags = useMemo(\n    () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? [],\n    [config],\n  );\n  const maximumTags = useMemo(\n    () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n    [config],\n  );\n\n  const [availableTags, setAvailableTags] = useState<string[]>([]);\n  const [tagDescriptions, setTagDescriptions] = useState<\n    Record<string, string>\n  >({});\n  useEffect(() => {\n    qetaApi\n      .getTags()\n      .catch(_ => setAvailableTags([]))\n      .then(data => {\n        setLoading(false);\n        if (!data) {\n          return;\n        }\n\n        const uniqueTags = [\n          ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n        ].sort((a, b) => a.localeCompare(b));\n        setAvailableTags(uniqueTags);\n        setTagDescriptions(\n          data.tags.reduce((acc, tag) => {\n            if (!tag.description) {\n              return acc;\n            }\n            acc[tag.tag] = tag.description;\n            return acc;\n          }, {} as Record<string, string>),\n        );\n      });\n  }, [qetaApi, allowCreation, allowedTags]);\n\n  if (!allowCreation && availableTags.length === 0) {\n    return null;\n  }\n\n  const getHelperText = () => {\n    if (hideHelpText) {\n      return '';\n    }\n\n    const baseText = t('tagsInput.helperText', {\n      max: maximumTags.toString(10),\n    });\n\n    if (!allowCreation) {\n      return baseText;\n    }\n    return `${baseText}. ${t('tagsInput.allowAddHelperText')}`;\n  };\n\n  const handleSuggestedTagClick = (tag: string) => {\n    if (value && value.length < maximumTags && !value.includes(tag)) {\n      onChange([...value, tag]);\n    }\n  };\n\n  return (\n    <Box>\n      <Autocomplete\n        multiple\n        id=\"tags-select\"\n        className=\"qetaTagInput\"\n        value={value || []}\n        loading={loading}\n        autoHighlight\n        autoComplete\n        loadingText={t('common.loading')}\n        options={availableTags ?? []}\n        freeSolo={allowCreation}\n        handleHomeEndKeys\n        ListboxComponent={\n          AutocompleteListboxComponent as ComponentType<\n            HTMLAttributes<HTMLElement>\n          >\n        }\n        disableListWrap\n        style={style}\n        renderOption={option => {\n          if (tagDescriptions[option]) {\n            return (\n              <span key={option}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={<Typography>{tagDescriptions[option]}</Typography>}\n                >\n                  <span>{option}</span>\n                </Tooltip>\n              </span>\n            );\n          }\n          return option;\n        }}\n        onChange={(_e, newValue) => {\n          const tags = filterTags(newValue);\n          if (\n            tags &&\n            tags.length <= maximumTags &&\n            tags.length === newValue.length\n          ) {\n            onChange(tags);\n          }\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label ?? t('tagsInput.label')}\n            placeholder={t('tagsInput.placeholder')}\n            helperText={error !== undefined ? error.message : getHelperText()}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            name={name}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            error={error !== undefined}\n          />\n        )}\n      />\n      {suggestedTags?.length > 0 && (\n        <Box style={{ marginLeft: '4px' }}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {t('tagsInput.suggestedTags')}\n          </Typography>\n          <Box mt={0.5}>\n            {suggestedTags.map(tag => (\n              <Chip\n                key={tag}\n                label={tag}\n                size=\"small\"\n                onClick={() => handleSuggestedTagClick(tag)}\n                style={{ margin: '0 4px 4px 0' }}\n                disabled={\n                  value?.includes(tag) || (value?.length ?? 0) >= maximumTags\n                }\n              />\n            ))}\n          </Box>\n        </Box>\n      )}{' '}\n    </Box>\n  );\n});\n\nTagInput.displayName = 'TagInput';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagInput.esm.js","sources":["../../../src/components/PostForm/TagInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  forwardRef,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { qetaApiRef } from '../../api';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  filterTags,\n  qetaCreateTagPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { FieldError } from 'react-hook-form';\nimport { AutocompleteListboxComponent } from './AutocompleteListComponent';\nimport { permissionApiRef } from '@backstage/plugin-permission-react';\nimport { AuthorizeResult } from '@backstage/plugin-permission-common';\nimport { useDebounce } from 'react-use';\n\nexport const TagInput = forwardRef<\n  any,\n  {\n    value?: string[];\n    onChange: (value: string[]) => void;\n    error?: FieldError;\n    allowCreate?: boolean;\n    hideHelpText?: boolean;\n    style?: CSSProperties;\n    title?: string;\n    name?: string;\n    content?: string;\n    entities?: string[];\n    label?: string;\n  }\n>((props, _ref) => {\n  const {\n    value,\n    onChange,\n    error,\n    allowCreate,\n    hideHelpText = false,\n    style,\n    name = 'tags',\n    title,\n    content,\n    entities,\n    label,\n  } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const config = useApi(configApiRef);\n  const permissions = useApi(permissionApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [allowCreation, setAllowCreation] = useState<boolean | undefined>(\n    allowCreate,\n  );\n  const [loading, setLoading] = useState(true);\n  const [suggestedTags, setSuggestedTags] = useState<string[]>([]);\n  const [, setLoadingSuggestions] = useState(false);\n\n  useEffect(() => {\n    if (allowCreate !== undefined) {\n      return;\n    }\n\n    if (config.getOptionalBoolean('qeta.permissions') === true) {\n      permissions\n        .authorize({\n          permission: qetaCreateTagPermission,\n        })\n        .catch(_ => setAllowCreation(false))\n        .then(res => {\n          if (res && res.result === AuthorizeResult.ALLOW) {\n            setAllowCreation(true);\n          } else {\n            setAllowCreation(false);\n          }\n        });\n    } else {\n      setAllowCreation(\n        config.getOptionalBoolean('qeta.tags.allowCreation') ?? true,\n      );\n    }\n  }, [config, permissions, allowCreate]);\n\n  useDebounce(\n    () => {\n      if (title && content) {\n        setLoadingSuggestions(true);\n        qetaApi\n          .getTagSuggestions({ title, content, entities, limit: 5 })\n          .then(response => {\n            setSuggestedTags(response.tags);\n          })\n          .catch(() => {\n            // Ignore errors\n          })\n          .finally(() => {\n            setLoadingSuggestions(false);\n          });\n      }\n    },\n    2000,\n    [title, content, entities, qetaApi],\n  );\n\n  const allowedTags = useMemo(\n    () => config.getOptionalStringArray('qeta.tags.allowedTags') ?? [],\n    [config],\n  );\n  const maximumTags = useMemo(\n    () => config.getOptionalNumber('qeta.tags.max') ?? 5,\n    [config],\n  );\n\n  const [availableTags, setAvailableTags] = useState<string[]>([]);\n  const [tagDescriptions, setTagDescriptions] = useState<\n    Record<string, string>\n  >({});\n  useEffect(() => {\n    qetaApi\n      .getTags()\n      .catch(_ => setAvailableTags([]))\n      .then(data => {\n        setLoading(false);\n        if (!data) {\n          return;\n        }\n\n        const uniqueTags = [\n          ...new Set([...allowedTags, ...data.tags.map(tag => tag.tag)]),\n        ].sort((a, b) => a.localeCompare(b));\n        setAvailableTags(uniqueTags);\n        setTagDescriptions(\n          data.tags.reduce((acc, tag) => {\n            if (!tag.description) {\n              return acc;\n            }\n            acc[tag.tag] = tag.description;\n            return acc;\n          }, {} as Record<string, string>),\n        );\n      });\n  }, [qetaApi, allowCreation, allowedTags]);\n\n  if (!allowCreation && availableTags.length === 0) {\n    return null;\n  }\n\n  const getHelperText = () => {\n    if (hideHelpText) {\n      return '';\n    }\n\n    const baseText = t('tagsInput.helperText', {\n      max: maximumTags.toString(10),\n    });\n\n    if (!allowCreation) {\n      return baseText;\n    }\n    return `${baseText}. ${t('tagsInput.allowAddHelperText')}`;\n  };\n\n  const handleSuggestedTagClick = (tag: string) => {\n    if (value && value.length < maximumTags && !value.includes(tag)) {\n      onChange([...value, tag]);\n    }\n  };\n\n  return (\n    <Box>\n      <Autocomplete\n        multiple\n        id=\"tags-select\"\n        className=\"qetaTagInput\"\n        value={value || []}\n        loading={loading}\n        autoHighlight\n        autoComplete\n        loadingText={t('common.loading')}\n        options={availableTags ?? []}\n        freeSolo={allowCreation}\n        handleHomeEndKeys\n        ListboxComponent={\n          AutocompleteListboxComponent as ComponentType<\n            HTMLAttributes<HTMLElement>\n          >\n        }\n        disableListWrap\n        style={style}\n        renderOption={option => {\n          if (tagDescriptions[option]) {\n            return (\n              <span key={option}>\n                <Tooltip\n                  arrow\n                  placement=\"right\"\n                  title={<Typography>{tagDescriptions[option]}</Typography>}\n                >\n                  <span>{option}</span>\n                </Tooltip>\n              </span>\n            );\n          }\n          return option;\n        }}\n        onChange={(_e, newValue) => {\n          const tags = filterTags(newValue);\n          if (\n            tags &&\n            tags.length <= maximumTags &&\n            tags.length === newValue.length\n          ) {\n            onChange(tags);\n          }\n        }}\n        renderInput={params => (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label ?? t('tagsInput.label')}\n            placeholder={t('tagsInput.placeholder')}\n            helperText={error !== undefined ? error.message : getHelperText()}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            name={name}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            error={error !== undefined}\n          />\n        )}\n      />\n      {suggestedTags?.length > 0 && (\n        <Box style={{ marginLeft: '4px' }}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {t('tagsInput.suggestedTags')}\n          </Typography>\n          <Box mt={0.5}>\n            {suggestedTags.map(tag => (\n              <Chip\n                key={tag}\n                label={tag}\n                size=\"small\"\n                onClick={() => handleSuggestedTagClick(tag)}\n                style={{ margin: '0 4px 4px 0' }}\n                disabled={\n                  value?.includes(tag) || (value?.length ?? 0) >= maximumTags\n                }\n              />\n            ))}\n          </Box>\n        </Box>\n      )}{' '}\n    </Box>\n  );\n});\n\nTagInput.displayName = 'TagInput';\n"],"names":[],"mappings":"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"}

package/dist/components/PostHighlightList/PostHighlightList.esm.js

@@ -16,6 +16,7 @@ import { makeStyles, ListItem, Box, ListItemText, Tooltip, Grid, Typography, Ava
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { Skeleton } from '@material-ui/lab';

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

@@ -1 +1 @@
-{"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport {\n  Post,\n  PostsQuery,\n  PostType,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useUserInfo } from '../../hooks';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Link } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Avatar,\n  Box,\n  Grid,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  articleRouteRef,\n  linkRouteRef,\n  questionRouteRef,\n} from '../../routes.ts';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';\nimport VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';\nimport ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\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  emptyItem: {\n    padding: '0 0 0 0.6rem',\n  },\n  voteBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    fontWeight: 600,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    background: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.divider}`,\n  },\n  voteBoxPositive: {\n    background: theme.palette.success.main,\n    color: theme.palette.getContrastText(theme.palette.success.main),\n  },\n  voteBoxNegative: {\n    background: theme.palette.error.main,\n    color: theme.palette.getContrastText(theme.palette.error.main),\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n}));\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nconst PostTooltip = (props: { post: Post }) => {\n  const { post } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user } = useUserInfo(\n    post.author,\n    post.anonymous ?? false,\n  );\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography\n          variant=\"subtitle1\"\n          style={{\n            fontWeight: 600,\n            marginBottom: '0.5em',\n          }}\n        >\n          {post.title}\n        </Typography>\n      </Grid>\n\n      <Grid item xs={12}>\n        <Box\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            marginBottom: '0.5em',\n          }}\n        >\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            alt={name}\n            variant=\"rounded\"\n            style={{ width: '20px', height: '20px', marginRight: '0.5em' }}\n          >\n            {initials}\n          </Avatar>\n          <Typography variant=\"body2\" style={{ marginRight: '0.5em' }}>\n            {name}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            color=\"textSecondary\"\n            style={{ marginTop: '0.5em' }}\n          >\n            <RelativeTimeWithTooltip value={post.created} />\n          </Typography>\n        </Box>\n      </Grid>\n\n      {post.tags && post.tags.length > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {post.tags.map(tag => `#${tag}`).join(' ')}\n          </Typography>\n        </Grid>\n      )}\n\n      {post.content && (\n        <Grid item xs={12}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            {truncate(removeMarkdownFormatting(post.content), 150)}\n          </Typography>\n        </Grid>\n      )}\n\n      <Grid item xs={12}>\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          flexWrap=\"wrap\"\n          style={{ gap: '1em' }}\n        >\n          <Box display=\"flex\" alignItems=\"center\">\n            <ThumbUpOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.score} {t('common.votes', {})}\n            </Typography>\n          </Box>\n\n          <Box display=\"flex\" alignItems=\"center\">\n            <VisibilityOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.views} {t('common.views', {})}\n            </Typography>\n          </Box>\n\n          {post.type === 'question' && (\n            <Box display=\"flex\" alignItems=\"center\">\n              <QuestionAnswerOutlined\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {post.answersCount} {t('common.answers', {})}\n              </Typography>\n            </Box>\n          )}\n\n          <Box display=\"flex\" alignItems=\"center\">\n            <ChatBubbleOutline\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.commentsCount} {t('common.comments', {})}\n            </Typography>\n          </Box>\n\n          {post.correctAnswer && (\n            <Box display=\"flex\" alignItems=\"center\" color=\"success.main\">\n              <CheckCircleOutline\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {t('questionPage.correctAnswer', {})}\n              </Typography>\n            </Box>\n          )}\n        </Box>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const PostHighlightListContent = (props: {\n  loading?: boolean;\n  error?: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  posts: Post[];\n  title: string;\n  icon?: ReactNode;\n  noPostsLabel?: string;\n  disableLoading?: boolean;\n}) => {\n  const { loading, error, posts, title, icon, noPostsLabel, disableLoading } =\n    props;\n  const classes = useStyles();\n  const tooltipClasses = useTooltipStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  return (\n    <RightListContainer>\n      <RightList title={title} icon={icon}>\n        {loading &&\n          !disableLoading &&\n          Array.from({ length: 5 }).map((_, i) => (\n            <ListItem className={classes.listItem} dense key={`skeleton-${i}`}>\n              <Box className={classes.voteBox}>\n                <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />\n              </Box>\n              <Skeleton variant=\"text\" width=\"80%\" />\n            </ListItem>\n          ))}\n        {error && (\n          <ListItem className={classes.emptyItem} dense>\n            <ListItemText\n              primary={t('highlights.loadError')}\n              classes={{ primary: classes.listItemText }}\n            />\n          </ListItem>\n        )}\n        {!error && !loading && posts.length === 0 && noPostsLabel && (\n          <ListItem className={classes.emptyItem} dense>\n            <ListItemText\n              primary={noPostsLabel}\n              classes={{ primary: classes.listItemText }}\n            />\n          </ListItem>\n        )}\n        {!error &&\n          posts.map(q => {\n            const route = selectByPostType(\n              q.type,\n              questionRoute,\n              articleRoute,\n              linkRoute,\n            );\n            const href = route({ id: q.id.toString(10) });\n            const vote = formatShortNumber(q.score);\n            let voteBoxClass = classes.voteBox;\n            if (q.correctAnswer) {\n              voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n            } else if (q.score < 0) {\n              voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n            }\n            return (\n              <Fragment key={q.id}>\n                <Tooltip\n                  arrow\n                  title={<PostTooltip post={q} />}\n                  enterDelay={400}\n                  classes={{\n                    tooltip: tooltipClasses.tooltip,\n                    arrow: tooltipClasses.tooltipArrow,\n                  }}\n                >\n                  <ListItem\n                    dense\n                    button\n                    className={classes.listItem}\n                    component={Link}\n                    to={href}\n                    aria-label={q.title}\n                  >\n                    <Box className={voteBoxClass}>{vote}</Box>\n                    <ListItemText\n                      primary={q.title}\n                      classes={{ primary: classes.listItemText }}\n                    />\n                  </ListItem>\n                </Tooltip>\n              </Fragment>\n            );\n          })}\n      </RightList>\n    </RightListContainer>\n  );\n};\nexport const PostHighlightList = (props: {\n  type: string;\n  title: string;\n  noQuestionsLabel: string;\n  icon?: ReactNode;\n  options?: PostsQuery;\n  postType?: PostType;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPostsList(props.type, {\n        limit: 5,\n        type: props.postType,\n        includeTags: false,\n        includeAttachments: false,\n        includeComments: false,\n        includeAnswers: false,\n        includeVotes: false,\n        includeEntities: false,\n        includeExperts: false,\n        ...props.options,\n      }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n\n  return (\n    <PostHighlightListContent\n      posts={posts}\n      loading={loading}\n      error={error}\n      title={props.title}\n      icon={props.icon}\n      noPostsLabel={props.noQuestionsLabel}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostHighlightList.esm.js","sources":["../../../src/components/PostHighlightList/PostHighlightList.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport {\n  Post,\n  PostsQuery,\n  PostType,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useUserInfo } from '../../hooks';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Link } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport {\n  Avatar,\n  Box,\n  Grid,\n  ListItem,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport {\n  articleRouteRef,\n  linkRouteRef,\n  questionRouteRef,\n} from '../../routes.ts';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';\nimport VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';\nimport ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\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  emptyItem: {\n    padding: '0 0 0 0.6rem',\n  },\n  voteBox: {\n    minWidth: 28,\n    maxWidth: 28,\n    height: 24,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: 4,\n    fontWeight: 600,\n    marginRight: theme.spacing(1),\n    marginLeft: theme.spacing(0.5),\n    background: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.divider}`,\n  },\n  voteBoxPositive: {\n    background: theme.palette.success.main,\n    color: theme.palette.getContrastText(theme.palette.success.main),\n  },\n  voteBoxNegative: {\n    background: theme.palette.error.main,\n    color: theme.palette.getContrastText(theme.palette.error.main),\n  },\n  listItemText: {\n    color: theme.palette.text.primary,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    flex: 1,\n  },\n}));\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nconst PostTooltip = (props: { post: Post }) => {\n  const { post } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user } = useUserInfo(\n    post.author,\n    post.anonymous ?? false,\n  );\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography\n          variant=\"subtitle1\"\n          style={{\n            fontWeight: 600,\n            marginBottom: '0.5em',\n          }}\n        >\n          {post.title}\n        </Typography>\n      </Grid>\n\n      <Grid item xs={12}>\n        <Box\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            marginBottom: '0.5em',\n          }}\n        >\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            alt={name}\n            variant=\"rounded\"\n            style={{ width: '20px', height: '20px', marginRight: '0.5em' }}\n          >\n            {initials}\n          </Avatar>\n          <Typography variant=\"body2\" style={{ marginRight: '0.5em' }}>\n            {name}\n          </Typography>\n          <Typography\n            variant=\"caption\"\n            color=\"textSecondary\"\n            style={{ marginTop: '0.5em' }}\n          >\n            <RelativeTimeWithTooltip value={post.created} />\n          </Typography>\n        </Box>\n      </Grid>\n\n      {post.tags && post.tags.length > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {post.tags.map(tag => `#${tag}`).join(' ')}\n          </Typography>\n        </Grid>\n      )}\n\n      {post.content && (\n        <Grid item xs={12}>\n          <Typography variant=\"body2\" color=\"textSecondary\">\n            {truncate(removeMarkdownFormatting(post.content), 150)}\n          </Typography>\n        </Grid>\n      )}\n\n      <Grid item xs={12}>\n        <Box\n          display=\"flex\"\n          alignItems=\"center\"\n          flexWrap=\"wrap\"\n          style={{ gap: '1em' }}\n        >\n          <Box display=\"flex\" alignItems=\"center\">\n            <ThumbUpOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.score} {t('common.votes', {})}\n            </Typography>\n          </Box>\n\n          <Box display=\"flex\" alignItems=\"center\">\n            <VisibilityOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.views} {t('common.views', {})}\n            </Typography>\n          </Box>\n\n          {post.type === 'question' && (\n            <Box display=\"flex\" alignItems=\"center\">\n              <QuestionAnswerOutlined\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {post.answersCount} {t('common.answers', {})}\n              </Typography>\n            </Box>\n          )}\n\n          <Box display=\"flex\" alignItems=\"center\">\n            <ChatBubbleOutline\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {post.commentsCount} {t('common.comments', {})}\n            </Typography>\n          </Box>\n\n          {post.correctAnswer && (\n            <Box display=\"flex\" alignItems=\"center\" color=\"success.main\">\n              <CheckCircleOutline\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {t('questionPage.correctAnswer', {})}\n              </Typography>\n            </Box>\n          )}\n        </Box>\n      </Grid>\n    </Grid>\n  );\n};\n\nexport const PostHighlightListContent = (props: {\n  loading?: boolean;\n  error?: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  posts: Post[];\n  title: string;\n  icon?: ReactNode;\n  noPostsLabel?: string;\n  disableLoading?: boolean;\n}) => {\n  const { loading, error, posts, title, icon, noPostsLabel, disableLoading } =\n    props;\n  const classes = useStyles();\n  const tooltipClasses = useTooltipStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  return (\n    <RightListContainer>\n      <RightList title={title} icon={icon}>\n        {loading &&\n          !disableLoading &&\n          Array.from({ length: 5 }).map((_, i) => (\n            <ListItem className={classes.listItem} dense key={`skeleton-${i}`}>\n              <Box className={classes.voteBox}>\n                <Skeleton variant=\"rect\" width=\"100%\" height=\"100%\" />\n              </Box>\n              <Skeleton variant=\"text\" width=\"80%\" />\n            </ListItem>\n          ))}\n        {error && (\n          <ListItem className={classes.emptyItem} dense>\n            <ListItemText\n              primary={t('highlights.loadError')}\n              classes={{ primary: classes.listItemText }}\n            />\n          </ListItem>\n        )}\n        {!error && !loading && posts.length === 0 && noPostsLabel && (\n          <ListItem className={classes.emptyItem} dense>\n            <ListItemText\n              primary={noPostsLabel}\n              classes={{ primary: classes.listItemText }}\n            />\n          </ListItem>\n        )}\n        {!error &&\n          posts.map(q => {\n            const route = selectByPostType(\n              q.type,\n              questionRoute,\n              articleRoute,\n              linkRoute,\n            );\n            const href = route({ id: q.id.toString(10) });\n            const vote = formatShortNumber(q.score);\n            let voteBoxClass = classes.voteBox;\n            if (q.correctAnswer) {\n              voteBoxClass = `${classes.voteBox} ${classes.voteBoxPositive}`;\n            } else if (q.score < 0) {\n              voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;\n            }\n            return (\n              <Fragment key={q.id}>\n                <Tooltip\n                  arrow\n                  title={<PostTooltip post={q} />}\n                  enterDelay={400}\n                  classes={{\n                    tooltip: tooltipClasses.tooltip,\n                    arrow: tooltipClasses.tooltipArrow,\n                  }}\n                >\n                  <ListItem\n                    dense\n                    button\n                    className={classes.listItem}\n                    component={Link}\n                    to={href}\n                    aria-label={q.title}\n                  >\n                    <Box className={voteBoxClass}>{vote}</Box>\n                    <ListItemText\n                      primary={q.title}\n                      classes={{ primary: classes.listItemText }}\n                    />\n                  </ListItem>\n                </Tooltip>\n              </Fragment>\n            );\n          })}\n      </RightList>\n    </RightListContainer>\n  );\n};\nexport const PostHighlightList = (props: {\n  type: string;\n  title: string;\n  noQuestionsLabel: string;\n  icon?: ReactNode;\n  options?: PostsQuery;\n  postType?: PostType;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getPostsList(props.type, {\n        limit: 5,\n        type: props.postType,\n        includeTags: false,\n        includeAttachments: false,\n        includeComments: false,\n        includeAnswers: false,\n        includeVotes: false,\n        includeEntities: false,\n        includeExperts: false,\n        ...props.options,\n      }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n\n  return (\n    <PostHighlightListContent\n      posts={posts}\n      loading={loading}\n      error={error}\n      title={props.title}\n      icon={props.icon}\n      noPostsLabel={props.noQuestionsLabel}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/PostsContainer/PostListItem.esm.js

@@ -36,6 +36,7 @@ import 'react-use/lib/useAsync';
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
+import 'lodash';
 import '@material-ui/icons/Create';
 import { OpenLinkButton } from '../Buttons/OpenLinkButton.esm.js';
 import '@material-ui/icons/PlaylistAdd';