@drodil/backstage-plugin-qeta-react 3.56.1 → 3.57.0

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import { Children, createElement, PropsWithChildren, useEffect } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { MarkdownHooks } from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  findEntityMentions,\n  findTagMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { TagChip } from '../TagsAndEntities/TagChip';\nimport { useQetaContext } from '../QetaContext';\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n  | 'markdown'\n  | 'header'\n  | 'tocHeader'\n  | 'toc'\n  | 'tocList'\n  | 'tocListItem'\n  | 'tocLink';\n\nconst useStyles = makeStyles(\n  theme => {\n    const overrides = theme.overrides as BackstageOverrides;\n    return {\n      markdown: {\n        lineHeight: 1.75,\n        '& p': {\n          ...theme.typography?.body1,\n          margin: '0 0 1em 0',\n          wordBreak: 'break-word',\n        },\n        '& h1': {\n          ...theme.typography?.h1,\n          marginBottom: 2,\n          marginTop: '1.5em',\n        },\n        '& h2': {\n          ...theme.typography?.h2,\n          marginBottom: 2,\n          marginTop: '1.2em',\n        },\n        '& h3': {\n          ...theme.typography?.h3,\n          marginBottom: 2,\n          marginTop: '1em',\n        },\n        '& h4': {\n          ...theme.typography?.h4,\n          marginBottom: 2,\n          marginTop: '0.8em',\n        },\n        '& h5': {\n          ...theme.typography?.h5,\n          marginBottom: 2,\n          marginTop: '0.7em',\n        },\n        '& h6': {\n          ...theme.typography?.h6,\n          marginBottom: 2,\n          marginTop: '0.6em',\n        },\n        '& table': {\n          borderCollapse: 'collapse',\n          border: `1px solid ${theme.palette.border}`,\n        },\n        '& th, & td': {\n          border: `1px solid ${theme.palette.border}`,\n          padding: theme.spacing(1),\n        },\n        '& td': {\n          wordBreak: 'break-word',\n          overflow: 'hidden',\n          verticalAlign: 'middle',\n          lineHeight: '1',\n          margin: 0,\n          padding: theme.spacing(3, 2, 3, 2.5),\n          borderBottom: 0,\n        },\n        '& th': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr:nth-child(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n        '& a': {\n          color: theme.palette.link,\n        },\n        '& img': {\n          maxWidth: '100%',\n        },\n        '& code': {\n          fontFamily: 'Courier New,Courier,monospace',\n          fontStyle: 'normal',\n          display: 'block',\n          width: '100%',\n          overflowX: 'auto',\n          borderRadius: 4,\n          padding: '0.2em 0.4em',\n        },\n        '& em': {\n          fontStyle: 'italic !important',\n        },\n        '& ol': {\n          listStyle: 'decimal',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& ul': {\n          listStyle: 'disc',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& blockquote': {\n          backgroundColor: theme.palette.background.paper,\n          border: `1px solid ${theme.palette.divider}`,\n          padding: '1em 1.5em',\n          margin: '1.5em 0',\n          color: theme.palette.text.secondary,\n          borderLeft: `4px solid ${theme.palette.divider}`,\n        },\n        '& li': {\n          marginTop: '0.5em',\n        },\n        '& *:first-child': {\n          marginTop: 0,\n        },\n        '& *:last-child': {\n          marginBottom: 0,\n        },\n        '& path': {\n          stroke: `${theme.palette.text.primary} !important`,\n        },\n        ...(overrides?.BackstageMarkdownContent ?? {}),\n      },\n      codeBlockContainer: {\n        position: 'relative',\n        '& .copyCodeButton': {\n          opacity: 0,\n          pointerEvents: 'none',\n          transition: 'opacity 0.2s',\n        },\n        '&:hover .copyCodeButton': {\n          opacity: 1,\n          pointerEvents: 'auto',\n        },\n      },\n      header: {\n        '& .anchor-link': {\n          display: 'none',\n          marginLeft: '0.5em',\n        },\n        '&:hover .anchor-link': {\n          display: 'inline-block',\n        },\n      },\n      tocHeader: {\n        marginTop: '0.5em',\n        marginBottom: 0,\n      },\n      toc: {\n        marginTop: '0.5em',\n        marginLeft: '0.2em',\n        paddingBottom: '1em',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      tocList: {\n        marginLeft: '0 !important',\n        marginTop: '0.5em !important',\n        paddingInlineStart: '1em',\n        counterReset: 'item',\n      },\n      tocListItem: {\n        display: 'block',\n        '&:before': {\n          content: 'counters(item, \".\") \" \"',\n          counterIncrement: 'item',\n        },\n      },\n      tocLink: {\n        color: theme.palette.link,\n      },\n    };\n  },\n  { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n  if (!child) return text;\n\n  return typeof child === 'string'\n    ? text + child\n    : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n  showToc?: boolean;\n  useBlankLinks?: boolean;\n}) => {\n  const { content, className: mainClassName, showToc, useBlankLinks } = props;\n  const darkTheme = useIsDarkTheme();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const alertApi = useApi(alertApiRef);\n  slugger.reset();\n\n  const copyToClipboard = (slug: string) => {\n    const url = new URL(window.location.href);\n    url.hash = `#${slug}`;\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const copyCodeToClipboard = (code: string) => {\n    window.navigator.clipboard.writeText(code);\n    alertApi.post({\n      message: t('code.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const headingRenderer = (\n    hProps: PropsWithChildren<{ node: { tagName: string } }>,\n  ) => {\n    const { node, children } = hProps;\n    const childrenArray = Children.toArray(children);\n    const text = childrenArray.reduce(flatten, '');\n    const slug = slugger.slug(text);\n    const link = (\n      <Tooltip title={t('link.aria')}>\n        <IconButton\n          aria-label={t('link.aria')}\n          onClick={() => copyToClipboard(slug)}\n          size=\"small\"\n          className=\"anchor-link\"\n        >\n          <LinkIcon />\n        </IconButton>\n      </Tooltip>\n    );\n    return (\n      <>\n        {createElement(\n          Typography,\n          {\n            variant: node.tagName as Variant,\n            id: slug,\n            className: classes.header,\n          },\n          [children, link],\n        )}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (!window.location.hash) {\n      return;\n    }\n\n    const id = window.location.hash.slice(1);\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'auto', block: 'start' });\n    }\n  }, []);\n\n  const extensions = useQetaContext();\n\n  const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n  if (showToc) {\n    rehypePlugins.push([\n      rehypeToc,\n      {\n        cssClasses: {\n          toc: classes.toc,\n          list: classes.tocList,\n          listItem: classes.tocListItem,\n          link: classes.tocLink,\n        },\n        customizeTOC: (toc: HtmlElementNode) => {\n          const listItems = find(toc, { tagName: 'li' });\n          if (!toc.children || !listItems) {\n            return false;\n          }\n          const tocHeader: TextNode = {\n            type: 'text',\n            value: t('markdown.toc'),\n          };\n          const heading: HeadingNode = {\n            type: 'element',\n            tagName: 'h3',\n            properties: {},\n            children: [tocHeader],\n          };\n\n          toc.children.unshift(heading);\n          return toc;\n        },\n      },\n    ]);\n  }\n\n  return (\n    <div className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}>\n      <MarkdownHooks\n        remarkPlugins={[gfm, ...(extensions.remarkPlugins ?? [])]}\n        rehypePlugins={[...rehypePlugins, ...(extensions.rehypePlugins ?? [])]}\n        components={{\n          h1: (p: any) => headingRenderer(p),\n          h2: (p: any) => headingRenderer(p),\n          h3: (p: any) => headingRenderer(p),\n          h4: (p: any) => headingRenderer(p),\n          h5: (p: any) => headingRenderer(p),\n          h6: (p: any) => headingRenderer(p),\n          p: (p: any) => {\n            const { children } = p;\n            const arr = Children.toArray(children);\n            const formatted = arr.map((child: any) => {\n              if (typeof child !== 'string') {\n                return child;\n              }\n              const userMentions = findEntityMentions(child);\n              const tagMentions = findTagMentions(child);\n              if (userMentions.length === 0 && tagMentions.length === 0) {\n                return child;\n              }\n\n              return child.split(' ').map((word: string) => {\n                const userMention = userMentions.find(m => word === m);\n                if (userMention) {\n                  return (\n                    <>\n                      <EntityRefLink\n                        entityRef={userMention.slice(1)}\n                        hideIcon\n                        target={useBlankLinks ? '_blank' : undefined}\n                      />{' '}\n                    </>\n                  );\n                }\n\n                const tagMention = tagMentions.find(m => word === m);\n                if (tagMention) {\n                  return (\n                    <TagChip\n                      tag={tagMention.slice(1)}\n                      style={{ marginBottom: 0 }}\n                      useHref={useBlankLinks}\n                      key={tagMention}\n                    />\n                  );\n                }\n\n                return <>{word} </>;\n              });\n            });\n\n            return <p>{formatted}</p>;\n          },\n          code(p: any) {\n            const { children, className, node, ...rest } = p;\n            const match = /language-(\\w+)/.exec(className || '');\n            const codeString = String(children).replace(/\\n$/, '');\n            return match ? (\n              <div className={classes.codeBlockContainer}>\n                <SyntaxHighlighter\n                  {...rest}\n                  PreTag=\"div\"\n                  language={match[1]}\n                  style={darkTheme ? a11yDark : a11yLight}\n                  showLineNumbers\n                >\n                  {codeString}\n                </SyntaxHighlighter>\n                <Tooltip title={t('code.aria')}>\n                  <IconButton\n                    aria-label={t('code.aria')}\n                    size=\"small\"\n                    className=\"copyCodeButton\"\n                    style={{\n                      position: 'absolute',\n                      top: 8,\n                      right: 8,\n                      zIndex: 2,\n                    }}\n                    onClick={() => copyCodeToClipboard(codeString)}\n                  >\n                    <FileCopyIcon fontSize=\"small\" />\n                  </IconButton>\n                </Tooltip>\n              </div>\n            ) : (\n              <code {...rest} className={className}>\n                {children}\n              </code>\n            );\n          },\n        }}\n      >\n        {content}\n      </MarkdownHooks>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import {\n  Children,\n  createElement,\n  lazy,\n  PropsWithChildren,\n  useEffect,\n} from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport { MarkdownHooks } from 'react-markdown';\nimport {\n  a11yDark,\n  a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n  findEntityMentions,\n  findTagMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport FileCopyIcon from '@material-ui/icons/FileCopy';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { useQetaContext } from '../QetaContext';\n\nconst TagChip = lazy(() =>\n  import('../TagsAndEntities/TagChip').then(m => ({ default: m.TagChip })),\n);\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n  | 'markdown'\n  | 'header'\n  | 'tocHeader'\n  | 'toc'\n  | 'tocList'\n  | 'tocListItem'\n  | 'tocLink';\n\nconst useStyles = makeStyles(\n  theme => {\n    const overrides = theme.overrides as BackstageOverrides;\n    return {\n      markdown: {\n        lineHeight: 1.75,\n        '& p': {\n          ...theme.typography?.body1,\n          margin: '0 0 1em 0',\n          wordBreak: 'break-word',\n        },\n        '& h1': {\n          ...theme.typography?.h1,\n          marginBottom: 2,\n          marginTop: '1.5em',\n        },\n        '& h2': {\n          ...theme.typography?.h2,\n          marginBottom: 2,\n          marginTop: '1.2em',\n        },\n        '& h3': {\n          ...theme.typography?.h3,\n          marginBottom: 2,\n          marginTop: '1em',\n        },\n        '& h4': {\n          ...theme.typography?.h4,\n          marginBottom: 2,\n          marginTop: '0.8em',\n        },\n        '& h5': {\n          ...theme.typography?.h5,\n          marginBottom: 2,\n          marginTop: '0.7em',\n        },\n        '& h6': {\n          ...theme.typography?.h6,\n          marginBottom: 2,\n          marginTop: '0.6em',\n        },\n        '& table': {\n          borderCollapse: 'collapse',\n          border: `1px solid ${theme.palette.border}`,\n        },\n        '& th, & td': {\n          border: `1px solid ${theme.palette.border}`,\n          padding: theme.spacing(1),\n        },\n        '& td': {\n          wordBreak: 'break-word',\n          overflow: 'hidden',\n          verticalAlign: 'middle',\n          lineHeight: '1',\n          margin: 0,\n          padding: theme.spacing(3, 2, 3, 2.5),\n          borderBottom: 0,\n        },\n        '& th': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr': {\n          backgroundColor: theme.palette.background.paper,\n        },\n        '& tr:nth-child(odd)': {\n          backgroundColor: theme.palette.background.default,\n        },\n        '& a': {\n          color: theme.palette.link,\n        },\n        '& img': {\n          maxWidth: '100%',\n        },\n        '& code': {\n          fontFamily: 'Courier New,Courier,monospace',\n          fontStyle: 'normal',\n          display: 'block',\n          width: '100%',\n          overflowX: 'auto',\n          borderRadius: 4,\n          padding: '0.2em 0.4em',\n        },\n        '& em': {\n          fontStyle: 'italic !important',\n        },\n        '& ol': {\n          listStyle: 'decimal',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& ul': {\n          listStyle: 'disc',\n          marginLeft: '2em',\n          marginBottom: '1em',\n          marginTop: '1em',\n        },\n        '& blockquote': {\n          backgroundColor: theme.palette.background.paper,\n          border: `1px solid ${theme.palette.divider}`,\n          padding: '1em 1.5em',\n          margin: '1.5em 0',\n          color: theme.palette.text.secondary,\n          borderLeft: `4px solid ${theme.palette.divider}`,\n        },\n        '& li': {\n          marginTop: '0.5em',\n        },\n        '& *:first-child': {\n          marginTop: 0,\n        },\n        '& *:last-child': {\n          marginBottom: 0,\n        },\n        '& path': {\n          stroke: `${theme.palette.text.primary} !important`,\n        },\n        ...(overrides?.BackstageMarkdownContent ?? {}),\n      },\n      codeBlockContainer: {\n        position: 'relative',\n        '& .copyCodeButton': {\n          opacity: 0,\n          pointerEvents: 'none',\n          transition: 'opacity 0.2s',\n        },\n        '&:hover .copyCodeButton': {\n          opacity: 1,\n          pointerEvents: 'auto',\n        },\n      },\n      header: {\n        '& .anchor-link': {\n          display: 'none',\n          marginLeft: '0.5em',\n        },\n        '&:hover .anchor-link': {\n          display: 'inline-block',\n        },\n      },\n      tocHeader: {\n        marginTop: '0.5em',\n        marginBottom: 0,\n      },\n      toc: {\n        marginTop: '0.5em',\n        marginLeft: '0.2em',\n        paddingBottom: '1em',\n        borderBottom: `1px solid ${theme.palette.divider}`,\n      },\n      tocList: {\n        marginLeft: '0 !important',\n        marginTop: '0.5em !important',\n        paddingInlineStart: '1em',\n        counterReset: 'item',\n      },\n      tocListItem: {\n        display: 'block',\n        '&:before': {\n          content: 'counters(item, \".\") \" \"',\n          counterIncrement: 'item',\n        },\n      },\n      tocLink: {\n        color: theme.palette.link,\n      },\n    };\n  },\n  { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n  if (!child) return text;\n\n  return typeof child === 'string'\n    ? text + child\n    : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n  content: string;\n  className?: string;\n  showToc?: boolean;\n  useBlankLinks?: boolean;\n}) => {\n  const { content, className: mainClassName, showToc, useBlankLinks } = props;\n  const darkTheme = useIsDarkTheme();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const classes = useStyles();\n  const alertApi = useApi(alertApiRef);\n  slugger.reset();\n\n  const copyToClipboard = (slug: string) => {\n    const url = new URL(window.location.href);\n    url.hash = `#${slug}`;\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const copyCodeToClipboard = (code: string) => {\n    window.navigator.clipboard.writeText(code);\n    alertApi.post({\n      message: t('code.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  const headingRenderer = (\n    hProps: PropsWithChildren<{ node: { tagName: string } }>,\n  ) => {\n    const { node, children } = hProps;\n    const childrenArray = Children.toArray(children);\n    const text = childrenArray.reduce(flatten, '');\n    const slug = slugger.slug(text);\n    const link = (\n      <Tooltip title={t('link.aria')}>\n        <IconButton\n          aria-label={t('link.aria')}\n          onClick={() => copyToClipboard(slug)}\n          size=\"small\"\n          className=\"anchor-link\"\n        >\n          <LinkIcon />\n        </IconButton>\n      </Tooltip>\n    );\n    return (\n      <>\n        {createElement(\n          Typography,\n          {\n            variant: node.tagName as Variant,\n            id: slug,\n            className: classes.header,\n          },\n          [children, link],\n        )}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (!window.location.hash) {\n      return;\n    }\n\n    const id = window.location.hash.slice(1);\n    const element = document.getElementById(id);\n    if (element) {\n      element.scrollIntoView({ behavior: 'auto', block: 'start' });\n    }\n  }, []);\n\n  const extensions = useQetaContext();\n\n  const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n  if (showToc) {\n    rehypePlugins.push([\n      rehypeToc,\n      {\n        cssClasses: {\n          toc: classes.toc,\n          list: classes.tocList,\n          listItem: classes.tocListItem,\n          link: classes.tocLink,\n        },\n        customizeTOC: (toc: HtmlElementNode) => {\n          const listItems = find(toc, { tagName: 'li' });\n          if (!toc.children || !listItems) {\n            return false;\n          }\n          const tocHeader: TextNode = {\n            type: 'text',\n            value: t('markdown.toc'),\n          };\n          const heading: HeadingNode = {\n            type: 'element',\n            tagName: 'h3',\n            properties: {},\n            children: [tocHeader],\n          };\n\n          toc.children.unshift(heading);\n          return toc;\n        },\n      },\n    ]);\n  }\n\n  return (\n    <div className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}>\n      <MarkdownHooks\n        remarkPlugins={[gfm, ...(extensions.remarkPlugins ?? [])]}\n        rehypePlugins={[...rehypePlugins, ...(extensions.rehypePlugins ?? [])]}\n        components={{\n          h1: (p: any) => headingRenderer(p),\n          h2: (p: any) => headingRenderer(p),\n          h3: (p: any) => headingRenderer(p),\n          h4: (p: any) => headingRenderer(p),\n          h5: (p: any) => headingRenderer(p),\n          h6: (p: any) => headingRenderer(p),\n          p: (p: any) => {\n            const { children } = p;\n            const arr = Children.toArray(children);\n            const formatted = arr.map((child: any) => {\n              if (typeof child !== 'string') {\n                return child;\n              }\n              const userMentions = findEntityMentions(child);\n              const tagMentions = findTagMentions(child);\n              if (userMentions.length === 0 && tagMentions.length === 0) {\n                return child;\n              }\n\n              return child.split(' ').map((word: string) => {\n                const userMention = userMentions.find(m => word === m);\n                if (userMention) {\n                  return (\n                    <>\n                      <EntityRefLink\n                        entityRef={userMention.slice(1)}\n                        hideIcon\n                        target={useBlankLinks ? '_blank' : undefined}\n                      />{' '}\n                    </>\n                  );\n                }\n\n                const tagMention = tagMentions.find(m => word === m);\n                if (tagMention) {\n                  return (\n                    <TagChip\n                      tag={tagMention.slice(1)}\n                      style={{ marginBottom: 0 }}\n                      useHref={useBlankLinks}\n                      key={tagMention}\n                    />\n                  );\n                }\n\n                return <>{word} </>;\n              });\n            });\n\n            return <p>{formatted}</p>;\n          },\n          code(p: any) {\n            const { children, className, node, ...rest } = p;\n            const match = /language-(\\w+)/.exec(className || '');\n            const codeString = String(children).replace(/\\n$/, '');\n            return match ? (\n              <div className={classes.codeBlockContainer}>\n                <SyntaxHighlighter\n                  {...rest}\n                  PreTag=\"div\"\n                  language={match[1]}\n                  style={darkTheme ? a11yDark : a11yLight}\n                  showLineNumbers\n                >\n                  {codeString}\n                </SyntaxHighlighter>\n                <Tooltip title={t('code.aria')}>\n                  <IconButton\n                    aria-label={t('code.aria')}\n                    size=\"small\"\n                    className=\"copyCodeButton\"\n                    style={{\n                      position: 'absolute',\n                      top: 8,\n                      right: 8,\n                      zIndex: 2,\n                    }}\n                    onClick={() => copyCodeToClipboard(codeString)}\n                  >\n                    <FileCopyIcon fontSize=\"small\" />\n                  </IconButton>\n                </Tooltip>\n              </div>\n            ) : (\n              <code {...rest} className={className}>\n                {children}\n              </code>\n            );\n          },\n        }}\n      >\n        {content}\n      </MarkdownHooks>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Fragment } from 'react';
-import { selectByPostType, truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -8,27 +8,34 @@ import '@backstage/plugin-signals-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import '../../hooks/useListItemStyles.esm.js';
-import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
-import { makeStyles, ListItem, Box, ListItemText, Tooltip, Grid, Typography, Avatar } from '@material-ui/core';
+import { makeStyles, ListItem, Box, ListItemText } from '@material-ui/core';
 import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
-import 'dataloader';
-import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { Skeleton } from '@material-ui/lab';
 import { questionRouteRef, articleRouteRef, linkRouteRef } from '../../routes.esm.js';
 import numeral from 'numeral';
-import QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';
-import ChatBubbleOutline from '@material-ui/icons/ChatBubbleOutline';
-import VisibilityOutlined from '@material-ui/icons/VisibilityOutlined';
-import ThumbUpOutlined from '@material-ui/icons/ThumbUpOutlined';
-import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
-import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/LoyaltyOutlined';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import '@material-ui/icons/LibraryBooksOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import { PostTooltip } from '../Tooltips/PostTooltip.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   listItem: {
@@ -82,137 +89,9 @@ const useStyles = makeStyles((theme) => ({
 function formatShortNumber(num) {
   return num >= 1e3 ? numeral(num).format("0.0 a") : num.toString();
 }
-const PostTooltip = (props) => {
-  const { post } = props;
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const { name, initials, user } = useUserInfo(
-    post.author,
-    post.anonymous ?? false
-  );
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Typography,
-      {
-        variant: "subtitle1",
-        style: {
-          fontWeight: 600,
-          marginBottom: "0.5em"
-        },
-        children: post.title
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
-      Box,
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          marginBottom: "0.5em"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            Avatar,
-            {
-              src: user?.spec?.profile?.picture,
-              alt: name,
-              variant: "rounded",
-              style: { width: "20px", height: "20px", marginRight: "0.5em" },
-              children: initials
-            }
-          ),
-          /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { marginRight: "0.5em" }, children: name }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "caption",
-              color: "textSecondary",
-              style: { marginTop: "0.5em" },
-              children: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: post.created })
-            }
-          )
-        ]
-      }
-    ) }),
-    post.tags && post.tags.length > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: post.tags.map((tag) => `#${tag}`).join(" ") }) }),
-    post.content && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: truncate(removeMarkdownFormatting(post.content), 150) }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(
-      Box,
-      {
-        display: "flex",
-        alignItems: "center",
-        flexWrap: "wrap",
-        style: { gap: "1em" },
-        children: [
-          /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-            /* @__PURE__ */ jsx(
-              ThumbUpOutlined,
-              {
-                style: { fontSize: "0.875rem", marginRight: "0.25em" }
-              }
-            ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
-              post.score,
-              " ",
-              t("common.votes", {})
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-            /* @__PURE__ */ jsx(
-              VisibilityOutlined,
-              {
-                style: { fontSize: "0.875rem", marginRight: "0.25em" }
-              }
-            ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
-              post.views,
-              " ",
-              t("common.views", {})
-            ] })
-          ] }),
-          post.type === "question" && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-            /* @__PURE__ */ jsx(
-              QuestionAnswerOutlined,
-              {
-                style: { fontSize: "0.875rem", marginRight: "0.25em" }
-              }
-            ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
-              post.answersCount,
-              " ",
-              t("common.answers", {})
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
-            /* @__PURE__ */ jsx(
-              ChatBubbleOutline,
-              {
-                style: { fontSize: "0.875rem", marginRight: "0.25em" }
-              }
-            ),
-            /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
-              post.commentsCount,
-              " ",
-              t("common.comments", {})
-            ] })
-          ] }),
-          post.correctAnswer && /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", color: "success.main", children: [
-            /* @__PURE__ */ jsx(
-              CheckCircleOutline,
-              {
-                style: { fontSize: "0.875rem", marginRight: "0.25em" }
-              }
-            ),
-            /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("questionPage.correctAnswer", {}) })
-          ] })
-        ]
-      }
-    ) })
-  ] });
-};
 const PostHighlightListContent = (props) => {
   const { loading, error, posts, title, icon, noPostsLabel, disableLoading } = props;
   const classes = useStyles();
-  const tooltipClasses = useTooltipStyles();
   const { t } = useTranslationRef(qetaTranslationRef);
   const questionRoute = useRouteRef(questionRouteRef);
   const articleRoute = useRouteRef(articleRouteRef);
@@ -252,15 +131,14 @@ const PostHighlightListContent = (props) => {
         voteBoxClass = `${classes.voteBox} ${classes.voteBoxNegative}`;
       }
       return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
-        Tooltip,
+        PostTooltip,
         {
+          post: q,
           arrow: true,
-          title: /* @__PURE__ */ jsx(PostTooltip, { post: q }),
           enterDelay: 400,
-          classes: {
-            tooltip: tooltipClasses.tooltip,
-            arrow: tooltipClasses.tooltipArrow
-          },
+          enterNextDelay: 400,
+          placement: "left",
+          interactive: false,
           children: /* @__PURE__ */ jsxs(
             ListItem,
             {

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  selectByPostType,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { Box, ListItem, ListItemText, makeStyles } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport numeral from 'numeral';\nimport { PostTooltip } from '../Tooltips';\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\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 { 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                <PostTooltip\n                  post={q}\n                  arrow\n                  enterDelay={400}\n                  enterNextDelay={400}\n                  placement=\"left\"\n                  interactive={false}\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                </PostTooltip>\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/TagsAndEntities/EntityChip.esm.js

@@ -1,136 +1,69 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { useState, useEffect } from 'react';
-import { useRouteRef, useApi } from '@backstage/core-plugin-api';
+import { useRouteRef } from '@backstage/core-plugin-api';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { entityRouteRef } from '../../routes.esm.js';
-import { qetaApiRef } from '../../api.esm.js';
+import { Link } from 'react-router-dom';
+import { Chip } from '@material-ui/core';
+import 'react';
+import '../../api.esm.js';
+import '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import 'react-use';
 import '@backstage/plugin-signals-react';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
+import '@backstage/core-plugin-api/alpha';
+import '../../translation.esm.js';
 import '../../hooks/useListItemStyles.esm.js';
-import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import 'dataloader';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
-import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
-import { Link } from 'react-router-dom';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
-import VisibilityOff from '@material-ui/icons/VisibilityOff';
-import Visibility from '@material-ui/icons/Visibility';
-import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/LoyaltyOutlined';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import { EntityTooltip } from '../Tooltips/EntityTooltip.esm.js';
+import '@material-ui/icons/LibraryBooksOutlined';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import 'react-relative-time';
+import '@material-ui/icons/ThumbUpOutlined';
+import '@material-ui/icons/VisibilityOutlined';
+import '@material-ui/icons/ChatBubbleOutline';
 
-const cache = /* @__PURE__ */ new Map();
-const EntityTooltip = (props) => {
-  const { entity } = props;
-  const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
-  const qetaApi = useApi(qetaApiRef);
-  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const entitiesFollow = useEntityFollow();
-  const [resp, setResp] = useState();
-  useEffect(() => {
-    if (cache.has(entityRef)) {
-      setResp(cache.get(entityRef));
-      return;
-    }
-    qetaApi.getEntity(entityRef).then((res) => {
-      if (res) {
-        cache.set(entityRef, res);
-        setResp(res);
-      }
-    });
-  }, [qetaApi, entityRef]);
-  if (!resp) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
-        Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : null,
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle1",
-            style: {
-              textOverflow: "ellipsis",
-              overflow: "hidden",
-              whiteSpace: "nowrap"
-            },
-            children: primaryTitle
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: secondaryTitle })
-    ] }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-      t("common.posts", { count: resp.postsCount, itemType: "post" }),
-      " \xB7 ",
-      t("common.followers", { count: resp.followerCount })
-    ] }) }),
-    !entitiesFollow.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
-        onClick: () => {
-          if (entitiesFollow.isFollowingEntity(entityRef)) {
-            entitiesFollow.unfollowEntity(entityRef);
-          } else {
-            entitiesFollow.followEntity(entityRef);
-          }
-        },
-        startIcon: entitiesFollow.isFollowingEntity(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
-        children: entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
-      }
-    ) })
-  ] });
-};
 const EntityChip = (props) => {
   const { entity } = props;
   const entityRoute = useRouteRef(entityRouteRef);
   const { primaryTitle, Icon } = useEntityPresentation(entity);
   const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
-  const classes = useTooltipStyles();
   const href = entityRoute({ entityRef });
-  return /* @__PURE__ */ jsx(
-    Tooltip,
+  return /* @__PURE__ */ jsx(EntityTooltip, { entity, arrow: true, enterDelay: 400, interactive: true, children: /* @__PURE__ */ jsx(
+    Chip,
     {
-      title: /* @__PURE__ */ jsx(EntityTooltip, { entity }),
-      arrow: true,
-      enterDelay: 400,
-      interactive: true,
-      classes: {
-        tooltip: classes.tooltip,
-        arrow: classes.tooltipArrow
+      label: primaryTitle,
+      size: "small",
+      style: props.style,
+      icon: Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : void 0,
+      variant: "outlined",
+      className: "qetaEntityChip",
+      component: props.useHref ? "a" : Link,
+      to: props.useHref ? void 0 : href,
+      href: props.useHref ? href : void 0,
+      target: props.useHref ? "_blank" : void 0,
+      onClick: (e) => {
+        e.stopPropagation();
       },
-      children: /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: primaryTitle,
-          size: "small",
-          style: props.style,
-          icon: Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : void 0,
-          variant: "outlined",
-          className: "qetaEntityChip",
-          component: props.useHref ? "a" : Link,
-          to: props.useHref ? void 0 : href,
-          href: props.useHref ? href : void 0,
-          target: props.useHref ? "_blank" : void 0,
-          onClick: (e) => {
-            e.stopPropagation();
-          },
-          clickable: true
-        }
-      )
+      clickable: true
     }
-  );
+  ) });
 };
 
 export { EntityChip };

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

@@ -1 +1 @@
-{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {primaryTitle}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const classes = useTooltipStyles();\n  const href = entityRoute({ entityRef });\n\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n      }}\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { CSSProperties } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { Link } from 'react-router-dom';\nimport { Chip } from '@material-ui/core';\nimport { EntityTooltip } from '../Tooltips';\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const href = entityRoute({ entityRef });\n\n  return (\n    <EntityTooltip entity={entity} arrow enterDelay={400} interactive>\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        style={props.style}\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component={props.useHref ? 'a' : Link}\n        to={props.useHref ? undefined : href}\n        href={props.useHref ? href : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={(e: React.MouseEvent) => {\n          e.stopPropagation();\n        }}\n        clickable\n      />\n    </EntityTooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAIrB,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,IAAK,EAAA,GAAI,sBAAsB,MAAM,CAAA;AAC3D,EAAA,MAAM,YACJ,OAAO,MAAA,KAAW,QAAW,GAAA,MAAA,GAAS,mBAAmB,MAAM,CAAA;AACjE,EAAA,MAAM,IAAO,GAAA,WAAA,CAAY,EAAE,SAAA,EAAW,CAAA;AAEtC,EACE,uBAAA,GAAA,CAAC,iBAAc,MAAgB,EAAA,KAAA,EAAK,MAAC,UAAY,EAAA,GAAA,EAAK,aAAW,IAC/D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,OAAO,KAAM,CAAA,KAAA;AAAA,MACb,MAAM,IAAO,mBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAS,SAAQ,CAAK,GAAA,KAAA,CAAA;AAAA,MACzC,OAAQ,EAAA,UAAA;AAAA,MACR,SAAU,EAAA,gBAAA;AAAA,MACV,SAAA,EAAW,KAAM,CAAA,OAAA,GAAU,GAAM,GAAA,IAAA;AAAA,MACjC,EAAA,EAAI,KAAM,CAAA,OAAA,GAAU,KAAY,CAAA,GAAA,IAAA;AAAA,MAChC,IAAA,EAAM,KAAM,CAAA,OAAA,GAAU,IAAO,GAAA,KAAA,CAAA;AAAA,MAC7B,MAAA,EAAQ,KAAM,CAAA,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,MACnC,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,QAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,OACpB;AAAA,MACA,SAAS,EAAA;AAAA;AAAA,GAEb,EAAA,CAAA;AAEJ;;;;"}