@drodil/backstage-plugin-qeta-react 3.39.0 → 3.40.0

package/dist/components/EntitiesGrid/EntitiesGrid.esm.js

@@ -46,11 +46,9 @@ const EntitiesGrid = () => {
   };
   useDebounce(
     () => {
-      if (filters.searchQuery !== searchQuery) {
-        setFilters({ ...filters, searchQuery });
-      }
+      setFilters({ ...filters, searchQuery });
     },
-    400,
+    300,
     [searchQuery]
   );
   useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { useEffect, useState } from 'react';\nimport { useQetaApi } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getEntities({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <Box>\n      <QetaGridHeader\n        title={\n          response ? t('common.entities', { count: response?.total ?? 0 }) : ''\n        }\n        searchBarLabel={t('entitiesPage.search.label')}\n        loading={loading}\n        onSearch={onSearchQueryChange}\n      />\n      <Grid container justifyContent=\"center\">\n        <EntitiesGridContent\n          response={response}\n          loading={loading}\n          error={error}\n        />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={entitiesPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e =>\n              setEntitiesPerPage(Number(e.target.value))\n            }\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAwB,CAAA;AAAA,IACpD,KAAO,EAAA,MAAA;AAAA,IACP,WAAa,EAAA;AAAA,GACd,CAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAA,GAAA,KACE,IAAI,WAAY,CAAA;AAAA,MACd,KAAO,EAAA,eAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,eAAA;AAAA,MACrB,GAAG;AAAA,KACJ,CAAA;AAAA,IACH,CAAC,eAAiB,EAAA,IAAA,EAAM,OAAO;AAAA,GACjC;AAEA,EAAM,MAAA,mBAAA,GAAsB,CAAC,GAAgB,KAAA;AAC3C,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAA,cAAA,CAAe,GAAG,CAAA;AAAA,GACpB;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAI,IAAA,OAAA,CAAQ,gBAAgB,WAAa,EAAA;AACvC,QAAA,UAAA,CAAW,EAAE,GAAG,OAAS,EAAA,WAAA,EAA0B,CAAA;AAAA;AACrD,KACF;AAAA,IACA,GAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,YAAA,CAAa,IAAK,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,eAAe,CAAC,CAAA;AAAA;AAC1D,GACC,EAAA,CAAC,QAAU,EAAA,eAAe,CAAC,CAAA;AAE9B,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,QAAW,GAAA,CAAA,CAAE,iBAAmB,EAAA,EAAE,OAAO,QAAU,EAAA,KAAA,IAAS,CAAE,EAAC,CAAI,GAAA,EAAA;AAAA,QAErE,cAAA,EAAgB,EAAE,2BAA2B,CAAA;AAAA,QAC7C,OAAA;AAAA,QACA,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,oBACC,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,gBAAe,QAC7B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,IAAY,QAAU,EAAA,KAAA,GAAQ,CAC7B,oBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,eAAA;AAAA,UACV,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA,UACtC,sBAAsB,CACpB,CAAA,KAAA,kBAAA,CAAmB,OAAO,CAAE,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,UAE3C,IAAA;AAAA,UACA;AAAA;AAAA;AACF,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid } from '@material-ui/core';\nimport { useEffect, useState } from 'react';\nimport { useQetaApi } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getEntities({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  useDebounce(\n    () => {\n      setFilters({ ...filters, searchQuery: searchQuery });\n    },\n    300,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <Box>\n      <QetaGridHeader\n        title={\n          response ? t('common.entities', { count: response?.total ?? 0 }) : ''\n        }\n        searchBarLabel={t('entitiesPage.search.label')}\n        loading={loading}\n        onSearch={onSearchQueryChange}\n      />\n      <Grid container justifyContent=\"center\">\n        <EntitiesGridContent\n          response={response}\n          loading={loading}\n          error={error}\n        />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={entitiesPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e =>\n              setEntitiesPerPage(Number(e.target.value))\n            }\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,EAAE,CAAA;AACzD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAAwB,CAAA;AAAA,IACpD,KAAO,EAAA,MAAA;AAAA,IACP,WAAa,EAAA;AAAA,GACd,CAAA;AACD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAA,GAAA,KACE,IAAI,WAAY,CAAA;AAAA,MACd,KAAO,EAAA,eAAA;AAAA,MACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,eAAA;AAAA,MACrB,GAAG;AAAA,KACJ,CAAA;AAAA,IACH,CAAC,eAAiB,EAAA,IAAA,EAAM,OAAO;AAAA,GACjC;AAEA,EAAM,MAAA,mBAAA,GAAsB,CAAC,GAAgB,KAAA;AAC3C,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAA,cAAA,CAAe,GAAG,CAAA;AAAA,GACpB;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAA,UAAA,CAAW,EAAE,GAAG,OAAS,EAAA,WAAA,EAA0B,CAAA;AAAA,KACrD;AAAA,IACA,GAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,YAAA,CAAa,IAAK,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,eAAe,CAAC,CAAA;AAAA;AAC1D,GACC,EAAA,CAAC,QAAU,EAAA,eAAe,CAAC,CAAA;AAE9B,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EACE,QAAW,GAAA,CAAA,CAAE,iBAAmB,EAAA,EAAE,OAAO,QAAU,EAAA,KAAA,IAAS,CAAE,EAAC,CAAI,GAAA,EAAA;AAAA,QAErE,cAAA,EAAgB,EAAE,2BAA2B,CAAA;AAAA,QAC7C,OAAA;AAAA,QACA,QAAU,EAAA;AAAA;AAAA,KACZ;AAAA,oBACC,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,gBAAe,QAC7B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,OAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,IAAY,QAAU,EAAA,KAAA,GAAQ,CAC7B,oBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,eAAA;AAAA,UACV,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA,UACtC,sBAAsB,CACpB,CAAA,KAAA,kBAAA,CAAmB,OAAO,CAAE,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,UAE3C,IAAA;AAAA,UACA;AAAA;AAAA;AACF,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect, Children, createElement } from 'react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
-import ReactMarkdown from 'react-markdown';
+import { MarkdownHooks } from 'react-markdown';
 import { a11yDark, a11yLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { makeStyles, Tooltip, IconButton, Typography } from '@material-ui/core';
 import { findEntityMentions, findTagMentions } from '@drodil/backstage-plugin-qeta-common';
@@ -18,6 +18,7 @@ import { qetaTranslationRef } from '../../translation.esm.js';
 import GithubSlugger from 'github-slugger';
 import { find } from 'unist-util-find';
 import { TagChip } from '../TagsAndEntities/TagChip.esm.js';
+import mermaid from 'remark-mermaidjs';
 
 const slugger = new GithubSlugger();
 const useStyles = makeStyles(
@@ -134,6 +135,9 @@ const useStyles = makeStyles(
         "& *:last-child": {
           marginBottom: 0
         },
+        "& path": {
+          stroke: `${theme.palette.text.primary} !important`
+        },
         ...overrides?.BackstageMarkdownContent ?? {}
       },
       codeBlockContainer: {
@@ -283,12 +287,11 @@ const MarkdownRenderer = (props) => {
       }
     ]);
   }
-  return /* @__PURE__ */ jsx(
-    ReactMarkdown,
+  return /* @__PURE__ */ jsx("div", { className: `${classes.markdown} ${mainClassName ?? ""}`.trim(), children: /* @__PURE__ */ jsx(
+    MarkdownHooks,
     {
-      remarkPlugins: [gfm],
+      remarkPlugins: [gfm, mermaid],
       rehypePlugins,
-      className: `${classes.markdown} ${mainClassName ?? ""}`.trim(),
       components: {
         h1: (p) => headingRenderer(p),
         h2: (p) => headingRenderer(p),
@@ -380,7 +383,7 @@ const MarkdownRenderer = (props) => {
       },
       children: content
     }
-  );
+  ) });
 };
 
 export { MarkdownRenderer };

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 ReactMarkdown 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  findTagMentions,\n  findEntityMentions,\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';\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        ...(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 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    <ReactMarkdown\n      remarkPlugins={[gfm]}\n      rehypePlugins={rehypePlugins}\n      className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}\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    </ReactMarkdown>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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 mermaid from 'remark-mermaidjs';\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 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, mermaid]}\n        rehypePlugins={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/PostForm/EntitiesInput.esm.js

@@ -11,6 +11,7 @@ import { qetaTranslationRef } from '../../translation.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import { compact } from 'lodash';
 import { renderGroup, AutocompleteListboxComponent } from './AutocompleteListComponent.esm.js';
+import { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';
 
 const EntitiesInput = (props) => {
   const {
@@ -41,11 +42,7 @@ const EntitiesInput = (props) => {
     if (kind) {
       return kind;
     }
-    let kinds = configApi.getOptionalStringArray("qeta.entityKinds");
-    if (!kinds) {
-      kinds = configApi.getOptionalStringArray("qeta.entities.kinds");
-    }
-    return kinds || ["Component", "System"];
+    return getSupportedEntityKinds(configApi);
   }, [configApi, kind]);
   const max = useMemo(() => {
     if (maximum) {
@@ -89,7 +86,8 @@ const EntitiesInput = (props) => {
           "metadata.namespace",
           "metadata.title",
           "metadata.description",
-          "spec.type"
+          "spec.type",
+          "spec.profile.displayName"
         ]
       }).catch((_) => setAvailableEntities(null)).then((data) => {
         setLoading(false);

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 { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useEffect,\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';\n\nexport const EntitiesInput = (props: {\n  value?: Entity[];\n  singleValue?: string;\n  onChange: (value: Entity[]) => void;\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}) => {\n  const {\n    value,\n    singleValue,\n    onChange,\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  } = 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(true);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const entityKinds: string[] = useMemo(() => {\n    if (kind) {\n      return kind;\n    }\n    let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n    if (!kinds) {\n      kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n    }\n    return kinds || ['Component', 'System'];\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  useEffect(() => {\n    if (singleValue) {\n      catalogApi.getEntityByRef(singleValue).then(data => {\n        setLoading(false);\n        if (data) {\n          setAvailableEntities([data]);\n        }\n      });\n    }\n  }, [catalogApi, singleValue]);\n\n  useEffect(() => {\n    if (singleValue) {\n      return;\n    }\n\n    if (useOnlyUsedEntities) {\n      qetaApi.getEntities().then(data => {\n        const refs = data.entities.map(r => r.entityRef);\n        catalogApi\n          .getEntitiesByRefs({ entityRefs: refs })\n          .catch(_ => setAvailableEntities(null))\n          .then(catalogData => {\n            setLoading(false);\n            setAvailableEntities(\n              catalogData ? compact(catalogData.items) : null,\n            );\n          });\n      });\n      return;\n    }\n\n    if (entityKinds && entityKinds.length > 0) {\n      catalogApi\n        .getEntities({\n          order: { field: 'kind', order: 'asc' },\n          filter: { kind: entityKinds },\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n            'metadata.description',\n            'spec.type',\n          ],\n        })\n        .catch(_ => setAvailableEntities(null))\n        .then(data => {\n          setLoading(false);\n          setAvailableEntities(data ? data.items : null);\n        });\n    }\n  }, [\n    catalogApi,\n    singleValue,\n    configApi,\n    entityKinds,\n    useOnlyUsedEntities,\n    qetaApi,\n  ]);\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Autocomplete\n      multiple\n      autoHighlight\n      autoComplete\n      className=\"qetaEntitiesInput\"\n      value={value}\n      disabled={disabled}\n      loading={loading}\n      loadingText={t('common.loading')}\n      groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n      renderGroup={renderGroup}\n      id=\"entities-select\"\n      handleHomeEndKeys\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 (!newValue) {\n          onChange([]);\n          return;\n        }\n        const val = Array.isArray(newValue) ? newValue : [newValue];\n        if (max === null || val.length <= max) {\n          onChange(val as Entity[]);\n        }\n      }}\n      renderOption={option => {\n        return (\n          <>\n            <Tooltip\n              arrow\n              placement=\"right\"\n              title={\n                <>\n                  <Typography>{getEntityTitle(option)}</Typography>\n                  <Typography variant=\"caption\">\n                    {stringifyEntityRef(option)}\n                  </Typography>\n                  <Typography variant=\"caption\">\n                    {option.metadata.description}\n                  </Typography>\n                </>\n              }\n            >\n              <span>{getEntityTitle(option, { withType: false })}</span>\n            </Tooltip>\n          </>\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', { max: max.toString() });\n          }\n        }\n\n        return (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\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  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useEffect,\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';\n\nexport const EntitiesInput = (props: {\n  value?: Entity[];\n  singleValue?: string;\n  onChange: (value: Entity[]) => void;\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}) => {\n  const {\n    value,\n    singleValue,\n    onChange,\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  } = 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(true);\n  const { t } = useTranslationRef(qetaTranslationRef);\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  useEffect(() => {\n    if (singleValue) {\n      catalogApi.getEntityByRef(singleValue).then(data => {\n        setLoading(false);\n        if (data) {\n          setAvailableEntities([data]);\n        }\n      });\n    }\n  }, [catalogApi, singleValue]);\n\n  useEffect(() => {\n    if (singleValue) {\n      return;\n    }\n\n    if (useOnlyUsedEntities) {\n      qetaApi.getEntities().then(data => {\n        const refs = data.entities.map(r => r.entityRef);\n        catalogApi\n          .getEntitiesByRefs({ entityRefs: refs })\n          .catch(_ => setAvailableEntities(null))\n          .then(catalogData => {\n            setLoading(false);\n            setAvailableEntities(\n              catalogData ? compact(catalogData.items) : null,\n            );\n          });\n      });\n      return;\n    }\n\n    if (entityKinds && entityKinds.length > 0) {\n      catalogApi\n        .getEntities({\n          order: { field: 'kind', order: 'asc' },\n          filter: { kind: entityKinds },\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n            'metadata.description',\n            'spec.type',\n            'spec.profile.displayName',\n          ],\n        })\n        .catch(_ => setAvailableEntities(null))\n        .then(data => {\n          setLoading(false);\n          setAvailableEntities(data ? data.items : null);\n        });\n    }\n  }, [\n    catalogApi,\n    singleValue,\n    configApi,\n    entityKinds,\n    useOnlyUsedEntities,\n    qetaApi,\n  ]);\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Autocomplete\n      multiple\n      autoHighlight\n      autoComplete\n      className=\"qetaEntitiesInput\"\n      value={value}\n      disabled={disabled}\n      loading={loading}\n      loadingText={t('common.loading')}\n      groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n      renderGroup={renderGroup}\n      id=\"entities-select\"\n      handleHomeEndKeys\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 (!newValue) {\n          onChange([]);\n          return;\n        }\n        const val = Array.isArray(newValue) ? newValue : [newValue];\n        if (max === null || val.length <= max) {\n          onChange(val as Entity[]);\n        }\n      }}\n      renderOption={option => {\n        return (\n          <>\n            <Tooltip\n              arrow\n              placement=\"right\"\n              title={\n                <>\n                  <Typography>{getEntityTitle(option)}</Typography>\n                  <Typography variant=\"caption\">\n                    {stringifyEntityRef(option)}\n                  </Typography>\n                  <Typography variant=\"caption\">\n                    {option.metadata.description}\n                  </Typography>\n                </>\n              }\n            >\n              <span>{getEntityTitle(option, { withType: false })}</span>\n            </Tooltip>\n          </>\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', { max: max.toString() });\n          }\n        }\n\n        return (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\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  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -63,7 +63,10 @@ const getValues = async (api, catalogApi, type, id) => {
       "kind",
       "metadata.name",
       "metadata.namespace",
-      "metadata.title"
+      "metadata.title",
+      "metadata.description",
+      "spec.profile.displayName",
+      "spec.type"
     ]
   }) : [];
   return {

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

@@ -1 +1 @@
-{"version":3,"file":"PostForm.esm.js","sources":["../../../src/components/PostForm/PostForm.tsx"],"sourcesContent":["import {\n  alertApiRef,\n  configApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Button,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Switch,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  PostRequest,\n  PostResponse,\n  PostStatus,\n  PostType,\n  QetaApi,\n  selectByPostType,\n  Template,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { TagInput } from './TagInput';\nimport { QuestionFormValues } from './types';\nimport { EntitiesInput } from './EntitiesInput';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport InfoIcon from '@material-ui/icons/Info';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\nimport { useDebounce } from 'react-use';\n\nconst formToRequest = (\n  form: QuestionFormValues,\n  images: number[],\n): PostRequest => {\n  return {\n    ...form,\n    entities: form.entities?.map(stringifyEntityRef),\n    images: images,\n  };\n};\n\nexport type PostFormProps = {\n  type: PostType;\n  id?: string;\n  entity?: string;\n  tags?: string[];\n  onPost?: (question: PostResponse) => void;\n  entityPage?: boolean;\n  template?: Template | null;\n  onFormChange?: (data: QuestionFormValues) => void;\n};\n\nconst getDefaultValues = (props: PostFormProps): QuestionFormValues => {\n  if (props.template) {\n    return {\n      title: props.template.questionTitle ?? '',\n      content: props.template.questionContent ?? '',\n      tags: props.template.tags ?? [],\n      entities: [],\n      type: props.type,\n      images: [],\n    };\n  }\n\n  return {\n    title: '',\n    content: '',\n    tags: props.tags ?? [],\n    entities: [],\n    type: props.type,\n    images: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  catalogApi: CatalogApi,\n  type: PostType,\n  id?: string,\n): Promise<QuestionFormValues> => {\n  if (!id) {\n    return getDefaultValues({ type });\n  }\n\n  const post = await api.getPost(id);\n  const entities =\n    post.entities && post.entities.length > 0\n      ? await catalogApi.getEntitiesByRefs({\n          entityRefs: post.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n      : [];\n  return {\n    title: post.title,\n    content: post.content,\n    tags: post.tags ?? [],\n    entities: 'items' in entities ? compact(entities.items) : [],\n    type,\n    headerImage: post.headerImage,\n    url: post.url,\n    images: post.images ?? [],\n    status: post.status,\n  };\n};\n\nexport const PostForm = (props: PostFormProps) => {\n  const { id, entity, onPost, entityPage, type, template, onFormChange } =\n    props;\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [entityRef, setEntityRef] = useState(entity);\n  const [posting, setPosting] = useState(false);\n  const [values, setValues] = useState(getDefaultValues(props));\n  const [error, setError] = useState(false);\n  const [loadError, setLoadError] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const [draftId, setDraftId] = useState<string | undefined>(id);\n  const [autoSaveEnabled, setAutoSaveEnabled] = useState(() => {\n    const saved = localStorage.getItem('qeta-auto-save-enabled');\n    return saved ? JSON.parse(saved) : false;\n  });\n  const [images, setImages] = useState<number[]>([]);\n  const [status, setStatus] = useState<PostStatus>('draft');\n  const [searchParams, _setSearchParams] = useSearchParams();\n  const [urlToCheck, setUrlToCheck] = useState('');\n  const validUrl = /^https?:\\/\\/\\S+$/;\n  const [favicon, setFavicon] = useState<string | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const configApi = useApi(configApiRef);\n  const alertApi = useApi(alertApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const minEntities = configApi.getOptionalNumber('qeta.entities.min') ?? 0;\n  const minTags = configApi.getOptionalNumber('qeta.tags.min') ?? 0;\n\n  const isLink = type === 'link';\n\n  const {\n    handleSubmit,\n    control,\n    reset,\n    getValues: getFormValues,\n    setValue,\n    formState: { errors, isSubmitting, isValid },\n  } = useForm<QuestionFormValues>({\n    values,\n    defaultValues: getDefaultValues(props),\n  });\n\n  const postQuestion = useCallback(\n    (data: QuestionFormValues, autoSave: boolean = false) => {\n      setPosting(true);\n      const route = selectByPostType(\n        type,\n        questionRoute,\n        articleRoute,\n        linkRoute,\n      );\n\n      const queryParams = new URLSearchParams();\n      if (entity) {\n        queryParams.set('entity', entity);\n      }\n      if (entityPage) {\n        queryParams.set('entityPage', 'true');\n      }\n\n      const postId = data.status === 'draft' ? draftId : id;\n\n      if (postId) {\n        qetaApi\n          .updatePost(postId, formToRequest(data, images))\n          .then(q => {\n            if (!q || !q.id) {\n              setError(true);\n              return;\n            }\n            setEdited(false);\n            analytics.captureEvent('edit', type);\n            if (data.status === 'draft' || autoSave) {\n              setDraftId(q.id.toString(10));\n              setPosting(false);\n              if (autoSave) {\n                alertApi.post({\n                  message: t('postForm.autoSaveSuccess'),\n                  severity: 'success',\n                  display: 'transient',\n                });\n              } else {\n                alertApi.post({\n                  message: t('postForm.draftSaved'),\n                  severity: 'success',\n                  display: 'transient',\n                });\n              }\n              return;\n            }\n\n            reset();\n            if (onPost) {\n              onPost(q);\n            } else if (entity) {\n              navigate(\n                `${route({\n                  id: q.id.toString(10),\n                })}?${queryParams.toString()}`,\n              );\n            } else {\n              navigate(route({ id: q.id.toString(10) }));\n            }\n          })\n          .catch(_e => {\n            setError(true);\n            setPosting(false);\n          });\n        return;\n      }\n      qetaApi\n        .createPost(formToRequest(data, images))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          if (data.status === 'draft' || autoSave) {\n            analytics.captureEvent('draft', type);\n            setDraftId(q.id.toString(10));\n            setPosting(false);\n            if (autoSave) {\n              alertApi.post({\n                message: t('postForm.autoSaveSuccess'),\n                severity: 'success',\n                display: 'transient',\n              });\n            } else {\n              alertApi.post({\n                message: t('postForm.draftSaved'),\n                severity: 'success',\n                display: 'transient',\n              });\n            }\n            return;\n          }\n          analytics.captureEvent('post', type);\n          reset();\n          if (entity) {\n            navigate(\n              `${route({\n                id: q.id.toString(10),\n              })}?${queryParams.toString()}`,\n            );\n          } else {\n            navigate(route({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n    },\n    [\n      type,\n      questionRoute,\n      articleRoute,\n      linkRoute,\n      entity,\n      entityPage,\n      draftId,\n      id,\n      qetaApi,\n      analytics,\n      reset,\n      onPost,\n      navigate,\n      images,\n      alertApi,\n      t,\n    ],\n  );\n\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n  useEffect(() => {\n    if (!entityRef) {\n      const e = searchParams.get('entity');\n      if (e) {\n        setEntityRef(e);\n      }\n    }\n  }, [entityRef, searchParams]);\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, catalogApi, type, id)\n        .then(data => {\n          setValues(data);\n          setImages(data.images);\n          setStatus(data.status ?? 'draft');\n        })\n        .catch(() => {\n          setDraftId(undefined);\n          setLoadError(true);\n        });\n    }\n  }, [qetaApi, catalogApi, type, id]);\n\n  useEffect(() => {\n    if (entityRef) {\n      catalogApi.getEntityByRef(entityRef).then(data => {\n        if (data) {\n          setValues(v => {\n            return { ...v, entities: [...(v.entities ?? []), data] };\n          });\n        }\n      });\n    }\n  }, [catalogApi, entityRef]);\n\n  useEffect(() => {\n    if (template && template.entities && template.entities.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({ entityRefs: template.entities })\n        .then(data => {\n          setValues(v => {\n            return {\n              ...v,\n              entities: compact([...(v.entities ?? []), ...data.items]),\n            };\n          });\n        });\n    }\n  }, [catalogApi, template]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useConfirmNavigationIfEdited(edited && !posting);\n\n  const onImageUpload = useCallback(\n    (imageId: number) => {\n      setImages(prevImages => [...prevImages, imageId]);\n      setEdited(true);\n    },\n    [setImages],\n  );\n\n  const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setTitleCharCount(e.target.value.length);\n    setValue('title', e.target.value, { shouldValidate: true });\n  };\n\n  const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setFavicon(undefined);\n    setValue('url', e.target.value, { shouldValidate: true });\n  };\n\n  const validateUrl = (value?: string) => {\n    if (value === '') {\n      setFavicon(undefined);\n      return false;\n    } else if (!value || !validUrl.test(value)) {\n      setFavicon(undefined);\n      return t('postForm.urlInput.invalid');\n    }\n\n    setUrlToCheck(value);\n    return true;\n  };\n\n  useDebounce(\n    () => {\n      if (!urlToCheck.length || !validUrl.test(urlToCheck)) {\n        return;\n      }\n\n      // some valid urls are not reachable => no error checking\n      qetaApi.fetchURLMetadata({ url: urlToCheck }).then(response => {\n        setFavicon(undefined);\n\n        if (response.title) {\n          setValue('title', response.title, { shouldValidate: true });\n        }\n\n        if (response.content) {\n          setValue('content', response.content, { shouldValidate: true });\n        }\n\n        if (response.image) {\n          setValue('headerImage', response.image, { shouldValidate: true });\n        }\n\n        if (response.favicon) {\n          setFavicon(response.favicon);\n        }\n      });\n    },\n    400,\n    [urlToCheck],\n  );\n\n  const autoSavePost = useCallback(() => {\n    if (autoSaveEnabled && edited && isValid && !posting) {\n      const formData = getFormValues();\n      if (formData.title && formData.content) {\n        postQuestion({ ...formData, status }, true);\n      }\n    }\n  }, [\n    autoSaveEnabled,\n    edited,\n    getFormValues,\n    status,\n    posting,\n    postQuestion,\n    isValid,\n  ]);\n\n  useDebounce(autoSavePost, 3100, [edited, autoSaveEnabled, isValid]);\n\n  const getSubmitButtonText = () => {\n    if (posting) {\n      return (\n        <span>\n          {t('postForm.submitting')}{' '}\n          <span className=\"spinner-border spinner-border-sm\" />\n        </span>\n      );\n    }\n    if (status === 'draft') {\n      return t('postForm.submit.publish');\n    }\n    return t('postForm.submit.existingPost');\n  };\n\n  const getDraftButtonText = () => {\n    if (posting) {\n      return (\n        <span>\n          {t('postForm.savingDraft')}{' '}\n          <span className=\"spinner-border spinner-border-sm\" />\n        </span>\n      );\n    }\n    if (draftId) {\n      return t('postForm.updateDraft');\n    }\n    return t('postForm.saveDraft');\n  };\n\n  const handleAutoSaveChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.checked;\n    setAutoSaveEnabled(newValue);\n    localStorage.setItem('qeta-auto-save-enabled', JSON.stringify(newValue));\n  };\n\n  if (loadError) {\n    return (\n      <Alert severity=\"error\">{t('postForm.errorLoading', { type })}</Alert>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={handleSubmit(data =>\n        postQuestion({ ...data, status: 'active' }),\n      )}\n      onChange={() => {\n        setEdited(true);\n        onFormChange?.(control._formValues as QuestionFormValues);\n      }}\n    >\n      {error && (\n        <Alert severity=\"error\">{t('postForm.errorPosting', { type })}</Alert>\n      )}\n      {type === 'article' && (\n        <Controller\n          control={control}\n          render={({ field: { onChange, value } }) => (\n            <HeaderImageInput\n              onChange={onChange}\n              onImageUpload={onImageUpload}\n              url={value}\n              postId={id ? Number(id) : undefined}\n            />\n          )}\n          name=\"headerImage\"\n        />\n      )}\n      {isLink && (\n        <Box mb={2} display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n          {favicon && (\n            <img\n              src={favicon}\n              alt=\"Favicon\"\n              style={{\n                width: 16,\n                height: 16,\n                marginRight: 4,\n                marginBottom: 16,\n              }}\n              onError={e => (e.currentTarget.style.display = 'none')}\n            />\n          )}\n          <Controller\n            name=\"url\"\n            control={control}\n            rules={{\n              required: true,\n              validate: validateUrl,\n            }}\n            render={() => (\n              <TextField\n                label={t('postForm.urlInput.label')}\n                className=\"qetaAskFormTitle\"\n                required\n                fullWidth\n                error={!!errors.url}\n                margin=\"normal\"\n                variant=\"outlined\"\n                name=\"url\"\n                helperText={\n                  errors.url?.message || (\n                    <span>{t('postForm.urlInput.helperText')}</span>\n                  )\n                }\n                placeholder={t('postForm.urlInput.placeholder')}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                value={control._formValues.url ?? ''}\n                onChange={handleUrlChange}\n              />\n            )}\n          />\n          {control._formValues.headerImage && (\n            <img\n              src={control._formValues.headerImage}\n              alt=\"Preview\"\n              onError={e => (e.currentTarget.style.display = 'none')}\n              style={{ maxHeight: 54, marginBottom: 14 }}\n            />\n          )}\n        </Box>\n      )}\n      <Box mb={2}>\n        <TextField\n          label={t('postForm.titleInput.label')}\n          className=\"qetaAskFormTitle\"\n          required\n          fullWidth\n          error={'title' in errors}\n          margin=\"normal\"\n          variant=\"outlined\"\n          name=\"title\"\n          helperText={\n            <span>\n              {t('postForm.titleInput.helperText', { type })}{' '}\n              <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n            </span>\n          }\n          placeholder={t(\n            isLink\n              ? 'postForm.titleInput.placeholder_link'\n              : 'postForm.titleInput.placeholder',\n          )}\n          FormHelperTextProps={{\n            style: { marginLeft: '0.2em' },\n          }}\n          value={control._formValues.title}\n          onChange={handleTitleChange}\n          inputProps={{ maxLength: 255 }}\n        />\n      </Box>\n      <Box\n        mb={1}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n      >\n        <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n          {t('postForm.contentInput.label', { type })}\n          <Tooltip title=\"Tips for a good question\">\n            <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n              {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            </IconButton>\n          </Tooltip>\n        </Typography>\n        <Box>\n          <Link\n            href=\"https://www.markdownguide.org/cheat-sheet/\"\n            target=\"_blank\"\n            color=\"inherit\"\n            rel=\"noopener noreferrer\"\n            style={{ fontSize: 12 }}\n          >\n            {t('postForm.contentInput.markdownHelp')}\n            <HelpIcon\n              style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n            />\n          </Link>\n        </Box>\n      </Box>\n      <Collapse in={showTips}>\n        <Box mb={2} p={2}>\n          <Typography variant=\"body2\">\n            <ul style={{ margin: 0, paddingLeft: 20 }}>\n              {selectByPostType(\n                type,\n                <>\n                  <li>{t('postForm.tips_question_1')}</li>\n                  <li>{t('postForm.tips_question_2')}</li>\n                  <li>{t('postForm.tips_question_3')}</li>\n                  <li>{t('postForm.tips_question_4')}</li>\n                </>,\n                <>\n                  <li>{t('postForm.tips_article_1')}</li>\n                  <li>{t('postForm.tips_article_2')}</li>\n                  <li>{t('postForm.tips_article_3')}</li>\n                  <li>{t('postForm.tips_article_4')}</li>\n                </>,\n                <>\n                  <li>{t('postForm.tips_link_1')}</li>\n                  <li>{t('postForm.tips_link_2')}</li>\n                </>,\n              )}\n            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: !isLink,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            required={!isLink}\n            value={value}\n            onChange={onChange}\n            height={!isLink ? 400 : 150}\n            error={'content' in errors}\n            placeholder={selectByPostType(\n              type,\n              t('postForm.contentInput.placeholder_question'),\n              t('postForm.contentInput.placeholder_article'),\n              t('postForm.contentInput.placeholder_link'),\n            )}\n            onImageUpload={onImageUpload}\n            postId={id ? Number(id) : undefined}\n            onTagsChange={tags => {\n              if (tags && tags.length > 0) {\n                const existing = getFormValues('tags') ?? [];\n                const newTags = [...new Set([...existing, ...tags])];\n                setValue('tags', newTags, { shouldValidate: true });\n              }\n            }}\n          />\n        )}\n        name=\"content\"\n      />\n      <Box mt={1} mb={1}>\n        <Controller\n          control={control}\n          rules={{\n            validate: value => {\n              if (minEntities > 0 && value && value.length < minEntities) {\n                return t('entitiesInput.minimumError', {\n                  min: minEntities.toString(),\n                });\n              }\n              return true;\n            },\n          }}\n          render={({ field, fieldState: { error: entityError } }) => (\n            <EntitiesInput\n              {...field}\n              singleValue={entityRef}\n              error={entityError}\n            />\n          )}\n          name=\"entities\"\n        />\n      </Box>\n      <Box mt={1} mb={1}>\n        <Controller\n          control={control}\n          rules={{\n            validate: value => {\n              if (minTags > 0 && value && value.length < minTags) {\n                return t('tagsInput.minimumError', { min: minTags.toString() });\n              }\n              return true;\n            },\n          }}\n          render={({ field, fieldState: { error: tagError } }) => {\n            return (\n              <TagInput\n                {...field}\n                error={tagError}\n                title={getFormValues('title')}\n                content={getFormValues('content')}\n              />\n            );\n          }}\n          name=\"tags\"\n        />\n      </Box>\n      {allowAnonymouns && !id && (\n        <Box mt={2} mb={2} display=\"flex\" alignItems=\"center\">\n          <PostAnonymouslyCheckbox\n            control={control}\n            label={t('anonymousCheckbox.postAnonymously')}\n          />\n          <Tooltip title={t('anonymousCheckbox.tooltip')}>\n            <InfoIcon fontSize=\"small\" style={{ marginLeft: 4 }} />\n          </Tooltip>\n        </Box>\n      )}\n      <Box\n        mt={3}\n        display=\"flex\"\n        style={{ gap: '16px' }}\n        justifyContent=\"space-between\"\n      >\n        <Box display=\"flex\" style={{ gap: '16px' }}>\n          <Button\n            color=\"primary\"\n            type=\"submit\"\n            variant=\"contained\"\n            disabled={posting || isSubmitting}\n            size=\"large\"\n          >\n            {getSubmitButtonText()}\n          </Button>\n          {status === 'draft' && (\n            <Button\n              color=\"secondary\"\n              variant=\"outlined\"\n              disabled={posting || isSubmitting}\n              size=\"large\"\n              onClick={handleSubmit(data =>\n                postQuestion({ ...data, status: 'draft' }),\n              )}\n            >\n              {getDraftButtonText()}\n            </Button>\n          )}\n        </Box>\n        <FormControlLabel\n          control={\n            <Tooltip title={t('postForm.autoSaveDraftTooltip')}>\n              <Switch\n                checked={autoSaveEnabled}\n                onChange={handleAutoSaveChange}\n                color=\"primary\"\n              />\n            </Tooltip>\n          }\n          label={t('postForm.autoSaveDraft')}\n        />\n      </Box>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostForm.esm.js","sources":["../../../src/components/PostForm/PostForm.tsx"],"sourcesContent":["import {\n  alertApiRef,\n  configApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Button,\n  Collapse,\n  FormControlLabel,\n  IconButton,\n  Link,\n  Switch,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  PostRequest,\n  PostResponse,\n  PostStatus,\n  PostType,\n  QetaApi,\n  selectByPostType,\n  Template,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport { compact } from 'lodash';\nimport { TagInput } from './TagInput';\nimport { QuestionFormValues } from './types';\nimport { EntitiesInput } from './EntitiesInput';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport InfoIcon from '@material-ui/icons/Info';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\nimport { useDebounce } from 'react-use';\n\nconst formToRequest = (\n  form: QuestionFormValues,\n  images: number[],\n): PostRequest => {\n  return {\n    ...form,\n    entities: form.entities?.map(stringifyEntityRef),\n    images: images,\n  };\n};\n\nexport type PostFormProps = {\n  type: PostType;\n  id?: string;\n  entity?: string;\n  tags?: string[];\n  onPost?: (question: PostResponse) => void;\n  entityPage?: boolean;\n  template?: Template | null;\n  onFormChange?: (data: QuestionFormValues) => void;\n};\n\nconst getDefaultValues = (props: PostFormProps): QuestionFormValues => {\n  if (props.template) {\n    return {\n      title: props.template.questionTitle ?? '',\n      content: props.template.questionContent ?? '',\n      tags: props.template.tags ?? [],\n      entities: [],\n      type: props.type,\n      images: [],\n    };\n  }\n\n  return {\n    title: '',\n    content: '',\n    tags: props.tags ?? [],\n    entities: [],\n    type: props.type,\n    images: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  catalogApi: CatalogApi,\n  type: PostType,\n  id?: string,\n): Promise<QuestionFormValues> => {\n  if (!id) {\n    return getDefaultValues({ type });\n  }\n\n  const post = await api.getPost(id);\n  const entities =\n    post.entities && post.entities.length > 0\n      ? await catalogApi.getEntitiesByRefs({\n          entityRefs: post.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n            'metadata.description',\n            'spec.profile.displayName',\n            'spec.type',\n          ],\n        })\n      : [];\n  return {\n    title: post.title,\n    content: post.content,\n    tags: post.tags ?? [],\n    entities: 'items' in entities ? compact(entities.items) : [],\n    type,\n    headerImage: post.headerImage,\n    url: post.url,\n    images: post.images ?? [],\n    status: post.status,\n  };\n};\n\nexport const PostForm = (props: PostFormProps) => {\n  const { id, entity, onPost, entityPage, type, template, onFormChange } =\n    props;\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [entityRef, setEntityRef] = useState(entity);\n  const [posting, setPosting] = useState(false);\n  const [values, setValues] = useState(getDefaultValues(props));\n  const [error, setError] = useState(false);\n  const [loadError, setLoadError] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const [draftId, setDraftId] = useState<string | undefined>(id);\n  const [autoSaveEnabled, setAutoSaveEnabled] = useState(() => {\n    const saved = localStorage.getItem('qeta-auto-save-enabled');\n    return saved ? JSON.parse(saved) : false;\n  });\n  const [images, setImages] = useState<number[]>([]);\n  const [status, setStatus] = useState<PostStatus>('draft');\n  const [searchParams, _setSearchParams] = useSearchParams();\n  const [urlToCheck, setUrlToCheck] = useState('');\n  const validUrl = /^https?:\\/\\/\\S+$/;\n  const [favicon, setFavicon] = useState<string | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const configApi = useApi(configApiRef);\n  const alertApi = useApi(alertApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const minEntities = configApi.getOptionalNumber('qeta.entities.min') ?? 0;\n  const minTags = configApi.getOptionalNumber('qeta.tags.min') ?? 0;\n\n  const isLink = type === 'link';\n\n  const {\n    handleSubmit,\n    control,\n    reset,\n    getValues: getFormValues,\n    setValue,\n    formState: { errors, isSubmitting, isValid },\n  } = useForm<QuestionFormValues>({\n    values,\n    defaultValues: getDefaultValues(props),\n  });\n\n  const postQuestion = useCallback(\n    (data: QuestionFormValues, autoSave: boolean = false) => {\n      setPosting(true);\n      const route = selectByPostType(\n        type,\n        questionRoute,\n        articleRoute,\n        linkRoute,\n      );\n\n      const queryParams = new URLSearchParams();\n      if (entity) {\n        queryParams.set('entity', entity);\n      }\n      if (entityPage) {\n        queryParams.set('entityPage', 'true');\n      }\n\n      const postId = data.status === 'draft' ? draftId : id;\n\n      if (postId) {\n        qetaApi\n          .updatePost(postId, formToRequest(data, images))\n          .then(q => {\n            if (!q || !q.id) {\n              setError(true);\n              return;\n            }\n            setEdited(false);\n            analytics.captureEvent('edit', type);\n            if (data.status === 'draft' || autoSave) {\n              setDraftId(q.id.toString(10));\n              setPosting(false);\n              if (autoSave) {\n                alertApi.post({\n                  message: t('postForm.autoSaveSuccess'),\n                  severity: 'success',\n                  display: 'transient',\n                });\n              } else {\n                alertApi.post({\n                  message: t('postForm.draftSaved'),\n                  severity: 'success',\n                  display: 'transient',\n                });\n              }\n              return;\n            }\n\n            reset();\n            if (onPost) {\n              onPost(q);\n            } else if (entity) {\n              navigate(\n                `${route({\n                  id: q.id.toString(10),\n                })}?${queryParams.toString()}`,\n              );\n            } else {\n              navigate(route({ id: q.id.toString(10) }));\n            }\n          })\n          .catch(_e => {\n            setError(true);\n            setPosting(false);\n          });\n        return;\n      }\n      qetaApi\n        .createPost(formToRequest(data, images))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          if (data.status === 'draft' || autoSave) {\n            analytics.captureEvent('draft', type);\n            setDraftId(q.id.toString(10));\n            setPosting(false);\n            if (autoSave) {\n              alertApi.post({\n                message: t('postForm.autoSaveSuccess'),\n                severity: 'success',\n                display: 'transient',\n              });\n            } else {\n              alertApi.post({\n                message: t('postForm.draftSaved'),\n                severity: 'success',\n                display: 'transient',\n              });\n            }\n            return;\n          }\n          analytics.captureEvent('post', type);\n          reset();\n          if (entity) {\n            navigate(\n              `${route({\n                id: q.id.toString(10),\n              })}?${queryParams.toString()}`,\n            );\n          } else {\n            navigate(route({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n    },\n    [\n      type,\n      questionRoute,\n      articleRoute,\n      linkRoute,\n      entity,\n      entityPage,\n      draftId,\n      id,\n      qetaApi,\n      analytics,\n      reset,\n      onPost,\n      navigate,\n      images,\n      alertApi,\n      t,\n    ],\n  );\n\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n  useEffect(() => {\n    if (!entityRef) {\n      const e = searchParams.get('entity');\n      if (e) {\n        setEntityRef(e);\n      }\n    }\n  }, [entityRef, searchParams]);\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, catalogApi, type, id)\n        .then(data => {\n          setValues(data);\n          setImages(data.images);\n          setStatus(data.status ?? 'draft');\n        })\n        .catch(() => {\n          setDraftId(undefined);\n          setLoadError(true);\n        });\n    }\n  }, [qetaApi, catalogApi, type, id]);\n\n  useEffect(() => {\n    if (entityRef) {\n      catalogApi.getEntityByRef(entityRef).then(data => {\n        if (data) {\n          setValues(v => {\n            return { ...v, entities: [...(v.entities ?? []), data] };\n          });\n        }\n      });\n    }\n  }, [catalogApi, entityRef]);\n\n  useEffect(() => {\n    if (template && template.entities && template.entities.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({ entityRefs: template.entities })\n        .then(data => {\n          setValues(v => {\n            return {\n              ...v,\n              entities: compact([...(v.entities ?? []), ...data.items]),\n            };\n          });\n        });\n    }\n  }, [catalogApi, template]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useConfirmNavigationIfEdited(edited && !posting);\n\n  const onImageUpload = useCallback(\n    (imageId: number) => {\n      setImages(prevImages => [...prevImages, imageId]);\n      setEdited(true);\n    },\n    [setImages],\n  );\n\n  const handleTitleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setTitleCharCount(e.target.value.length);\n    setValue('title', e.target.value, { shouldValidate: true });\n  };\n\n  const handleUrlChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    setFavicon(undefined);\n    setValue('url', e.target.value, { shouldValidate: true });\n  };\n\n  const validateUrl = (value?: string) => {\n    if (value === '') {\n      setFavicon(undefined);\n      return false;\n    } else if (!value || !validUrl.test(value)) {\n      setFavicon(undefined);\n      return t('postForm.urlInput.invalid');\n    }\n\n    setUrlToCheck(value);\n    return true;\n  };\n\n  useDebounce(\n    () => {\n      if (!urlToCheck.length || !validUrl.test(urlToCheck)) {\n        return;\n      }\n\n      // some valid urls are not reachable => no error checking\n      qetaApi.fetchURLMetadata({ url: urlToCheck }).then(response => {\n        setFavicon(undefined);\n\n        if (response.title) {\n          setValue('title', response.title, { shouldValidate: true });\n        }\n\n        if (response.content) {\n          setValue('content', response.content, { shouldValidate: true });\n        }\n\n        if (response.image) {\n          setValue('headerImage', response.image, { shouldValidate: true });\n        }\n\n        if (response.favicon) {\n          setFavicon(response.favicon);\n        }\n      });\n    },\n    400,\n    [urlToCheck],\n  );\n\n  const autoSavePost = useCallback(() => {\n    if (autoSaveEnabled && edited && isValid && !posting) {\n      const formData = getFormValues();\n      if (formData.title && formData.content) {\n        postQuestion({ ...formData, status }, true);\n      }\n    }\n  }, [\n    autoSaveEnabled,\n    edited,\n    getFormValues,\n    status,\n    posting,\n    postQuestion,\n    isValid,\n  ]);\n\n  useDebounce(autoSavePost, 3100, [edited, autoSaveEnabled, isValid]);\n\n  const getSubmitButtonText = () => {\n    if (posting) {\n      return (\n        <span>\n          {t('postForm.submitting')}{' '}\n          <span className=\"spinner-border spinner-border-sm\" />\n        </span>\n      );\n    }\n    if (status === 'draft') {\n      return t('postForm.submit.publish');\n    }\n    return t('postForm.submit.existingPost');\n  };\n\n  const getDraftButtonText = () => {\n    if (posting) {\n      return (\n        <span>\n          {t('postForm.savingDraft')}{' '}\n          <span className=\"spinner-border spinner-border-sm\" />\n        </span>\n      );\n    }\n    if (draftId) {\n      return t('postForm.updateDraft');\n    }\n    return t('postForm.saveDraft');\n  };\n\n  const handleAutoSaveChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.checked;\n    setAutoSaveEnabled(newValue);\n    localStorage.setItem('qeta-auto-save-enabled', JSON.stringify(newValue));\n  };\n\n  if (loadError) {\n    return (\n      <Alert severity=\"error\">{t('postForm.errorLoading', { type })}</Alert>\n    );\n  }\n\n  return (\n    <form\n      onSubmit={handleSubmit(data =>\n        postQuestion({ ...data, status: 'active' }),\n      )}\n      onChange={() => {\n        setEdited(true);\n        onFormChange?.(control._formValues as QuestionFormValues);\n      }}\n    >\n      {error && (\n        <Alert severity=\"error\">{t('postForm.errorPosting', { type })}</Alert>\n      )}\n      {type === 'article' && (\n        <Controller\n          control={control}\n          render={({ field: { onChange, value } }) => (\n            <HeaderImageInput\n              onChange={onChange}\n              onImageUpload={onImageUpload}\n              url={value}\n              postId={id ? Number(id) : undefined}\n            />\n          )}\n          name=\"headerImage\"\n        />\n      )}\n      {isLink && (\n        <Box mb={2} display=\"flex\" alignItems=\"center\" style={{ gap: 8 }}>\n          {favicon && (\n            <img\n              src={favicon}\n              alt=\"Favicon\"\n              style={{\n                width: 16,\n                height: 16,\n                marginRight: 4,\n                marginBottom: 16,\n              }}\n              onError={e => (e.currentTarget.style.display = 'none')}\n            />\n          )}\n          <Controller\n            name=\"url\"\n            control={control}\n            rules={{\n              required: true,\n              validate: validateUrl,\n            }}\n            render={() => (\n              <TextField\n                label={t('postForm.urlInput.label')}\n                className=\"qetaAskFormTitle\"\n                required\n                fullWidth\n                error={!!errors.url}\n                margin=\"normal\"\n                variant=\"outlined\"\n                name=\"url\"\n                helperText={\n                  errors.url?.message || (\n                    <span>{t('postForm.urlInput.helperText')}</span>\n                  )\n                }\n                placeholder={t('postForm.urlInput.placeholder')}\n                FormHelperTextProps={{\n                  style: { marginLeft: '0.2em' },\n                }}\n                value={control._formValues.url ?? ''}\n                onChange={handleUrlChange}\n              />\n            )}\n          />\n          {control._formValues.headerImage && (\n            <img\n              src={control._formValues.headerImage}\n              alt=\"Preview\"\n              onError={e => (e.currentTarget.style.display = 'none')}\n              style={{ maxHeight: 54, marginBottom: 14 }}\n            />\n          )}\n        </Box>\n      )}\n      <Box mb={2}>\n        <TextField\n          label={t('postForm.titleInput.label')}\n          className=\"qetaAskFormTitle\"\n          required\n          fullWidth\n          error={'title' in errors}\n          margin=\"normal\"\n          variant=\"outlined\"\n          name=\"title\"\n          helperText={\n            <span>\n              {t('postForm.titleInput.helperText', { type })}{' '}\n              <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n            </span>\n          }\n          placeholder={t(\n            isLink\n              ? 'postForm.titleInput.placeholder_link'\n              : 'postForm.titleInput.placeholder',\n          )}\n          FormHelperTextProps={{\n            style: { marginLeft: '0.2em' },\n          }}\n          value={control._formValues.title}\n          onChange={handleTitleChange}\n          inputProps={{ maxLength: 255 }}\n        />\n      </Box>\n      <Box\n        mb={1}\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n      >\n        <Typography variant=\"subtitle1\" style={{ fontWeight: 500 }}>\n          {t('postForm.contentInput.label', { type })}\n          <Tooltip title=\"Tips for a good question\">\n            <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n              {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            </IconButton>\n          </Tooltip>\n        </Typography>\n        <Box>\n          <Link\n            href=\"https://www.markdownguide.org/cheat-sheet/\"\n            target=\"_blank\"\n            color=\"inherit\"\n            rel=\"noopener noreferrer\"\n            style={{ fontSize: 12 }}\n          >\n            {t('postForm.contentInput.markdownHelp')}\n            <HelpIcon\n              style={{ fontSize: 12, marginLeft: 4, verticalAlign: 'middle' }}\n            />\n          </Link>\n        </Box>\n      </Box>\n      <Collapse in={showTips}>\n        <Box mb={2} p={2}>\n          <Typography variant=\"body2\">\n            <ul style={{ margin: 0, paddingLeft: 20 }}>\n              {selectByPostType(\n                type,\n                <>\n                  <li>{t('postForm.tips_question_1')}</li>\n                  <li>{t('postForm.tips_question_2')}</li>\n                  <li>{t('postForm.tips_question_3')}</li>\n                  <li>{t('postForm.tips_question_4')}</li>\n                </>,\n                <>\n                  <li>{t('postForm.tips_article_1')}</li>\n                  <li>{t('postForm.tips_article_2')}</li>\n                  <li>{t('postForm.tips_article_3')}</li>\n                  <li>{t('postForm.tips_article_4')}</li>\n                </>,\n                <>\n                  <li>{t('postForm.tips_link_1')}</li>\n                  <li>{t('postForm.tips_link_2')}</li>\n                </>,\n              )}\n            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: !isLink,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            required={!isLink}\n            value={value}\n            onChange={onChange}\n            height={!isLink ? 400 : 150}\n            error={'content' in errors}\n            placeholder={selectByPostType(\n              type,\n              t('postForm.contentInput.placeholder_question'),\n              t('postForm.contentInput.placeholder_article'),\n              t('postForm.contentInput.placeholder_link'),\n            )}\n            onImageUpload={onImageUpload}\n            postId={id ? Number(id) : undefined}\n            onTagsChange={tags => {\n              if (tags && tags.length > 0) {\n                const existing = getFormValues('tags') ?? [];\n                const newTags = [...new Set([...existing, ...tags])];\n                setValue('tags', newTags, { shouldValidate: true });\n              }\n            }}\n          />\n        )}\n        name=\"content\"\n      />\n      <Box mt={1} mb={1}>\n        <Controller\n          control={control}\n          rules={{\n            validate: value => {\n              if (minEntities > 0 && value && value.length < minEntities) {\n                return t('entitiesInput.minimumError', {\n                  min: minEntities.toString(),\n                });\n              }\n              return true;\n            },\n          }}\n          render={({ field, fieldState: { error: entityError } }) => (\n            <EntitiesInput\n              {...field}\n              singleValue={entityRef}\n              error={entityError}\n            />\n          )}\n          name=\"entities\"\n        />\n      </Box>\n      <Box mt={1} mb={1}>\n        <Controller\n          control={control}\n          rules={{\n            validate: value => {\n              if (minTags > 0 && value && value.length < minTags) {\n                return t('tagsInput.minimumError', { min: minTags.toString() });\n              }\n              return true;\n            },\n          }}\n          render={({ field, fieldState: { error: tagError } }) => {\n            return (\n              <TagInput\n                {...field}\n                error={tagError}\n                title={getFormValues('title')}\n                content={getFormValues('content')}\n              />\n            );\n          }}\n          name=\"tags\"\n        />\n      </Box>\n      {allowAnonymouns && !id && (\n        <Box mt={2} mb={2} display=\"flex\" alignItems=\"center\">\n          <PostAnonymouslyCheckbox\n            control={control}\n            label={t('anonymousCheckbox.postAnonymously')}\n          />\n          <Tooltip title={t('anonymousCheckbox.tooltip')}>\n            <InfoIcon fontSize=\"small\" style={{ marginLeft: 4 }} />\n          </Tooltip>\n        </Box>\n      )}\n      <Box\n        mt={3}\n        display=\"flex\"\n        style={{ gap: '16px' }}\n        justifyContent=\"space-between\"\n      >\n        <Box display=\"flex\" style={{ gap: '16px' }}>\n          <Button\n            color=\"primary\"\n            type=\"submit\"\n            variant=\"contained\"\n            disabled={posting || isSubmitting}\n            size=\"large\"\n          >\n            {getSubmitButtonText()}\n          </Button>\n          {status === 'draft' && (\n            <Button\n              color=\"secondary\"\n              variant=\"outlined\"\n              disabled={posting || isSubmitting}\n              size=\"large\"\n              onClick={handleSubmit(data =>\n                postQuestion({ ...data, status: 'draft' }),\n              )}\n            >\n              {getDraftButtonText()}\n            </Button>\n          )}\n        </Box>\n        <FormControlLabel\n          control={\n            <Tooltip title={t('postForm.autoSaveDraftTooltip')}>\n              <Switch\n                checked={autoSaveEnabled}\n                onChange={handleAutoSaveChange}\n                color=\"primary\"\n              />\n            </Tooltip>\n          }\n          label={t('postForm.autoSaveDraft')}\n        />\n      </Box>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/utils/utils.esm.js

@@ -1,4 +1,4 @@
-import { stringifyEntityRef } from '@backstage/catalog-model';
+import { isUserEntity, isGroupEntity, stringifyEntityRef } from '@backstage/catalog-model';
 import FileType from 'file-type';
 import { useEffect } from 'react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
@@ -34,6 +34,9 @@ const formatEntityName = (username) => {
 };
 const getEntityTitle = (entity, opts) => {
   const { withType } = opts || { withType: true };
+  if ((isUserEntity(entity) || isGroupEntity(entity)) && entity.spec?.profile?.displayName) {
+    return entity.spec.profile.displayName;
+  }
   const stringified = stringifyEntityRef(entity);
   return `${entity.metadata.title ?? formatEntityName(stringified) ?? stringified}${withType && entity.spec?.type ? ` (${entity.spec.type})` : ""}`;
 };

package/dist/utils/utils.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.esm.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { Filters } from '../components/FilterPanel/FilterPanel';\nimport FileType from 'file-type';\nimport { ErrorApi } from '@backstage/core-plugin-api';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation.ts';\n\nexport const imageUpload = (opts: {\n  qetaApi: QetaApi;\n  errorApi: ErrorApi;\n  onImageUpload?: (id: number) => void;\n  postId?: number;\n  answerId?: number;\n  collectionId?: number;\n}) => {\n  const { qetaApi, errorApi, onImageUpload, postId, answerId, collectionId } =\n    opts;\n  // eslint-disable-next-line func-names\n  return async function* (data: ArrayBuffer) {\n    const fileType = await FileType.fromBuffer(data);\n\n    const mimeType = fileType ? fileType.mime : 'text/plain';\n    const attachment = await qetaApi.postAttachment(\n      new Blob([data], { type: mimeType }),\n      { postId, answerId, collectionId },\n    );\n    if ('errors' in attachment) {\n      errorApi.post({\n        name: 'Upload failed',\n        message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n      });\n      return false;\n    }\n    onImageUpload?.(attachment.id);\n    yield attachment.locationUri;\n    return true;\n  };\n};\n\nexport const formatEntityName = (username?: string) => {\n  if (!username) {\n    return '';\n  }\n  const plainName = username.split(/[/:]+/).pop();\n  return plainName\n    ?.split(/[_.-]+/)\n    .map(a => a.charAt(0).toUpperCase() + a.slice(1))\n    .join(' ');\n};\n\nexport const getEntityTitle = (\n  entity: Entity,\n  opts?: { withType: boolean },\n): string => {\n  const { withType } = opts || { withType: true };\n  const stringified = stringifyEntityRef(entity);\n  return `${\n    entity.metadata.title ?? formatEntityName(stringified) ?? stringified\n  }${withType && entity.spec?.type ? ` (${entity.spec.type})` : ''}`;\n};\n\nexport const formatDate = (localDate: Date) => {\n  let date: any = localDate.getDate();\n  let month: any = localDate.getMonth() + 1;\n  if (date < 10) {\n    date = `0${date}`;\n  }\n\n  if (month < 10) {\n    month = `0${month}`;\n  }\n  return `${localDate.getFullYear()}-${month}-${date}`;\n};\n\nexport type FiltersWithDateRange = Filters & {\n  fromDate: string;\n  toDate: string;\n};\n\nexport const getFiltersWithDateRange = (filters: Filters) => {\n  let filtersWithDateRange: FiltersWithDateRange;\n  const to = new Date();\n  const from = new Date(to);\n  if (filters.dateRange) {\n    let fromDate = '';\n    let toDate = '';\n\n    switch (filters.dateRange) {\n      case '7-days':\n        toDate = formatDate(to);\n        from.setDate(to.getDate() - 6);\n        fromDate = formatDate(from);\n        break;\n\n      case '30-days':\n        toDate = formatDate(to);\n        from.setDate(to.getDate() - 29);\n        fromDate = formatDate(from);\n        break;\n      default:\n        if (filters.dateRange.indexOf('--') > 0) {\n          fromDate = filters.dateRange.split('--')[0];\n          toDate = filters.dateRange.split('--')[1];\n        }\n        break;\n    }\n    if (fromDate && toDate) {\n      filtersWithDateRange = { ...filters, fromDate, toDate };\n      delete filtersWithDateRange.dateRange;\n      return filtersWithDateRange;\n    }\n  }\n\n  if ('dateRange' in filters) {\n    delete filters.dateRange;\n  }\n\n  return filters;\n};\n\nexport const useConfirmNavigationIfEdited = (edited: boolean) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const msg = t('common.unsaved_changes');\n\n  useEffect(() => {\n    const handleBeforeUnload = (event: BeforeUnloadEvent) => {\n      if (edited) {\n        event.preventDefault();\n        event.returnValue = msg; // Included for legacy support, e.g. Chrome/Edge < 119\n      }\n    };\n\n    const handleLocationChange = (event: any) => {\n      if (edited) {\n        // eslint-disable-next-line no-alert\n        const response = window.confirm(msg);\n        if (!response) {\n          event.preventDefault();\n        }\n      }\n    };\n\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    // Modern browsers with Navigation API\n    if ('navigation' in window && window.navigation) {\n      // @ts-ignore\n      window.navigation.addEventListener('navigate', handleLocationChange);\n\n      return () => {\n        window.removeEventListener('beforeunload', handleBeforeUnload);\n        // @ts-ignore\n        window.navigation.removeEventListener('navigate', handleLocationChange);\n      };\n    }\n\n    // Fallback: Use popstate + history monitoring\n    window.addEventListener('popstate', handleLocationChange);\n\n    const originalPushState = window.history.pushState;\n    const originalReplaceState = window.history.replaceState;\n\n    window.history.pushState = (...args) => {\n      originalPushState.apply(window.history, args);\n      handleLocationChange(new PopStateEvent('navigate', { state: args[0] }));\n    };\n\n    window.history.replaceState = (...args) => {\n      originalReplaceState.apply(window.history, args);\n      handleLocationChange(new PopStateEvent('navigate', { state: args[0] }));\n    };\n\n    return () => {\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n      window.removeEventListener('popstate', handleLocationChange);\n      window.history.pushState = originalPushState;\n      window.history.replaceState = originalReplaceState;\n    };\n  }, [edited, msg]);\n};\n"],"names":[],"mappings":";;;;;;AASa,MAAA,WAAA,GAAc,CAAC,IAOtB,KAAA;AACJ,EAAA,MAAM,EAAE,OAAS,EAAA,QAAA,EAAU,eAAe,MAAQ,EAAA,QAAA,EAAU,cAC1D,GAAA,IAAA;AAEF,EAAA,OAAO,iBAAiB,IAAmB,EAAA;AACzC,IAAA,MAAM,QAAW,GAAA,MAAM,QAAS,CAAA,UAAA,CAAW,IAAI,CAAA;AAE/C,IAAM,MAAA,QAAA,GAAW,QAAW,GAAA,QAAA,CAAS,IAAO,GAAA,YAAA;AAC5C,IAAM,MAAA,UAAA,GAAa,MAAM,OAAQ,CAAA,cAAA;AAAA,MAC/B,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,IAAA,EAAM,UAAU,CAAA;AAAA,MACnC,EAAE,MAAQ,EAAA,QAAA,EAAU,YAAa;AAAA,KACnC;AACA,IAAA,IAAI,YAAY,UAAY,EAAA;AAC1B,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,IAAM,EAAA,eAAA;AAAA,QACN,OAAA,EAAS,UAAW,CAAA,MAAA,EAAQ,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,OAAO,CAAA,CAAE,IAAK,CAAA,IAAI,CAAK,IAAA;AAAA,OAC/D,CAAA;AACD,MAAO,OAAA,KAAA;AAAA;AAET,IAAA,aAAA,GAAgB,WAAW,EAAE,CAAA;AAC7B,IAAA,MAAM,UAAW,CAAA,WAAA;AACjB,IAAO,OAAA,IAAA;AAAA,GACT;AACF;AAEa,MAAA,gBAAA,GAAmB,CAAC,QAAsB,KAAA;AACrD,EAAA,IAAI,CAAC,QAAU,EAAA;AACb,IAAO,OAAA,EAAA;AAAA;AAET,EAAA,MAAM,SAAY,GAAA,QAAA,CAAS,KAAM,CAAA,OAAO,EAAE,GAAI,EAAA;AAC9C,EAAA,OAAO,WACH,KAAM,CAAA,QAAQ,EACf,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,KAAgB,CAAE,CAAA,KAAA,CAAM,CAAC,CAAC,CAAA,CAC/C,KAAK,GAAG,CAAA;AACb;AAEa,MAAA,cAAA,GAAiB,CAC5B,MAAA,EACA,IACW,KAAA;AACX,EAAA,MAAM,EAAE,QAAS,EAAA,GAAI,IAAQ,IAAA,EAAE,UAAU,IAAK,EAAA;AAC9C,EAAM,MAAA,WAAA,GAAc,mBAAmB,MAAM,CAAA;AAC7C,EAAA,OAAO,GACL,MAAO,CAAA,QAAA,CAAS,SAAS,gBAAiB,CAAA,WAAW,KAAK,WAC5D,CAAA,EAAG,QAAY,IAAA,MAAA,CAAO,MAAM,IAAO,GAAA,CAAA,EAAA,EAAK,OAAO,IAAK,CAAA,IAAI,MAAM,EAAE,CAAA,CAAA;AAClE;AAEa,MAAA,UAAA,GAAa,CAAC,SAAoB,KAAA;AAC7C,EAAI,IAAA,IAAA,GAAY,UAAU,OAAQ,EAAA;AAClC,EAAI,IAAA,KAAA,GAAa,SAAU,CAAA,QAAA,EAAa,GAAA,CAAA;AACxC,EAAA,IAAI,OAAO,EAAI,EAAA;AACb,IAAA,IAAA,GAAO,IAAI,IAAI,CAAA,CAAA;AAAA;AAGjB,EAAA,IAAI,QAAQ,EAAI,EAAA;AACd,IAAA,KAAA,GAAQ,IAAI,KAAK,CAAA,CAAA;AAAA;AAEnB,EAAA,OAAO,GAAG,SAAU,CAAA,WAAA,EAAa,CAAI,CAAA,EAAA,KAAK,IAAI,IAAI,CAAA,CAAA;AACpD;AAOa,MAAA,uBAAA,GAA0B,CAAC,OAAqB,KAAA;AAC3D,EAAI,IAAA,oBAAA;AACJ,EAAM,MAAA,EAAA,uBAAS,IAAK,EAAA;AACpB,EAAM,MAAA,IAAA,GAAO,IAAI,IAAA,CAAK,EAAE,CAAA;AACxB,EAAA,IAAI,QAAQ,SAAW,EAAA;AACrB,IAAA,IAAI,QAAW,GAAA,EAAA;AACf,IAAA,IAAI,MAAS,GAAA,EAAA;AAEb,IAAA,QAAQ,QAAQ,SAAW;AAAA,MACzB,KAAK,QAAA;AACH,QAAA,MAAA,GAAS,WAAW,EAAE,CAAA;AACtB,QAAA,IAAA,CAAK,OAAQ,CAAA,EAAA,CAAG,OAAQ,EAAA,GAAI,CAAC,CAAA;AAC7B,QAAA,QAAA,GAAW,WAAW,IAAI,CAAA;AAC1B,QAAA;AAAA,MAEF,KAAK,SAAA;AACH,QAAA,MAAA,GAAS,WAAW,EAAE,CAAA;AACtB,QAAA,IAAA,CAAK,OAAQ,CAAA,EAAA,CAAG,OAAQ,EAAA,GAAI,EAAE,CAAA;AAC9B,QAAA,QAAA,GAAW,WAAW,IAAI,CAAA;AAC1B,QAAA;AAAA,MACF;AACE,QAAA,IAAI,OAAQ,CAAA,SAAA,CAAU,OAAQ,CAAA,IAAI,IAAI,CAAG,EAAA;AACvC,UAAA,QAAA,GAAW,OAAQ,CAAA,SAAA,CAAU,KAAM,CAAA,IAAI,EAAE,CAAC,CAAA;AAC1C,UAAA,MAAA,GAAS,OAAQ,CAAA,SAAA,CAAU,KAAM,CAAA,IAAI,EAAE,CAAC,CAAA;AAAA;AAE1C,QAAA;AAAA;AAEJ,IAAA,IAAI,YAAY,MAAQ,EAAA;AACtB,MAAA,oBAAA,GAAuB,EAAE,GAAG,OAAS,EAAA,QAAA,EAAU,MAAO,EAAA;AACtD,MAAA,OAAO,oBAAqB,CAAA,SAAA;AAC5B,MAAO,OAAA,oBAAA;AAAA;AACT;AAGF,EAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,IAAA,OAAO,OAAQ,CAAA,SAAA;AAAA;AAGjB,EAAO,OAAA,OAAA;AACT;AAEa,MAAA,4BAAA,GAA+B,CAAC,MAAoB,KAAA;AAC/D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,GAAA,GAAM,EAAE,wBAAwB,CAAA;AAEtC,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,kBAAA,GAAqB,CAAC,KAA6B,KAAA;AACvD,MAAA,IAAI,MAAQ,EAAA;AACV,QAAA,KAAA,CAAM,cAAe,EAAA;AACrB,QAAA,KAAA,CAAM,WAAc,GAAA,GAAA;AAAA;AACtB,KACF;AAEA,IAAM,MAAA,oBAAA,GAAuB,CAAC,KAAe,KAAA;AAC3C,MAAA,IAAI,MAAQ,EAAA;AAEV,QAAM,MAAA,QAAA,GAAW,MAAO,CAAA,OAAA,CAAQ,GAAG,CAAA;AACnC,QAAA,IAAI,CAAC,QAAU,EAAA;AACb,UAAA,KAAA,CAAM,cAAe,EAAA;AAAA;AACvB;AACF,KACF;AAEA,IAAO,MAAA,CAAA,gBAAA,CAAiB,gBAAgB,kBAAkB,CAAA;AAG1D,IAAI,IAAA,YAAA,IAAgB,MAAU,IAAA,MAAA,CAAO,UAAY,EAAA;AAE/C,MAAO,MAAA,CAAA,UAAA,CAAW,gBAAiB,CAAA,UAAA,EAAY,oBAAoB,CAAA;AAEnE,MAAA,OAAO,MAAM;AACX,QAAO,MAAA,CAAA,mBAAA,CAAoB,gBAAgB,kBAAkB,CAAA;AAE7D,QAAO,MAAA,CAAA,UAAA,CAAW,mBAAoB,CAAA,UAAA,EAAY,oBAAoB,CAAA;AAAA,OACxE;AAAA;AAIF,IAAO,MAAA,CAAA,gBAAA,CAAiB,YAAY,oBAAoB,CAAA;AAExD,IAAM,MAAA,iBAAA,GAAoB,OAAO,OAAQ,CAAA,SAAA;AACzC,IAAM,MAAA,oBAAA,GAAuB,OAAO,OAAQ,CAAA,YAAA;AAE5C,IAAO,MAAA,CAAA,OAAA,CAAQ,SAAY,GAAA,CAAA,GAAI,IAAS,KAAA;AACtC,MAAkB,iBAAA,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA;AAC5C,MAAqB,oBAAA,CAAA,IAAI,cAAc,UAAY,EAAA,EAAE,OAAO,IAAK,CAAA,CAAC,CAAE,EAAC,CAAC,CAAA;AAAA,KACxE;AAEA,IAAO,MAAA,CAAA,OAAA,CAAQ,YAAe,GAAA,CAAA,GAAI,IAAS,KAAA;AACzC,MAAqB,oBAAA,CAAA,KAAA,CAAM,MAAO,CAAA,OAAA,EAAS,IAAI,CAAA;AAC/C,MAAqB,oBAAA,CAAA,IAAI,cAAc,UAAY,EAAA,EAAE,OAAO,IAAK,CAAA,CAAC,CAAE,EAAC,CAAC,CAAA;AAAA,KACxE;AAEA,IAAA,OAAO,MAAM;AACX,MAAO,MAAA,CAAA,mBAAA,CAAoB,gBAAgB,kBAAkB,CAAA;AAC7D,MAAO,MAAA,CAAA,mBAAA,CAAoB,YAAY,oBAAoB,CAAA;AAC3D,MAAA,MAAA,CAAO,QAAQ,SAAY,GAAA,iBAAA;AAC3B,MAAA,MAAA,CAAO,QAAQ,YAAe,GAAA,oBAAA;AAAA,KAChC;AAAA,GACC,EAAA,CAAC,MAAQ,EAAA,GAAG,CAAC,CAAA;AAClB;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../../src/utils/utils.ts"],"sourcesContent":["import {\n  Entity,\n  isGroupEntity,\n  isUserEntity,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { Filters } from '../components/FilterPanel/FilterPanel';\nimport FileType from 'file-type';\nimport { ErrorApi } from '@backstage/core-plugin-api';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation.ts';\n\nexport const imageUpload = (opts: {\n  qetaApi: QetaApi;\n  errorApi: ErrorApi;\n  onImageUpload?: (id: number) => void;\n  postId?: number;\n  answerId?: number;\n  collectionId?: number;\n}) => {\n  const { qetaApi, errorApi, onImageUpload, postId, answerId, collectionId } =\n    opts;\n  // eslint-disable-next-line func-names\n  return async function* (data: ArrayBuffer) {\n    const fileType = await FileType.fromBuffer(data);\n\n    const mimeType = fileType ? fileType.mime : 'text/plain';\n    const attachment = await qetaApi.postAttachment(\n      new Blob([data], { type: mimeType }),\n      { postId, answerId, collectionId },\n    );\n    if ('errors' in attachment) {\n      errorApi.post({\n        name: 'Upload failed',\n        message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n      });\n      return false;\n    }\n    onImageUpload?.(attachment.id);\n    yield attachment.locationUri;\n    return true;\n  };\n};\n\nexport const formatEntityName = (username?: string) => {\n  if (!username) {\n    return '';\n  }\n  const plainName = username.split(/[/:]+/).pop();\n  return plainName\n    ?.split(/[_.-]+/)\n    .map(a => a.charAt(0).toUpperCase() + a.slice(1))\n    .join(' ');\n};\n\nexport const getEntityTitle = (\n  entity: Entity,\n  opts?: { withType: boolean },\n): string => {\n  const { withType } = opts || { withType: true };\n  if (\n    (isUserEntity(entity) || isGroupEntity(entity)) &&\n    entity.spec?.profile?.displayName\n  ) {\n    return entity.spec.profile.displayName;\n  }\n\n  const stringified = stringifyEntityRef(entity);\n  return `${\n    entity.metadata.title ?? formatEntityName(stringified) ?? stringified\n  }${withType && entity.spec?.type ? ` (${entity.spec.type})` : ''}`;\n};\n\nexport const formatDate = (localDate: Date) => {\n  let date: any = localDate.getDate();\n  let month: any = localDate.getMonth() + 1;\n  if (date < 10) {\n    date = `0${date}`;\n  }\n\n  if (month < 10) {\n    month = `0${month}`;\n  }\n  return `${localDate.getFullYear()}-${month}-${date}`;\n};\n\nexport type FiltersWithDateRange = Filters & {\n  fromDate: string;\n  toDate: string;\n};\n\nexport const getFiltersWithDateRange = (filters: Filters) => {\n  let filtersWithDateRange: FiltersWithDateRange;\n  const to = new Date();\n  const from = new Date(to);\n  if (filters.dateRange) {\n    let fromDate = '';\n    let toDate = '';\n\n    switch (filters.dateRange) {\n      case '7-days':\n        toDate = formatDate(to);\n        from.setDate(to.getDate() - 6);\n        fromDate = formatDate(from);\n        break;\n\n      case '30-days':\n        toDate = formatDate(to);\n        from.setDate(to.getDate() - 29);\n        fromDate = formatDate(from);\n        break;\n      default:\n        if (filters.dateRange.indexOf('--') > 0) {\n          fromDate = filters.dateRange.split('--')[0];\n          toDate = filters.dateRange.split('--')[1];\n        }\n        break;\n    }\n    if (fromDate && toDate) {\n      filtersWithDateRange = { ...filters, fromDate, toDate };\n      delete filtersWithDateRange.dateRange;\n      return filtersWithDateRange;\n    }\n  }\n\n  if ('dateRange' in filters) {\n    delete filters.dateRange;\n  }\n\n  return filters;\n};\n\nexport const useConfirmNavigationIfEdited = (edited: boolean) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const msg = t('common.unsaved_changes');\n\n  useEffect(() => {\n    const handleBeforeUnload = (event: BeforeUnloadEvent) => {\n      if (edited) {\n        event.preventDefault();\n        event.returnValue = msg; // Included for legacy support, e.g. Chrome/Edge < 119\n      }\n    };\n\n    const handleLocationChange = (event: any) => {\n      if (edited) {\n        // eslint-disable-next-line no-alert\n        const response = window.confirm(msg);\n        if (!response) {\n          event.preventDefault();\n        }\n      }\n    };\n\n    window.addEventListener('beforeunload', handleBeforeUnload);\n\n    // Modern browsers with Navigation API\n    if ('navigation' in window && window.navigation) {\n      // @ts-ignore\n      window.navigation.addEventListener('navigate', handleLocationChange);\n\n      return () => {\n        window.removeEventListener('beforeunload', handleBeforeUnload);\n        // @ts-ignore\n        window.navigation.removeEventListener('navigate', handleLocationChange);\n      };\n    }\n\n    // Fallback: Use popstate + history monitoring\n    window.addEventListener('popstate', handleLocationChange);\n\n    const originalPushState = window.history.pushState;\n    const originalReplaceState = window.history.replaceState;\n\n    window.history.pushState = (...args) => {\n      originalPushState.apply(window.history, args);\n      handleLocationChange(new PopStateEvent('navigate', { state: args[0] }));\n    };\n\n    window.history.replaceState = (...args) => {\n      originalReplaceState.apply(window.history, args);\n      handleLocationChange(new PopStateEvent('navigate', { state: args[0] }));\n    };\n\n    return () => {\n      window.removeEventListener('beforeunload', handleBeforeUnload);\n      window.removeEventListener('popstate', handleLocationChange);\n      window.history.pushState = originalPushState;\n      window.history.replaceState = originalReplaceState;\n    };\n  }, [edited, msg]);\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.39.0",
+  "version": "3.40.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.1",
     "@backstage/plugin-permission-react": "^0.4.36",
     "@backstage/plugin-signals-react": "^0.0.15",
-    "@drodil/backstage-plugin-qeta-common": "^3.39.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.40.0",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
@@ -71,7 +71,7 @@
     "numeral": "^2.0.6",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.46.2",
-    "react-markdown": "^9.0.1",
+    "react-markdown": "^10.1.0",
     "react-mde": "^11.5.0",
     "react-relative-time": "^0.0.9",
     "react-syntax-highlighter": "^15.6.1",
@@ -80,6 +80,7 @@
     "recharts": "^2.13.0",
     "rehype-slug": "^6.0.0",
     "remark-gfm": "^4.0.0",
+    "remark-mermaidjs": "^7.0.0",
     "unist-util-find": "^3.0.0"
   },
   "peerDependencies": {