@drodil/backstage-plugin-qeta-react 3.31.2 → 3.31.3

package/dist/components/AuthorBox/AuthorBox.esm.js

@@ -1,8 +1,8 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { UserLink } from '../Links/Links.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
-import { makeStyles, Box, Grid, Typography, Avatar } from '@material-ui/core';
+import { makeStyles, Box, Typography, Avatar } from '@material-ui/core';
 import { ExpertIcon } from '../Icons/ExpertIcon.esm.js';
 
 const useStyles = makeStyles(
@@ -10,36 +10,35 @@ const useStyles = makeStyles(
     authorBox: {
       padding: theme.spacing(0, 1.5, 0, 0),
       textAlign: "right",
-      width: 220,
-      background: theme.palette.background.paper,
-      borderRadius: theme.shape.borderRadius,
       display: "flex",
       flexDirection: "column",
-      justifyContent: "flex-start",
-      gap: theme.spacing(0.5)
+      gap: theme.spacing(0.5),
+      marginLeft: theme.spacing(2),
+      maxWidth: "200px"
     },
-    authorRow: {
+    timeRow: {
       display: "flex",
-      alignItems: "center",
-      width: "100%",
-      marginTop: theme.spacing(0.5),
-      marginBottom: theme.spacing(0.5)
+      alignItems: "center"
     },
     avatar: {
-      width: theme.spacing(3),
-      height: theme.spacing(3),
-      marginRight: theme.spacing(1)
+      width: "20px",
+      height: "20px"
     },
-    authorLink: {
+    authorInfo: {
       textOverflow: "ellipsis",
       overflow: "hidden",
       whiteSpace: "nowrap",
-      fontWeight: 600,
       color: theme.palette.text.primary,
       display: "flex",
       alignItems: "center",
       gap: theme.spacing(0.5)
     },
+    authorLink: {
+      textOverflow: "ellipsis",
+      overflow: "hidden",
+      whiteSpace: "nowrap",
+      color: theme.palette.text.primary
+    },
     expertIcon: {
       marginLeft: theme.spacing(0.5),
       verticalAlign: "middle"
@@ -56,40 +55,29 @@ const AuthorBox = (props) => {
   const { userEntityRef, time, label, expert, anonymous } = props;
   const { name, initials, user } = useUserInfo(userEntityRef);
   const styles = useStyles();
-  return /* @__PURE__ */ jsx(Box, { className: `qetaAuthorBox ${styles.authorBox}`, children: /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", justifyContent: "flex-end", spacing: 0, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, style: { paddingBottom: 0 }, children: /* @__PURE__ */ jsxs(Typography, { className: "qetaAuthorBoxCreated", variant: "caption", children: [
+  return /* @__PURE__ */ jsxs(Box, { className: `qetaAuthorBox ${styles.authorBox}`, children: [
+    /* @__PURE__ */ jsx(Box, { className: styles.timeRow, children: /* @__PURE__ */ jsxs(Typography, { className: "qetaAuthorBoxCreated", variant: "caption", children: [
       label,
       " ",
       /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: time })
     ] }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx(
-      Avatar,
-      {
-        src: user?.spec?.profile?.picture,
-        className: "qetaAuthorBoxAvatar avatar",
-        alt: name,
-        variant: "rounded",
-        style: { width: "1.2em", height: "1.2em" },
-        children: initials
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Grid,
-      {
-        item: true,
-        style: {
-          paddingTop: 0,
-          textOverflow: "ellipsis",
-          overflow: "hidden",
-          whiteSpace: "nowrap"
-        },
-        children: /* @__PURE__ */ jsxs(Box, { style: { paddingLeft: "0.3em" }, children: [
-          /* @__PURE__ */ jsx(UserLink, { entityRef: userEntityRef, anonymous }),
-          expert && /* @__PURE__ */ jsx(ExpertIcon, {})
-        ] })
-      }
-    )
-  ] }) });
+    /* @__PURE__ */ jsxs(Box, { className: styles.authorInfo, children: [
+      /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          className: `qetaAuthorBoxAvatar ${styles.avatar}`,
+          alt: name,
+          variant: "rounded",
+          children: initials
+        }
+      ),
+      /* @__PURE__ */ jsxs(Box, { className: styles.authorLink, children: [
+        /* @__PURE__ */ jsx(UserLink, { entityRef: userEntityRef, anonymous }),
+        expert && /* @__PURE__ */ jsx(ExpertIcon, { className: styles.expertIcon })
+      ] })
+    ] })
+  ] });
 };
 
 export { AuthorBox };

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

@@ -1 +1 @@
-{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    authorBox: {\n      padding: theme.spacing(0, 1.5, 0, 0),\n      textAlign: 'right',\n      width: 220,\n      background: theme.palette.background.paper,\n      borderRadius: theme.shape.borderRadius,\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'flex-start',\n      gap: theme.spacing(0.5),\n    },\n    authorRow: {\n      display: 'flex',\n      alignItems: 'center',\n      width: '100%',\n      marginTop: theme.spacing(0.5),\n      marginBottom: theme.spacing(0.5),\n    },\n    avatar: {\n      width: theme.spacing(3),\n      height: theme.spacing(3),\n      marginRight: theme.spacing(1),\n    },\n    authorLink: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      fontWeight: 600,\n      color: theme.palette.text.primary,\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(0.5),\n    },\n    expertIcon: {\n      marginLeft: theme.spacing(0.5),\n      verticalAlign: 'middle',\n    },\n    meta: {\n      color: theme.palette.text.secondary,\n      textAlign: 'center',\n      margin: 0,\n    },\n  }),\n  { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n  userEntityRef: string;\n  time: string | Date;\n  label: string;\n  expert?: boolean;\n  anonymous?: boolean;\n}) => {\n  const { userEntityRef, time, label, expert, anonymous } = props;\n  const { name, initials, user } = useUserInfo(userEntityRef);\n  const styles = useStyles();\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n      <Grid container alignItems=\"center\" justifyContent=\"flex-end\" spacing={0}>\n        <Grid item xs={12} style={{ paddingBottom: 0 }}>\n          <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n            {label} <RelativeTimeWithTooltip value={time} />\n          </Typography>\n        </Grid>\n\n        <Grid item style={{ paddingTop: 0 }}>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAuthorBoxAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n            style={{ width: '1.2em', height: '1.2em' }}\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid\n          item\n          style={{\n            paddingTop: 0,\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          <Box style={{ paddingLeft: '0.3em' }}>\n            <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n            {expert && <ExpertIcon />}\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n  theme => ({\n    authorBox: {\n      padding: theme.spacing(0, 1.5, 0, 0),\n      textAlign: 'right',\n      display: 'flex',\n      flexDirection: 'column',\n      gap: theme.spacing(0.5),\n      marginLeft: theme.spacing(2),\n      maxWidth: '200px',\n    },\n    timeRow: {\n      display: 'flex',\n      alignItems: 'center',\n    },\n    avatar: {\n      width: '20px',\n      height: '20px',\n    },\n    authorInfo: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n      display: 'flex',\n      alignItems: 'center',\n      gap: theme.spacing(0.5),\n    },\n    authorLink: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n      color: theme.palette.text.primary,\n    },\n    expertIcon: {\n      marginLeft: theme.spacing(0.5),\n      verticalAlign: 'middle',\n    },\n    meta: {\n      color: theme.palette.text.secondary,\n      textAlign: 'center',\n      margin: 0,\n    },\n  }),\n  { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n  userEntityRef: string;\n  time: string | Date;\n  label: string;\n  expert?: boolean;\n  anonymous?: boolean;\n}) => {\n  const { userEntityRef, time, label, expert, anonymous } = props;\n  const { name, initials, user } = useUserInfo(userEntityRef);\n  const styles = useStyles();\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n      <Box className={styles.timeRow}>\n        <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n          {label} <RelativeTimeWithTooltip value={time} />\n        </Typography>\n      </Box>\n      <Box className={styles.authorInfo}>\n        <Avatar\n          src={user?.spec?.profile?.picture}\n          className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n          alt={name}\n          variant=\"rounded\"\n        >\n          {initials}\n        </Avatar>\n        <Box className={styles.authorLink}>\n          <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n          {expert && <ExpertIcon className={styles.expertIcon} />}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CollectionForm/CollectionForm.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRouteRef, useAnalytics, useApi } from '@backstage/core-plugin-api';
-import { Box, TextField, Typography, Tooltip, IconButton, Collapse, Button } from '@material-ui/core';
+import { Box, TextField, Typography, Tooltip, IconButton, Link, Collapse, Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import { useState, useEffect, useCallback } from 'react';
 import { useForm, Controller } from 'react-hook-form';
@@ -189,25 +189,25 @@ const CollectionForm = (props) => {
                 t("collectionForm.descriptionInput.label"),
                 /* @__PURE__ */ jsx(Tooltip, { title: "Tips for a good collection", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setShowTips((v) => !v), children: showTips ? /* @__PURE__ */ jsx(ExpandLessIcon, {}) : /* @__PURE__ */ jsx(ExpandMoreIcon, {}) }) })
               ] }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: "https://www.markdownguide.org/cheat-sheet/",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    style: { fontSize: 12 },
-                    children: t("collectionForm.descriptionInput.markdownHelp")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  HelpIcon,
-                  {
-                    fontSize: "small",
-                    style: { marginLeft: 4, verticalAlign: "middle" }
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  href: "https://www.markdownguide.org/cheat-sheet/",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  color: "inherit",
+                  style: { fontSize: 12 },
+                  children: [
+                    t("collectionForm.descriptionInput.markdownHelp"),
+                    /* @__PURE__ */ jsx(
+                      HelpIcon,
+                      {
+                        style: { fontSize: 12, marginLeft: 4, verticalAlign: "middle" }
+                      }
+                    )
+                  ]
+                }
+              ) })
             ]
           }
         ),

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionForm.esm.js","sources":["../../../src/components/CollectionForm/CollectionForm.tsx"],"sourcesContent":["import { useAnalytics, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Button,\n  Collapse,\n  IconButton,\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 } from 'react-router-dom';\nimport {\n  CollectionRequest,\n  CollectionResponse,\n  QetaApi,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { collectionRouteRef } from '../../routes';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { CollectionFormData } from './types';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\n\nconst formToRequest = (\n  form: CollectionFormData,\n  images: number[],\n): CollectionRequest => {\n  return {\n    ...form,\n    images,\n  };\n};\n\nexport type CollectionFormProps = {\n  id?: string;\n  onPost?: (collection: CollectionResponse) => void;\n};\n\nconst getDefaultValues = (): CollectionFormData => {\n  return {\n    title: '',\n    images: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  id?: string,\n): Promise<{ form: CollectionFormData; collection?: CollectionResponse }> => {\n  if (!id) {\n    return { form: getDefaultValues() };\n  }\n\n  const collection = await api.getCollection(id);\n  return {\n    form: {\n      title: collection.title,\n      description: collection.description,\n      headerImage: collection.headerImage,\n      images: collection.images,\n    },\n    collection,\n  };\n};\n\nexport const CollectionForm = (props: CollectionFormProps) => {\n  const { id, onPost } = props;\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [posting, setPosting] = useState(false);\n  const [values, setValues] = useState(getDefaultValues());\n  const [error, setError] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const [images, setImages] = useState<number[]>([]);\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const qetaApi = useApi(qetaApiRef);\n  const {\n    handleSubmit,\n    control,\n    reset,\n    setValue,\n    formState: { errors, isSubmitting },\n  } = useForm<CollectionFormData>({\n    values,\n    defaultValues: getDefaultValues(),\n  });\n\n  const postQuestion = (data: CollectionFormData) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateCollection(Number(id), formToRequest(data, images))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          reset();\n          analytics.captureEvent('edit', 'collection');\n          if (onPost) {\n            onPost(q);\n          } else {\n            navigate(collectionRoute({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .createCollection(formToRequest(data, images))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'collection');\n        reset();\n        navigate(collectionRoute({ id: q.id.toString(10) }));\n      })\n      .catch(_e => {\n        setError(true);\n        setPosting(false);\n      });\n  };\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, id).then(data => {\n        setValues(data.form);\n        setImages(data.form.images);\n      });\n    }\n  }, [qetaApi, id]);\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    },\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  return (\n    <form\n      onSubmit={handleSubmit(postQuestion)}\n      onChange={() => {\n        setEdited(true);\n      }}\n    >\n      {error && (\n        <Alert severity=\"error\">{t('collectionForm.errorPosting')}</Alert>\n      )}\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <HeaderImageInput\n            onChange={onChange}\n            onImageUpload={onImageUpload}\n            url={value}\n            collectionId={id ? Number(id) : undefined}\n          />\n        )}\n        name=\"headerImage\"\n      />\n      <Box mb={2}>\n        <TextField\n          label={t('collectionForm.titleInput.label')}\n          className=\"qetaCollectionFormTitle\"\n          required\n          fullWidth\n          error={'title' in errors}\n          margin=\"normal\"\n          name=\"title\"\n          variant=\"outlined\"\n          helperText={\n            <span>\n              {t('collectionForm.titleInput.helperText')}{' '}\n              <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n            </span>\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('collectionForm.descriptionInput.label')}\n          <Tooltip title=\"Tips for a good collection\">\n            <IconButton size=\"small\" onClick={() => setShowTips(v => !v)}>\n              {showTips ? <ExpandLessIcon /> : <ExpandMoreIcon />}\n            </IconButton>\n          </Tooltip>\n        </Typography>\n        <Box>\n          <a\n            href=\"https://www.markdownguide.org/cheat-sheet/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ fontSize: 12 }}\n          >\n            {t('collectionForm.descriptionInput.markdownHelp')}\n          </a>\n          <HelpIcon\n            fontSize=\"small\"\n            style={{ marginLeft: 4, verticalAlign: 'middle' }}\n          />\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              <li>{t('collectionForm.tips_1')}</li>\n              <li>{t('collectionForm.tips_2')}</li>\n              <li>{t('collectionForm.tips_3')}</li>\n            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value ?? ''}\n            onChange={onChange}\n            height={400}\n            name=\"description\"\n            error={'description' in errors}\n            placeholder={t('collectionForm.descriptionInput.placeholder')}\n            onImageUpload={onImageUpload}\n            collectionId={id ? Number(id) : undefined}\n          />\n        )}\n        name=\"description\"\n      />\n      <Box mt={3}>\n        <Button\n          color=\"primary\"\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={posting || isSubmitting}\n          size=\"large\"\n        >\n          {posting ? (\n            <span>\n              {t('collectionForm.submitting')}{' '}\n              <span className=\"spinner-border spinner-border-sm\" />\n            </span>\n          ) : (\n            t(\n              id\n                ? 'collectionForm.submit.existingCollection'\n                : 'collectionForm.submit.newCollection',\n            )\n          )}\n        </Button>\n      </Box>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CollectionForm.esm.js","sources":["../../../src/components/CollectionForm/CollectionForm.tsx"],"sourcesContent":["import { useAnalytics, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Button,\n  Collapse,\n  IconButton,\n  Link,\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 } from 'react-router-dom';\nimport {\n  CollectionRequest,\n  CollectionResponse,\n  QetaApi,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { collectionRouteRef } from '../../routes';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport { CollectionFormData } from './types';\nimport { HeaderImageInput } from '../HeaderImageInput/HeaderImageInput';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport ExpandLessIcon from '@material-ui/icons/ExpandLess';\nimport HelpIcon from '@material-ui/icons/Help';\n\nconst formToRequest = (\n  form: CollectionFormData,\n  images: number[],\n): CollectionRequest => {\n  return {\n    ...form,\n    images,\n  };\n};\n\nexport type CollectionFormProps = {\n  id?: string;\n  onPost?: (collection: CollectionResponse) => void;\n};\n\nconst getDefaultValues = (): CollectionFormData => {\n  return {\n    title: '',\n    images: [],\n  };\n};\n\nconst getValues = async (\n  api: QetaApi,\n  id?: string,\n): Promise<{ form: CollectionFormData; collection?: CollectionResponse }> => {\n  if (!id) {\n    return { form: getDefaultValues() };\n  }\n\n  const collection = await api.getCollection(id);\n  return {\n    form: {\n      title: collection.title,\n      description: collection.description,\n      headerImage: collection.headerImage,\n      images: collection.images,\n    },\n    collection,\n  };\n};\n\nexport const CollectionForm = (props: CollectionFormProps) => {\n  const { id, onPost } = props;\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const analytics = useAnalytics();\n  const [posting, setPosting] = useState(false);\n  const [values, setValues] = useState(getDefaultValues());\n  const [error, setError] = useState(false);\n  const [edited, setEdited] = useState(false);\n  const [images, setImages] = useState<number[]>([]);\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const qetaApi = useApi(qetaApiRef);\n  const {\n    handleSubmit,\n    control,\n    reset,\n    setValue,\n    formState: { errors, isSubmitting },\n  } = useForm<CollectionFormData>({\n    values,\n    defaultValues: getDefaultValues(),\n  });\n\n  const postQuestion = (data: CollectionFormData) => {\n    setPosting(true);\n\n    if (id) {\n      qetaApi\n        .updateCollection(Number(id), formToRequest(data, images))\n        .then(q => {\n          if (!q || !q.id) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          reset();\n          analytics.captureEvent('edit', 'collection');\n          if (onPost) {\n            onPost(q);\n          } else {\n            navigate(collectionRoute({ id: q.id.toString(10) }));\n          }\n        })\n        .catch(_e => {\n          setError(true);\n          setPosting(false);\n        });\n      return;\n    }\n    qetaApi\n      .createCollection(formToRequest(data, images))\n      .then(q => {\n        if (!q || !q.id) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'collection');\n        reset();\n        navigate(collectionRoute({ id: q.id.toString(10) }));\n      })\n      .catch(_e => {\n        setError(true);\n        setPosting(false);\n      });\n  };\n\n  useEffect(() => {\n    if (id) {\n      getValues(qetaApi, id).then(data => {\n        setValues(data.form);\n        setImages(data.form.images);\n      });\n    }\n  }, [qetaApi, id]);\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    },\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  return (\n    <form\n      onSubmit={handleSubmit(postQuestion)}\n      onChange={() => {\n        setEdited(true);\n      }}\n    >\n      {error && (\n        <Alert severity=\"error\">{t('collectionForm.errorPosting')}</Alert>\n      )}\n      <Controller\n        control={control}\n        render={({ field: { onChange, value } }) => (\n          <HeaderImageInput\n            onChange={onChange}\n            onImageUpload={onImageUpload}\n            url={value}\n            collectionId={id ? Number(id) : undefined}\n          />\n        )}\n        name=\"headerImage\"\n      />\n      <Box mb={2}>\n        <TextField\n          label={t('collectionForm.titleInput.label')}\n          className=\"qetaCollectionFormTitle\"\n          required\n          fullWidth\n          error={'title' in errors}\n          margin=\"normal\"\n          name=\"title\"\n          variant=\"outlined\"\n          helperText={\n            <span>\n              {t('collectionForm.titleInput.helperText')}{' '}\n              <span style={{ float: 'right' }}>{titleCharCount}/255</span>\n            </span>\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('collectionForm.descriptionInput.label')}\n          <Tooltip title=\"Tips for a good collection\">\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            rel=\"noopener noreferrer\"\n            color=\"inherit\"\n            style={{ fontSize: 12 }}\n          >\n            {t('collectionForm.descriptionInput.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              <li>{t('collectionForm.tips_1')}</li>\n              <li>{t('collectionForm.tips_2')}</li>\n              <li>{t('collectionForm.tips_3')}</li>\n            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value ?? ''}\n            onChange={onChange}\n            height={400}\n            name=\"description\"\n            error={'description' in errors}\n            placeholder={t('collectionForm.descriptionInput.placeholder')}\n            onImageUpload={onImageUpload}\n            collectionId={id ? Number(id) : undefined}\n          />\n        )}\n        name=\"description\"\n      />\n      <Box mt={3}>\n        <Button\n          color=\"primary\"\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={posting || isSubmitting}\n          size=\"large\"\n        >\n          {posting ? (\n            <span>\n              {t('collectionForm.submitting')}{' '}\n              <span className=\"spinner-border spinner-border-sm\" />\n            </span>\n          ) : (\n            t(\n              id\n                ? 'collectionForm.submit.existingCollection'\n                : 'collectionForm.submit.newCollection',\n            )\n          )}\n        </Button>\n      </Box>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRouteRef, useAnalytics, useApi, configApiRef, alertApiRef } from '@backstage/core-plugin-api';
-import { Box, TextField, Typography, Tooltip, IconButton, Collapse, Button, FormControlLabel, Switch } from '@material-ui/core';
+import { Box, TextField, Typography, Tooltip, IconButton, Link, Collapse, Button, FormControlLabel, Switch } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import { useState, useCallback, useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
@@ -409,25 +409,25 @@ const PostForm = (props) => {
                 t("postForm.contentInput.label", { type }),
                 /* @__PURE__ */ jsx(Tooltip, { title: "Tips for a good question", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: () => setShowTips((v) => !v), children: showTips ? /* @__PURE__ */ jsx(ExpandLessIcon, {}) : /* @__PURE__ */ jsx(ExpandMoreIcon, {}) }) })
               ] }),
-              /* @__PURE__ */ jsxs(Box, { children: [
-                /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: "https://www.markdownguide.org/cheat-sheet/",
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    style: { fontSize: 12 },
-                    children: t("postForm.contentInput.markdownHelp")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  HelpIcon,
-                  {
-                    fontSize: "small",
-                    style: { marginLeft: 4, verticalAlign: "middle" }
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
+                Link,
+                {
+                  href: "https://www.markdownguide.org/cheat-sheet/",
+                  target: "_blank",
+                  color: "inherit",
+                  rel: "noopener noreferrer",
+                  style: { fontSize: 12 },
+                  children: [
+                    t("postForm.contentInput.markdownHelp"),
+                    /* @__PURE__ */ jsx(
+                      HelpIcon,
+                      {
+                        style: { fontSize: 12, marginLeft: 4, verticalAlign: "middle" }
+                      }
+                    )
+                  ]
+                }
+              ) })
             ]
           }
         ),

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  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  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, 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    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 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 { 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 {\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 = type === 'question' ? questionRoute : articleRoute;\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      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 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      <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('postForm.titleInput.placeholder')}\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          <a\n            href=\"https://www.markdownguide.org/cheat-sheet/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            style={{ fontSize: 12 }}\n          >\n            {t('postForm.contentInput.markdownHelp')}\n          </a>\n          <HelpIcon\n            fontSize=\"small\"\n            style={{ marginLeft: 4, verticalAlign: 'middle' }}\n          />\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              {type === 'article' ? (\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                <>\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            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value}\n            onChange={onChange}\n            height={400}\n            error={'content' in errors}\n            placeholder={\n              type === 'article'\n                ? t('postForm.contentInput.placeholder_article')\n                : t('postForm.contentInput.placeholder_question')\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  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, 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    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 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 { 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 {\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 = type === 'question' ? questionRoute : articleRoute;\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      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 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      <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('postForm.titleInput.placeholder')}\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              {type === 'article' ? (\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                <>\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            </ul>\n          </Typography>\n        </Box>\n      </Collapse>\n      <Controller\n        control={control}\n        rules={{\n          required: true,\n        }}\n        render={({ field: { onChange, value } }) => (\n          <MarkdownEditor\n            value={value}\n            onChange={onChange}\n            height={400}\n            error={'content' in errors}\n            placeholder={\n              type === 'article'\n                ? t('postForm.contentInput.placeholder_article')\n                : t('postForm.contentInput.placeholder_question')\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/components/TagsAndEntities/UserChip.esm.js

@@ -39,7 +39,7 @@ const UserTooltip = (props) => {
             src: user?.spec?.profile?.picture,
             alt: name,
             variant: "rounded",
-            style: { width: "0.9em", height: "0.9em" },
+            style: { width: "20px", height: "20px" },
             children: initials
           }
         ) }),

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

@@ -1 +1 @@
-{"version":3,"file":"UserChip.esm.js","sources":["../../../src/components/TagsAndEntities/UserChip.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const UserTooltip = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n}) => {\n  const { entityRef, anonymous } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              style={{ width: '0.9em', height: '0.9em' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {name}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      {!users.loading && currentUser?.userEntityRef !== entityRef && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (users.isFollowingUser(entityRef)) {\n                users.unfollowUser(entityRef);\n              } else {\n                users.followUser(entityRef);\n              }\n            }}\n            startIcon={\n              users.isFollowingUser(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {users.isFollowingUser(entityRef)\n              ? t('userButton.unfollow')\n              : t('userButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const UserChip = (props: { entityRef: string }) => {\n  const navigate = useNavigate();\n  const { entityRef } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={userName}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(`${userRoute()}/${entityRef}`);\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserChip.esm.js","sources":["../../../src/components/TagsAndEntities/UserChip.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '../../routes';\nimport { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const UserTooltip = (props: {\n  entityRef: string;\n  anonymous?: boolean;\n}) => {\n  const { entityRef, anonymous } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <Box style={{ display: 'inline-block', marginRight: '0.5em' }}>\n            <Avatar\n              src={user?.spec?.profile?.picture}\n              alt={name}\n              variant=\"rounded\"\n              style={{ width: '20px', height: '20px' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n            }}\n          >\n            {name}\n          </Typography>\n        </Box>\n        <Typography variant=\"subtitle2\">{secondaryTitle}</Typography>\n      </Grid>\n      {!users.loading && currentUser?.userEntityRef !== entityRef && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (users.isFollowingUser(entityRef)) {\n                users.unfollowUser(entityRef);\n              } else {\n                users.followUser(entityRef);\n              }\n            }}\n            startIcon={\n              users.isFollowingUser(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {users.isFollowingUser(entityRef)\n              ? t('userButton.unfollow')\n              : t('userButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const UserChip = (props: { entityRef: string }) => {\n  const navigate = useNavigate();\n  const { entityRef } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>{t('userLink.anonymous')}</>;\n  }\n  return (\n    <Tooltip\n      arrow\n      title={<UserTooltip entityRef={entityRef} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={userName}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(`${userRoute()}/${entityRef}`);\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.31.2",
+  "version": "3.31.3",
   "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.0",
     "@backstage/plugin-permission-react": "^0.4.34",
     "@backstage/plugin-signals-react": "^0.0.13",
-    "@drodil/backstage-plugin-qeta-common": "^3.31.2",
+    "@drodil/backstage-plugin-qeta-common": "^3.31.3",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",