@drodil/backstage-plugin-qeta-react 3.42.0 → 3.43.0

package/dist/components/CommentSection/CommentListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    box: {\n      padding: theme.spacing(1.5),\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    content: {\n      display: 'inline',\n      '& *:last-child': {\n        display: 'inline',\n      },\n      lineHeight: 1.5,\n    },\n    metadata: {\n      color: theme.palette.text.secondary,\n      marginTop: theme.spacing(0.5),\n      '& a': {\n        color: theme.palette.primary.main,\n        transition: 'all 0.2s ease-in-out',\n        '&:hover': {\n          textDecoration: 'underline',\n          opacity: 0.8,\n        },\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(post.id, answer.id, id).then(a => {\n        onCommentAction(post, a);\n      });\n      return;\n    }\n    qetaApi.deletePostComment(post.id, id).then(q => onCommentAction(q));\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .then(a => {\n          setEditing(false);\n          setPosting(false);\n          onCommentAction(post, a);\n        });\n      return;\n    }\n    qetaApi.updatePostComment(post.id, comment.id, data.content).then(q => {\n      setEditing(false);\n      setPosting(false);\n      onCommentAction(q);\n    });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className={styles.metadata}>\n            {' – '}\n            <AuthorLink entity={comment} />\n            {comment.expert && <ExpertIcon />}{' '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentEditBtn\"\n                  onClick={() => setEditing(true)}\n                >\n                  {t('commentList.editLink')}\n                </Link>\n              </>\n            )}\n            {comment.canDelete && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentDeleteBtn\"\n                  onClick={() => deleteComment(comment.id)}\n                >\n                  {t('commentList.deleteLink')}\n                </Link>\n              </>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    box: {\n      padding: theme.spacing(1.5),\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    content: {\n      display: 'inline',\n      '& *:last-child': {\n        display: 'inline',\n      },\n      lineHeight: 1.5,\n    },\n    metadata: {\n      color: theme.palette.text.secondary,\n      marginTop: theme.spacing(0.5),\n      '& a': {\n        color: theme.palette.primary.main,\n        transition: 'all 0.2s ease-in-out',\n        '&:hover': {\n          textDecoration: 'underline',\n          opacity: 0.8,\n        },\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n  const alertApi = useApi(alertApiRef);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi\n        .deleteAnswerComment(post.id, answer.id, id)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        });\n      return;\n    }\n    qetaApi\n      .deletePostComment(post.id, id)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      });\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            display: 'transient',\n            severity: 'error',\n          }),\n        )\n        .then(a => {\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => {\n          setEditing(false);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .updatePostComment(post.id, comment.id, data.content)\n      .catch(e =>\n        alertApi.post({\n          message: e.message,\n          display: 'transient',\n          severity: 'error',\n        }),\n      )\n      .then(q => {\n        if (q) {\n          onCommentAction(q);\n        }\n      })\n      .finally(() => {\n        setEditing(false);\n        setPosting(false);\n      });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className={styles.metadata}>\n            {' – '}\n            <AuthorLink entity={comment} />\n            {comment.expert && <ExpertIcon />}{' '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentEditBtn\"\n                  onClick={() => setEditing(true)}\n                >\n                  {t('commentList.editLink')}\n                </Link>\n              </>\n            )}\n            {comment.canDelete && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentDeleteBtn\"\n                  onClick={() => deleteComment(comment.id)}\n                >\n                  {t('commentList.deleteLink')}\n                </Link>\n              </>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CommentSection/CommentSection.esm.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { makeStyles, Box, Button, Grid } from '@material-ui/core';
 import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
-import { useAnalytics, useApi } from '@backstage/core-plugin-api';
+import { useAnalytics, useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { CommentList } from './CommentList.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
@@ -62,25 +62,40 @@ const CommentSection = (props) => {
   const entity = answer ?? post;
   const commentsCount = entity.comments?.length || 0;
   const [commentsVisible, setCommentsVisible] = useState(true);
+  const alertApi = useApi(alertApiRef);
   const postComment = (data) => {
     setPosting(true);
     if (answer) {
-      qetaApi.commentAnswer(post.id, answer.id, data.content).then((a) => {
+      qetaApi.commentAnswer(post.id, answer.id, data.content).catch(
+        (e) => alertApi.post({
+          message: e.message,
+          severity: "error",
+          display: "transient"
+        })
+      ).then((a) => {
         setFormVisible(false);
         analytics.captureEvent("comment", "answer");
-        setPosting(false);
         setEdited(false);
-        onCommentAction(post, a);
-      });
-      return;
+        if (a) {
+          onCommentAction(post, a);
+        }
+      }).finally(() => setPosting(false));
+    } else {
+      qetaApi.commentPost(post.id, data.content).catch(
+        (e) => alertApi.post({
+          message: e.message,
+          severity: "error",
+          display: "transient"
+        })
+      ).then((q) => {
+        setFormVisible(false);
+        analytics.captureEvent("comment", "question");
+        setEdited(false);
+        if (q) {
+          onCommentAction(q);
+        }
+      }).finally(() => setPosting(false));
     }
-    qetaApi.commentPost(post.id, data.content).then((q) => {
-      setFormVisible(false);
-      analytics.captureEvent("comment", post.type);
-      setPosting(false);
-      setEdited(false);
-      onCommentAction(q);
-    });
   };
   useConfirmNavigationIfEdited(edited);
   if (post.status !== "active") {

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n  | 'root'\n  | 'addCommentButton'\n  | 'commentSection'\n  | 'commentForm';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    commentSection: {\n      position: 'relative',\n      marginLeft: theme.spacing(3.5),\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: theme.spacing(1),\n        height: 'calc(100% - 46px)',\n        width: '1px',\n        backgroundColor: theme.palette.divider,\n        opacity: 0.4,\n        transition: 'all 0.2s ease-in-out',\n        zIndex: 1,\n      },\n    },\n    addCommentButton: {\n      textTransform: 'none',\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: theme.palette.text.secondary,\n      marginTop: '3px',\n      '&:hover': {\n        backgroundColor: 'transparent',\n        color: theme.palette.primary.main,\n      },\n    },\n    commentForm: {\n      marginLeft: theme.spacing(2.5),\n      marginTop: theme.spacing(1),\n    },\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentAction } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  // Determine the entity to get comments from\n  const entity = answer ?? post;\n  const commentsCount = entity.comments?.length || 0;\n  const [commentsVisible, setCommentsVisible] = useState(true);\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        setPosting(false);\n        setEdited(false);\n        onCommentAction(post, a);\n      });\n      return;\n    }\n\n    qetaApi.commentPost(post.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', post.type);\n      setPosting(false);\n      setEdited(false);\n      onCommentAction(q);\n    });\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  if (post.status !== 'active') {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n    >\n      {commentsCount > 0 && (\n        <Box display=\"flex\" alignItems=\"center\" pl={1}>\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            onClick={() => setCommentsVisible(v => !v)}\n            style={{\n              textTransform: 'none',\n              padding: '0.5rem 0.8rem',\n              border: 'none',\n              backgroundColor: 'transparent',\n            }}\n            endIcon={\n              commentsVisible ? (\n                <ExpandMoreIcon fontSize=\"small\" />\n              ) : (\n                <ExpandLessIcon fontSize=\"small\" />\n              )\n            }\n          >\n            {`${commentsCount} ${t('common.comments')}`}\n          </Button>\n        </Box>\n      )}\n      {commentsVisible && (\n        <Box pl={1}>\n          <CommentList\n            post={post}\n            answer={answer}\n            onCommentAction={onCommentAction}\n          />\n        </Box>\n      )}\n      <OptionalRequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                startIcon={<AddCommentIcon fontSize=\"small\" />}\n                onClick={() => setFormVisible(true)}\n                className={styles.addCommentButton}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <Box className={styles.commentForm}>\n            <CommentForm\n              submit={postComment}\n              saveButtonTitle={t('commentSection.post')}\n              disabled={posting}\n            />\n          </Box>\n        )}\n      </OptionalRequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey =\n  | 'root'\n  | 'addCommentButton'\n  | 'commentSection'\n  | 'commentForm';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    commentSection: {\n      position: 'relative',\n      marginLeft: theme.spacing(3.5),\n      '&::before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: theme.spacing(1),\n        height: 'calc(100% - 46px)',\n        width: '1px',\n        backgroundColor: theme.palette.divider,\n        opacity: 0.4,\n        transition: 'all 0.2s ease-in-out',\n        zIndex: 1,\n      },\n    },\n    addCommentButton: {\n      textTransform: 'none',\n      backgroundColor: 'transparent',\n      border: 'none',\n      color: theme.palette.text.secondary,\n      marginTop: '3px',\n      '&:hover': {\n        backgroundColor: 'transparent',\n        color: theme.palette.primary.main,\n      },\n    },\n    commentForm: {\n      marginLeft: theme.spacing(2.5),\n      marginTop: theme.spacing(1),\n    },\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentAction } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  // Determine the entity to get comments from\n  const entity = answer ?? post;\n  const commentsCount = entity.comments?.length || 0;\n  const [commentsVisible, setCommentsVisible] = useState(true);\n  const alertApi = useApi(alertApiRef);\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .commentAnswer(post.id, answer.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(a => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'answer');\n          setEdited(false);\n          if (a) {\n            onCommentAction(post, a);\n          }\n        })\n        .finally(() => setPosting(false));\n    } else {\n      qetaApi\n        .commentPost(post.id, data.content)\n        .catch(e =>\n          alertApi.post({\n            message: e.message,\n            severity: 'error',\n            display: 'transient',\n          }),\n        )\n        .then(q => {\n          setFormVisible(false);\n          analytics.captureEvent('comment', 'question');\n          setEdited(false);\n          if (q) {\n            onCommentAction(q);\n          }\n        })\n        .finally(() => setPosting(false));\n    }\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  if (post.status !== 'active') {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`${styles.root} ${styles.commentSection} ${props.className} qetaCommentSection`}\n    >\n      {commentsCount > 0 && (\n        <Box display=\"flex\" alignItems=\"center\" pl={1}>\n          <Button\n            size=\"small\"\n            variant=\"text\"\n            onClick={() => setCommentsVisible(v => !v)}\n            style={{\n              textTransform: 'none',\n              padding: '0.5rem 0.8rem',\n              border: 'none',\n              backgroundColor: 'transparent',\n            }}\n            endIcon={\n              commentsVisible ? (\n                <ExpandMoreIcon fontSize=\"small\" />\n              ) : (\n                <ExpandLessIcon fontSize=\"small\" />\n              )\n            }\n          >\n            {`${commentsCount} ${t('common.comments')}`}\n          </Button>\n        </Box>\n      )}\n      {commentsVisible && (\n        <Box pl={1}>\n          <CommentList\n            post={post}\n            answer={answer}\n            onCommentAction={onCommentAction}\n          />\n        </Box>\n      )}\n      <OptionalRequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                startIcon={<AddCommentIcon fontSize=\"small\" />}\n                onClick={() => setFormVisible(true)}\n                className={styles.addCommentButton}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <Box className={styles.commentForm}>\n            <CommentForm\n              submit={postComment}\n              saveButtonTitle={t('commentSection.post')}\n              disabled={posting}\n            />\n          </Box>\n        )}\n      </OptionalRequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import RestoreIcon from '@material-ui/icons/Restore';
 import { FavoriteButton } from '../Buttons/FavoriteButton.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { CommentSection } from '../CommentSection/CommentSection.esm.js';
-import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
 import { LinkButton } from '../Buttons/LinkButton.esm.js';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { editLinkRouteRef } from '../../routes.esm.js';
@@ -61,10 +61,19 @@ const LinkCard = (props) => {
   const onCommentAction = (l, _) => {
     setLinkEntity(l);
   };
+  const alertApi = useApi(alertApiRef);
   const styles = useStyles();
   const restoreLink = async () => {
-    qetaApi.restorePost(link.id).then((l) => {
-      setLinkEntity(l);
+    qetaApi.restorePost(link.id).catch(
+      (e) => alertApi.post({
+        message: e.message,
+        display: "transient",
+        severity: "error"
+      })
+    ).then((l) => {
+      if (l) {
+        setLinkEntity(l);
+      }
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [

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

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

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

@@ -1,8 +1,8 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Autocomplete } from '@material-ui/lab';
 import { getEntityTitle, getEntityDescription } from '../../utils/utils.esm.js';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { Tooltip, Typography, TextField, CircularProgress } from '@material-ui/core';
+import { Box, Tooltip, Typography, TextField, CircularProgress, Chip } from '@material-ui/core';
 import { useState, useMemo, useCallback } from 'react';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
@@ -12,6 +12,7 @@ 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';
+import { useDebounce } from 'react-use';
 
 const CATALOG_FIELDS = [
   "kind",
@@ -40,7 +41,10 @@ const EntitiesInput = (props) => {
     label,
     name = "entities",
     placeholder,
-    autocompleteProps
+    autocompleteProps,
+    title,
+    content,
+    tags
   } = props;
   const configApi = useApi(configApiRef);
   const catalogApi = useApi(catalogApiRef);
@@ -51,6 +55,8 @@ const EntitiesInput = (props) => {
   const [loading, setLoading] = useState(false);
   const [open, setOpen] = useState(false);
   const { t } = useTranslationRef(qetaTranslationRef);
+  const [suggestedEntities, setSuggestedEntities] = useState([]);
+  const [, setLoadingSuggestions] = useState(false);
   const entityKinds = useMemo(() => {
     if (kind) {
       return kind;
@@ -111,101 +117,141 @@ const EntitiesInput = (props) => {
     }
     return value;
   }, [value, multiple]);
+  useDebounce(
+    () => {
+      if (title && content) {
+        setLoadingSuggestions(true);
+        qetaApi.getEntitySuggestions({ title, content, tags }).then((response) => {
+          setSuggestedEntities(response.entities);
+        }).catch(() => {
+        }).finally(() => {
+          setLoadingSuggestions(false);
+        });
+      }
+    },
+    2e3,
+    [title, content, qetaApi]
+  );
+  const handleSuggestedEntityClick = (entity) => {
+    const values = [value ?? []].flat();
+    if (values && values.length < max && !values.includes(entity)) {
+      onChange([...values, entity]);
+    }
+  };
   if (!availableEntities) {
     return null;
   }
-  return /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      multiple,
-      autoHighlight: true,
-      autoComplete: true,
-      className: "qetaEntitiesInput",
-      value: usedValue,
-      disabled,
-      loading,
-      loadingText: t("common.loading"),
-      groupBy: entityKinds.length > 1 ? (option) => option.kind : void 0,
-      renderGroup,
-      handleHomeEndKeys: true,
-      open,
-      onOpen: handleOpen,
-      onClose: () => setOpen(false),
-      options: availableEntities,
-      getOptionLabel: getEntityTitle,
-      ListboxComponent: AutocompleteListboxComponent,
-      disableListWrap: true,
-      style,
-      getOptionSelected: (o, v) => stringifyEntityRef(o) === stringifyEntityRef(v),
-      onChange: (_e, newValue) => {
-        if (multiple) {
-          if (!newValue) {
-            onChange([]);
-            return;
-          }
-          const val = Array.isArray(newValue) ? newValue : [newValue];
-          if (max === null || val.length <= max) {
-            onChange(val.filter((v) => typeof v !== "string"));
-          }
-        } else {
-          if (!newValue) {
-            return;
-          }
-          onChange(newValue);
-        }
-      },
-      renderOption: (option) => {
-        const stringified = stringifyEntityRef(option);
-        return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            arrow: true,
-            placement: "right",
-            title: /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Typography, { children: getEntityTitle(option) }),
-              /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getEntityDescription(option) })
-            ] }),
-            children: /* @__PURE__ */ jsx("span", { children: getEntityTitle(option, { withType: false }) })
-          }
-        ) }, stringified);
-      },
-      renderInput: (params) => {
-        let helperText = "";
-        if (!hideHelpText) {
-          if (error && error.message) {
-            helperText = error.message;
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(
+      Autocomplete,
+      {
+        multiple,
+        autoHighlight: true,
+        autoComplete: true,
+        className: "qetaEntitiesInput",
+        value: usedValue,
+        disabled,
+        loading,
+        loadingText: t("common.loading"),
+        groupBy: entityKinds.length > 1 ? (option) => option.kind : void 0,
+        renderGroup,
+        handleHomeEndKeys: true,
+        open,
+        onOpen: handleOpen,
+        onClose: () => setOpen(false),
+        options: availableEntities,
+        getOptionLabel: getEntityTitle,
+        ListboxComponent: AutocompleteListboxComponent,
+        disableListWrap: true,
+        style,
+        getOptionSelected: (o, v) => stringifyEntityRef(o) === stringifyEntityRef(v),
+        onChange: (_e, newValue) => {
+          if (multiple) {
+            if (!newValue) {
+              onChange([]);
+              return;
+            }
+            const val = Array.isArray(newValue) ? newValue : [newValue];
+            if (max === null || val.length <= max) {
+              onChange(val.filter((v) => typeof v !== "string"));
+            }
           } else {
-            helperText = t("entitiesInput.helperText", { max: max.toString() });
+            if (!newValue) {
+              return;
+            }
+            onChange(newValue);
           }
-        }
-        return /* @__PURE__ */ jsx(
-          TextField,
-          {
-            ...params,
-            variant: "outlined",
-            margin: "normal",
-            required,
-            label: label || t("entitiesInput.label"),
-            placeholder: placeholder || t("entitiesInput.placeholder"),
-            helperText,
-            name,
-            FormHelperTextProps: {
-              style: { marginLeft: "0.2em" }
-            },
-            InputProps: {
-              ...params.InputProps,
-              endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-                loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-                params.InputProps.endAdornment
-              ] })
-            },
-            error: error !== void 0
+        },
+        renderOption: (option) => {
+          const stringified = stringifyEntityRef(option);
+          return /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              arrow: true,
+              placement: "right",
+              title: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Typography, { children: getEntityTitle(option) }),
+                /* @__PURE__ */ jsx(Typography, { variant: "caption", children: getEntityDescription(option) })
+              ] }),
+              children: /* @__PURE__ */ jsx("span", { children: getEntityTitle(option, { withType: false }) })
+            }
+          ) }, stringified);
+        },
+        renderInput: (params) => {
+          let helperText = "";
+          if (!hideHelpText) {
+            if (error && error.message) {
+              helperText = error.message;
+            } else {
+              helperText = t("entitiesInput.helperText", {
+                max: max.toString()
+              });
+            }
           }
-        );
-      },
-      ...autocompleteProps
-    }
-  );
+          return /* @__PURE__ */ jsx(
+            TextField,
+            {
+              ...params,
+              variant: "outlined",
+              margin: "normal",
+              required,
+              label: label || t("entitiesInput.label"),
+              placeholder: placeholder || t("entitiesInput.placeholder"),
+              helperText,
+              name,
+              FormHelperTextProps: {
+                style: { marginLeft: "0.2em" }
+              },
+              InputProps: {
+                ...params.InputProps,
+                endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
+                  params.InputProps.endAdornment
+                ] })
+              },
+              error: error !== void 0
+            }
+          );
+        },
+        ...autocompleteProps
+      }
+    ),
+    suggestedEntities?.length > 0 && /* @__PURE__ */ jsxs(Box, { style: { marginLeft: "4px" }, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", children: t("entitiesInput.suggestedEntities") }),
+      /* @__PURE__ */ jsx(Box, { mt: 0.5, children: suggestedEntities.map((entity) => /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: getEntityTitle(entity),
+          size: "small",
+          onClick: () => handleSuggestedEntityClick(entity),
+          style: { margin: "0 4px 4px 0" },
+          disabled: [value ?? []].flat().map(stringifyEntityRef).includes(stringifyEntityRef(entity)) || [value ?? []].flat().length >= max
+        },
+        stringifyEntityRef(entity)
+      )) })
+    ] }),
+    " "
+  ] });
 };
 
 export { EntitiesInput };

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = (props: EntitiesInputProps) => {\n  const {\n    value,\n    singleValue,\n    onChange,\n    multiple = true,\n    required = false,\n    useOnlyUsedEntities = false,\n    hideHelpText = false,\n    style,\n    disabled,\n    kind,\n    error,\n    maximum,\n    label,\n    name = 'entities',\n    placeholder,\n    autocompleteProps,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n    [],\n  );\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const entityKinds: string[] = useMemo(() => {\n    if (kind) {\n      return kind;\n    }\n    return getSupportedEntityKinds(configApi);\n  }, [configApi, kind]);\n  const max = useMemo(() => {\n    if (maximum) {\n      return maximum;\n    }\n    return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n  }, [configApi, maximum]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n    (async () => {\n      setLoading(true);\n      if (singleValue) {\n        const entity = await catalogApi.getEntityByRef(singleValue);\n        setLoading(false);\n        setAvailableEntities(entity ? [entity] : null);\n        return;\n      }\n\n      if (useOnlyUsedEntities) {\n        const qetaEntities = await qetaApi.getEntities();\n        const refs = qetaEntities.entities.map(r => r.entityRef);\n        const catalogData = await catalogApi.getEntitiesByRefs({\n          entityRefs: refs,\n          fields: CATALOG_FIELDS,\n        });\n        setLoading(false);\n        setAvailableEntities(\n          catalogData\n            ? compact(catalogData.items).sort((a, b) =>\n                getEntityTitle(a).localeCompare(getEntityTitle(b)),\n              )\n            : null,\n        );\n        return;\n      }\n\n      if (entityKinds && entityKinds.length > 0) {\n        const entities = await catalogApi.getEntities({\n          filter: { kind: entityKinds },\n          fields: CATALOG_FIELDS,\n          order: [\n            { field: 'kind', order: 'asc' },\n            { field: 'metadata.title', order: 'asc' },\n          ],\n        });\n        setLoading(false);\n        setAvailableEntities(entities ? entities.items : null);\n        return;\n      }\n      setLoading(false);\n      setAvailableEntities(null);\n    })();\n  }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n  const usedValue = useMemo(() => {\n    if (!value) {\n      return multiple ? [] : null;\n    }\n    return value;\n  }, [value, multiple]);\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Autocomplete\n      multiple={multiple}\n      autoHighlight\n      autoComplete\n      className=\"qetaEntitiesInput\"\n      value={usedValue}\n      disabled={disabled}\n      loading={loading}\n      loadingText={t('common.loading')}\n      groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n      renderGroup={renderGroup}\n      handleHomeEndKeys\n      open={open}\n      onOpen={handleOpen}\n      onClose={() => setOpen(false)}\n      options={availableEntities}\n      getOptionLabel={getEntityTitle}\n      ListboxComponent={\n        AutocompleteListboxComponent as ComponentType<\n          HTMLAttributes<HTMLElement>\n        >\n      }\n      disableListWrap\n      style={style}\n      getOptionSelected={(o, v) =>\n        stringifyEntityRef(o) === stringifyEntityRef(v)\n      }\n      onChange={(_e, newValue) => {\n        if (multiple) {\n          if (!newValue) {\n            onChange([]);\n            return;\n          }\n          const val = Array.isArray(newValue) ? newValue : [newValue];\n          if (max === null || val.length <= max) {\n            onChange(val.filter(v => typeof v !== 'string'));\n          }\n        } else {\n          if (!newValue) {\n            return;\n          }\n          onChange(newValue as Entity);\n        }\n      }}\n      renderOption={(option: Entity) => {\n        const stringified = stringifyEntityRef(option);\n        return (\n          <span key={stringified}>\n            <Tooltip\n              arrow\n              placement=\"right\"\n              title={\n                <>\n                  <Typography>{getEntityTitle(option)}</Typography>\n                  <Typography variant=\"caption\">\n                    {getEntityDescription(option)}\n                  </Typography>\n                </>\n              }\n            >\n              <span>{getEntityTitle(option, { withType: false })}</span>\n            </Tooltip>\n          </span>\n        );\n      }}\n      renderInput={params => {\n        let helperText = '';\n        if (!hideHelpText) {\n          if (error && error.message) {\n            helperText = error.message;\n          } else {\n            helperText = t('entitiesInput.helperText', { max: max.toString() });\n          }\n        }\n\n        return (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            required={required}\n            label={label || t('entitiesInput.label')}\n            placeholder={placeholder || t('entitiesInput.placeholder')}\n            helperText={helperText}\n            name={name}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            error={error !== undefined}\n          />\n        );\n      }}\n      {...autocompleteProps}\n    />\n  );\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 { getEntityDescription, getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  Box,\n  Chip,\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\nimport { getSupportedEntityKinds } from '@drodil/backstage-plugin-qeta-common';\nimport { useDebounce } from 'react-use';\n\ntype CommonEntitiesInputProps = {\n  singleValue?: string;\n  required?: boolean;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n  onChange: (value: any) => void;\n  title?: string;\n  content?: string;\n  tags?: string[];\n};\ntype SingleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple: false;\n  value?: Entity | null;\n  onChange: (value: Entity) => void;\n};\n\ntype MultipleEntitiesInputValue = CommonEntitiesInputProps & {\n  multiple?: true;\n  value?: Entity[];\n  onChange: (value: Entity[]) => void;\n};\n\nexport type EntitiesInputProps =\n  | SingleEntitiesInputValue\n  | MultipleEntitiesInputValue;\n\nconst CATALOG_FIELDS = [\n  'kind',\n  'metadata.name',\n  'metadata.namespace',\n  'metadata.title',\n  'metadata.description',\n  'spec.type',\n  'spec.profile.displayName',\n  'spec.profile.email',\n];\n\nexport const EntitiesInput = (props: EntitiesInputProps) => {\n  const {\n    value,\n    singleValue,\n    onChange,\n    multiple = true,\n    required = false,\n    useOnlyUsedEntities = false,\n    hideHelpText = false,\n    style,\n    disabled,\n    kind,\n    error,\n    maximum,\n    label,\n    name = 'entities',\n    placeholder,\n    autocompleteProps,\n    title,\n    content,\n    tags,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n    [],\n  );\n  const [loading, setLoading] = useState(false);\n  const [open, setOpen] = useState(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [suggestedEntities, setSuggestedEntities] = useState<Entity[]>([]);\n  const [, setLoadingSuggestions] = useState(false);\n\n  const entityKinds: string[] = useMemo(() => {\n    if (kind) {\n      return kind;\n    }\n    return getSupportedEntityKinds(configApi);\n  }, [configApi, kind]);\n  const max = useMemo(() => {\n    if (maximum) {\n      return maximum;\n    }\n    return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n  }, [configApi, maximum]);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n    (async () => {\n      setLoading(true);\n      if (singleValue) {\n        const entity = await catalogApi.getEntityByRef(singleValue);\n        setLoading(false);\n        setAvailableEntities(entity ? [entity] : null);\n        return;\n      }\n\n      if (useOnlyUsedEntities) {\n        const qetaEntities = await qetaApi.getEntities();\n        const refs = qetaEntities.entities.map(r => r.entityRef);\n        const catalogData = await catalogApi.getEntitiesByRefs({\n          entityRefs: refs,\n          fields: CATALOG_FIELDS,\n        });\n        setLoading(false);\n        setAvailableEntities(\n          catalogData\n            ? compact(catalogData.items).sort((a, b) =>\n                getEntityTitle(a).localeCompare(getEntityTitle(b)),\n              )\n            : null,\n        );\n        return;\n      }\n\n      if (entityKinds && entityKinds.length > 0) {\n        const entities = await catalogApi.getEntities({\n          filter: { kind: entityKinds },\n          fields: CATALOG_FIELDS,\n          order: [\n            { field: 'kind', order: 'asc' },\n            { field: 'metadata.title', order: 'asc' },\n          ],\n        });\n        setLoading(false);\n        setAvailableEntities(entities ? entities.items : null);\n        return;\n      }\n      setLoading(false);\n      setAvailableEntities(null);\n    })();\n  }, [singleValue, useOnlyUsedEntities, entityKinds, catalogApi, qetaApi]);\n\n  const usedValue = useMemo(() => {\n    if (!value) {\n      return multiple ? [] : null;\n    }\n    return value;\n  }, [value, multiple]);\n\n  useDebounce(\n    () => {\n      if (title && content) {\n        setLoadingSuggestions(true);\n        qetaApi\n          .getEntitySuggestions({ title, content, tags })\n          .then(response => {\n            setSuggestedEntities(response.entities);\n          })\n          .catch(() => {\n            // Ignore errors\n          })\n          .finally(() => {\n            setLoadingSuggestions(false);\n          });\n      }\n    },\n    2000,\n    [title, content, qetaApi],\n  );\n\n  const handleSuggestedEntityClick = (entity: Entity) => {\n    const values = [value ?? []].flat();\n    if (values && values.length < max && !values.includes(entity)) {\n      onChange([...values, entity]);\n    }\n  };\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Box>\n      <Autocomplete\n        multiple={multiple}\n        autoHighlight\n        autoComplete\n        className=\"qetaEntitiesInput\"\n        value={usedValue}\n        disabled={disabled}\n        loading={loading}\n        loadingText={t('common.loading')}\n        groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n        renderGroup={renderGroup}\n        handleHomeEndKeys\n        open={open}\n        onOpen={handleOpen}\n        onClose={() => setOpen(false)}\n        options={availableEntities}\n        getOptionLabel={getEntityTitle}\n        ListboxComponent={\n          AutocompleteListboxComponent as ComponentType<\n            HTMLAttributes<HTMLElement>\n          >\n        }\n        disableListWrap\n        style={style}\n        getOptionSelected={(o, v) =>\n          stringifyEntityRef(o) === stringifyEntityRef(v)\n        }\n        onChange={(_e, newValue) => {\n          if (multiple) {\n            if (!newValue) {\n              onChange([]);\n              return;\n            }\n            const val = Array.isArray(newValue) ? newValue : [newValue];\n            if (max === null || val.length <= max) {\n              onChange(val.filter(v => typeof v !== 'string'));\n            }\n          } else {\n            if (!newValue) {\n              return;\n            }\n            onChange(newValue as Entity);\n          }\n        }}\n        renderOption={(option: Entity) => {\n          const stringified = stringifyEntityRef(option);\n          return (\n            <span key={stringified}>\n              <Tooltip\n                arrow\n                placement=\"right\"\n                title={\n                  <>\n                    <Typography>{getEntityTitle(option)}</Typography>\n                    <Typography variant=\"caption\">\n                      {getEntityDescription(option)}\n                    </Typography>\n                  </>\n                }\n              >\n                <span>{getEntityTitle(option, { withType: false })}</span>\n              </Tooltip>\n            </span>\n          );\n        }}\n        renderInput={params => {\n          let helperText = '';\n          if (!hideHelpText) {\n            if (error && error.message) {\n              helperText = error.message;\n            } else {\n              helperText = t('entitiesInput.helperText', {\n                max: max.toString(),\n              });\n            }\n          }\n\n          return (\n            <TextField\n              {...params}\n              variant=\"outlined\"\n              margin=\"normal\"\n              required={required}\n              label={label || t('entitiesInput.label')}\n              placeholder={placeholder || t('entitiesInput.placeholder')}\n              helperText={helperText}\n              name={name}\n              FormHelperTextProps={{\n                style: { marginLeft: '0.2em' },\n              }}\n              InputProps={{\n                ...params.InputProps,\n                endAdornment: (\n                  <>\n                    {loading ? (\n                      <CircularProgress color=\"inherit\" size={20} />\n                    ) : null}\n                    {params.InputProps.endAdornment}\n                  </>\n                ),\n              }}\n              error={error !== undefined}\n            />\n          );\n        }}\n        {...autocompleteProps}\n      />\n      {suggestedEntities?.length > 0 && (\n        <Box style={{ marginLeft: '4px' }}>\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {t('entitiesInput.suggestedEntities')}\n          </Typography>\n          <Box mt={0.5}>\n            {suggestedEntities.map(entity => (\n              <Chip\n                key={stringifyEntityRef(entity)}\n                label={getEntityTitle(entity)}\n                size=\"small\"\n                onClick={() => handleSuggestedEntityClick(entity)}\n                style={{ margin: '0 4px 4px 0' }}\n                disabled={\n                  [value ?? []]\n                    .flat()\n                    .map(stringifyEntityRef)\n                    .includes(stringifyEntityRef(entity)) ||\n                  [value ?? []].flat().length >= max\n                }\n              />\n            ))}\n          </Box>\n        </Box>\n      )}{' '}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}