@drodil/backstage-plugin-qeta-react 3.30.0 → 3.30.2

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

@@ -159,6 +159,7 @@ const CollectionForm = (props) => {
             fullWidth: true,
             error: "title" in errors,
             margin: "normal",
+            name: "title",
             variant: "outlined",
             helperText: /* @__PURE__ */ jsxs("span", { children: [
               t("collectionForm.titleInput.helperText"),
@@ -228,6 +229,7 @@ const CollectionForm = (props) => {
                 value: value ?? "",
                 onChange,
                 height: 400,
+                name: "description",
                 error: "description" in errors,
                 placeholder: t("collectionForm.descriptionInput.placeholder"),
                 onImageUpload,

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          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            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  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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"}

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

@@ -17,7 +17,7 @@ const EntitiesGridContent = (props) => {
     return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("entitiesPage.errorLoading"), children: error?.message });
   }
   if (!response?.entities || response.entities.length === 0) {
-    return /* @__PURE__ */ jsx(NoEntitiesCard, {});
+    return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(NoEntitiesCard, {}) });
   }
   return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response?.entities.map((entity) => /* @__PURE__ */ jsx(EntitiesGridItem, { entity }, entity.entityRef)) });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.entities.map(entity => (\n        <EntitiesGridItem entity={entity} key={entity.entityRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA;AAGzB,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,oBAAU,QAAS,CAAA,GAAA,CAAI,4BACrB,GAAA,CAAA,gBAAA,EAAA,EAAiB,UAAqB,MAAO,CAAA,SAAW,CAC1D,CACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.entities || response.entities.length === 0) {\n    return (\n      <Grid item xs={12}>\n        <NoEntitiesCard />\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.entities.map(entity => (\n        <EntitiesGridItem entity={entity} key={entity.entityRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IACE,uBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,CAClB,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,oBAAU,QAAS,CAAA,GAAA,CAAI,4BACrB,GAAA,CAAA,gBAAA,EAAA,EAAiB,UAAqB,MAAO,CAAA,SAAW,CAC1D,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -5,7 +5,7 @@ import { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoEntitiesCard = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,

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

@@ -1 +1 @@
-{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`entitiesPage.entities`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,GAC1C,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`entitiesPage.entities`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,GAC1C,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/GridItemStyles/useGridItemStyles.esm.js

@@ -5,6 +5,7 @@ const useGridItemStyles = makeStyles((theme) => ({
     height: "100%",
     display: "flex",
     flexDirection: "column",
+    justifyContent: "space-between",
     transition: "transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out",
     "&:hover": {
       transform: "translateY(-4px)",
@@ -13,7 +14,7 @@ const useGridItemStyles = makeStyles((theme) => ({
     backgroundColor: theme.palette.background.default
   },
   cardHeader: {
-    padding: theme.spacing(2),
+    padding: theme.spacing(2, 2, 1, 2),
     "& .MuiTypography-h6": {
       fontSize: "1.25rem",
       fontWeight: 600
@@ -24,7 +25,7 @@ const useGridItemStyles = makeStyles((theme) => ({
     }
   },
   cardContent: {
-    padding: theme.spacing(2),
+    padding: theme.spacing(0, 2, 2, 2),
     flexGrow: 1
   },
   stats: {
@@ -45,7 +46,10 @@ const useGridItemStyles = makeStyles((theme) => ({
   },
   description: {
     color: theme.palette.text.primary,
-    lineHeight: 1.5
+    lineHeight: 1.5,
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis"
   },
   cardActions: {
     padding: theme.spacing(2),

package/dist/components/GridItemStyles/useGridItemStyles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGridItemStyles.esm.js","sources":["../../../src/components/GridItemStyles/useGridItemStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useGridItemStyles = makeStyles(theme => ({\n  card: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',\n    '&:hover': {\n      transform: 'translateY(-4px)',\n      boxShadow: theme.shadows[4],\n    },\n    backgroundColor: theme.palette.background.default,\n  },\n  cardHeader: {\n    padding: theme.spacing(2),\n    '& .MuiTypography-h6': {\n      fontSize: '1.25rem',\n      fontWeight: 600,\n    },\n    '& .MuiAvatar-root': {\n      width: 40,\n      height: 40,\n    },\n  },\n  cardContent: {\n    padding: theme.spacing(2),\n    flexGrow: 1,\n  },\n  stats: {\n    color: theme.palette.text.secondary,\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n    '& > span': {\n      display: 'inline-flex',\n      alignItems: 'center',\n    },\n  },\n  experts: {\n    marginBottom: theme.spacing(1),\n    '& .MuiTypography-caption': {\n      color: theme.palette.text.secondary,\n    },\n  },\n  description: {\n    color: theme.palette.text.primary,\n    lineHeight: 1.5,\n  },\n  cardActions: {\n    padding: theme.spacing(2),\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  actionButton: {\n    margin: theme.spacing(0, 1),\n    textTransform: 'none',\n  },\n  ellipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: 180,\n    display: 'block',\n  },\n}));\n\nexport default useGridItemStyles;\n"],"names":[],"mappings":";;AAEM,MAAA,iBAAA,GAAoB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC7C,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,yDAAA;AAAA,IACZ,SAAW,EAAA;AAAA,MACT,SAAW,EAAA,kBAAA;AAAA,MACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,GAC5C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,UAAY,EAAA;AAAA,KACd;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,UAAY,EAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,MACT,UAAY,EAAA;AAAA;AACd,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,0BAA4B,EAAA;AAAA,MAC1B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,GAC/C;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,GAAA;AAAA,IACV,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA;;;;"}
+{"version":3,"file":"useGridItemStyles.esm.js","sources":["../../../src/components/GridItemStyles/useGridItemStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nconst useGridItemStyles = makeStyles(theme => ({\n  card: {\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',\n    '&:hover': {\n      transform: 'translateY(-4px)',\n      boxShadow: theme.shadows[4],\n    },\n    backgroundColor: theme.palette.background.default,\n  },\n  cardHeader: {\n    padding: theme.spacing(2, 2, 1, 2),\n    '& .MuiTypography-h6': {\n      fontSize: '1.25rem',\n      fontWeight: 600,\n    },\n    '& .MuiAvatar-root': {\n      width: 40,\n      height: 40,\n    },\n  },\n  cardContent: {\n    padding: theme.spacing(0, 2, 2, 2),\n    flexGrow: 1,\n  },\n  stats: {\n    color: theme.palette.text.secondary,\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: theme.spacing(1),\n    '& > span': {\n      display: 'inline-flex',\n      alignItems: 'center',\n    },\n  },\n  experts: {\n    marginBottom: theme.spacing(1),\n    '& .MuiTypography-caption': {\n      color: theme.palette.text.secondary,\n    },\n  },\n  description: {\n    color: theme.palette.text.primary,\n    lineHeight: 1.5,\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n  },\n  cardActions: {\n    padding: theme.spacing(2),\n    borderTop: `1px solid ${theme.palette.divider}`,\n  },\n  actionButton: {\n    margin: theme.spacing(0, 1),\n    textTransform: 'none',\n  },\n  ellipsis: {\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: 180,\n    display: 'block',\n  },\n}));\n\nexport default useGridItemStyles;\n"],"names":[],"mappings":";;AAEM,MAAA,iBAAA,GAAoB,WAAW,CAAU,KAAA,MAAA;AAAA,EAC7C,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA,eAAA;AAAA,IAChB,UAAY,EAAA,yDAAA;AAAA,IACZ,SAAW,EAAA;AAAA,MACT,SAAW,EAAA,kBAAA;AAAA,MACX,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC5B;AAAA,IACA,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,GAC5C;AAAA,EACA,UAAY,EAAA;AAAA,IACV,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,IACjC,qBAAuB,EAAA;AAAA,MACrB,QAAU,EAAA,SAAA;AAAA,MACV,UAAY,EAAA;AAAA,KACd;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,IACjC,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,UAAY,EAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,MACT,UAAY,EAAA;AAAA;AACd,GACF;AAAA,EACA,OAAS,EAAA;AAAA,IACP,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IAC7B,0BAA4B,EAAA;AAAA,MAC1B,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC5B,GACF;AAAA,EACA,WAAa,EAAA;AAAA,IACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,UAAY,EAAA,GAAA;AAAA,IACZ,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,WAAa,EAAA;AAAA,IACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACxB,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,GAC/C;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,MAAQ,EAAA,KAAA,CAAM,OAAQ,CAAA,CAAA,EAAG,CAAC,CAAA;AAAA,IAC1B,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,GAAA;AAAA,IACV,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA;;;;"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -106,6 +106,7 @@ const MarkdownEditor = (props) => {
     placeholder,
     disableAttachments,
     onTagsChange,
+    name,
     disableToolbar,
     disablePreview,
     postId,
@@ -200,6 +201,7 @@ const MarkdownEditor = (props) => {
           placeholder,
           disabled,
           autoFocus,
+          name,
           onBlur: () => {
             if (onTagsChange) {
               onTagsChange(findTagMentions(value).map((t) => t.slice(1)));

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { useState } from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = useState<'write' | 'preview'>('write');\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n\n  const loadUserSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadUserSuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(t => t.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={['@', '#']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport { useState } from 'react';\nimport ReactMde from 'react-mde';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { imageUpload } from '../../utils/utils';\nimport { makeStyles } from '@material-ui/core';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef, UserEntity } from '@backstage/catalog-model';\nimport { findTagMentions } from '@drodil/backstage-plugin-qeta-common';\n\nexport type QetaMarkdownEditorClassKey =\n  | 'markdownEditor'\n  | 'markdownEditorError'\n  | 'markdownPreview'\n  | 'suggestionsDropdown';\n\nexport const useStyles = makeStyles(\n  theme => {\n    return {\n      markdownEditor: {\n        backgroundColor: 'initial',\n        color: theme.palette.text.primary,\n        border: `1px solid ${theme.palette.action.disabled}`,\n        borderRadius: theme.shape.borderRadius,\n        '&:hover': {\n          borderColor: theme.palette.action.active,\n        },\n        '&:focus-within': {\n          borderColor: theme.palette.primary.main,\n        },\n        '& .mde-header': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          borderBottom: `1px solid ${theme.palette.action.selected}`,\n          '& .mde-tabs button, .mde-header-item > button': {\n            color: `${theme.palette.text.primary} !important`,\n          },\n        },\n        '& .mde-preview-content': {\n          padding: '10px',\n        },\n        '& .mde-text, .mde-preview': {\n          fontSize: theme.typography.body1.fontSize,\n          fontFamily: theme.typography.body1.fontFamily,\n          lineHeight: theme.typography.body1.lineHeight,\n        },\n        '& .mde-text': {\n          backgroundColor: 'initial',\n          color: theme.palette.text.primary,\n          outline: 'none',\n        },\n        '& .image-tip': {\n          color: theme.palette.text.primary,\n          backgroundColor: 'initial',\n        },\n      },\n      markdownEditorError: {\n        border: `1px solid ${theme.palette.error.main} !important`,\n      },\n      markdownPreview: {\n        '& *': {\n          wordBreak: 'break-word',\n        },\n        '&.inline': {\n          display: 'inline-block',\n        },\n        '& > :first-child': {\n          marginTop: '0px !important',\n        },\n        '& > :last-child': {\n          marginBottom: '0px !important',\n        },\n      },\n      suggestionsDropdown: {\n        position: 'absolute',\n        minWidth: '180px',\n        margin: '20px 0 0',\n        listStyle: 'none',\n        padding: '0',\n        cursor: 'pointer',\n        background: theme.palette.background.paper,\n        border: `1px solid ${theme.palette.divider}`,\n        borderRadius: theme.shape.borderRadius,\n        '& li': {\n          width: '100%',\n          padding: '0.5rem',\n          '&:hover': {\n            backgroundColor: theme.palette.action.hover,\n          },\n        },\n      },\n      hide: {\n        display: 'none',\n      },\n    };\n  },\n  { name: 'QetaMarkdownEditor' },\n);\n\nexport type MarkdownEditorProps = {\n  value: string;\n  onChange: (value: string) => void;\n  onTagsChange?: (tags: string[]) => void;\n  height: number;\n  name?: string;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload?: (imageId: number) => void;\n  disableToolbar?: boolean;\n  disableAttachments?: boolean;\n  disablePreview?: boolean;\n  postId?: number;\n  disabled?: boolean;\n  answerId?: number;\n  collectionId?: number;\n  autoFocus?: boolean;\n  required?: boolean;\n};\n\nconst NO_SUGGESTIONS = [{ preview: 'No suggestions', value: '' }];\n\nexport const MarkdownEditor = (props: MarkdownEditorProps) => {\n  const {\n    value,\n    onChange,\n    height,\n    disabled,\n    error,\n    placeholder,\n    disableAttachments,\n    onTagsChange,\n    name,\n    disableToolbar,\n    disablePreview,\n    postId,\n    answerId,\n    collectionId,\n    autoFocus,\n    required = true,\n  } = props;\n  const [selectedTab, setSelectedTab] = useState<'write' | 'preview'>('write');\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const config = useApi(configApiRef);\n\n  const loadUserSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const users = await catalogApi.queryEntities({\n      filter: { kind: 'User' },\n      limit: 5,\n      fullTextFilter: {\n        term: text,\n        fields: [\n          'metadata.name',\n          'metadata.title',\n          'spec.profile.displayName',\n          'spec.profile.email',\n        ],\n      },\n    });\n\n    if (users.items.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n\n    return users.items.map(entity => {\n      const user = entity as UserEntity;\n      const preview =\n        user.metadata.title ??\n        user.spec?.profile?.displayName ??\n        user.metadata.name;\n      return {\n        preview,\n        value: `@${stringifyEntityRef(user)}`,\n      };\n    });\n  };\n\n  const loadTagSuggestions = async (text: string) => {\n    if (!text) {\n      return NO_SUGGESTIONS;\n    }\n    const tags = await qetaApi.getTags({ searchQuery: text });\n    if (tags.tags.length === 0) {\n      return NO_SUGGESTIONS;\n    }\n    return tags.tags.map(tag => {\n      return {\n        preview: tag.tag,\n        value: `#${tag.tag}`,\n      };\n    });\n  };\n\n  const loadSuggestions = async (text: string, triggeredBy: string) => {\n    if (!text || !triggeredBy) {\n      return NO_SUGGESTIONS;\n    }\n    if (triggeredBy === '@') {\n      return loadUserSuggestions(text);\n    }\n    if (triggeredBy === '#') {\n      return loadTagSuggestions(text);\n    }\n    return NO_SUGGESTIONS;\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') ||\n    disableAttachments ||\n    false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: `${\n          disableToolbar ? styles.hide : ''\n        } qetaMarkdownEditorToolbar`,\n        suggestionsDropdown: styles.suggestionsDropdown,\n      }}\n      disablePreview={disablePreview}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required,\n          placeholder,\n          disabled,\n          autoFocus,\n          name,\n          onBlur: () => {\n            if (onTagsChange) {\n              onTagsChange(findTagMentions(value).map(t => t.slice(1)));\n            }\n          },\n        },\n      }}\n      suggestionTriggerCharacters={['@', '#']}\n      loadSuggestions={loadSuggestions}\n      suggestionsAutoplace\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownRenderer\n            content={content}\n            className={`qetaMarkdownEditorPreview ${styles.markdownPreview}`}\n            useBlankLinks\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload({\n                qetaApi,\n                errorApi,\n                onImageUpload: props.onImageUpload,\n                postId,\n                answerId,\n                collectionId,\n              }),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -25,6 +25,7 @@ const EntitiesInput = (props) => {
     error,
     maximum,
     label,
+    name = "entities",
     placeholder,
     autocompleteProps
   } = props;
@@ -170,6 +171,7 @@ const EntitiesInput = (props) => {
             label: label || t("entitiesInput.label"),
             placeholder: placeholder || t("entitiesInput.placeholder"),
             helperText,
+            name,
             FormHelperTextProps: {
               style: { marginLeft: "0.2em" }
             },

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\n\nexport const EntitiesInput = (props: {\n  value?: Entity[];\n  singleValue?: string;\n  onChange: (value: Entity[]) => void;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n}) => {\n  const {\n    value,\n    singleValue,\n    onChange,\n    useOnlyUsedEntities = false,\n    hideHelpText = false,\n    style,\n    disabled,\n    kind,\n    error,\n    maximum,\n    label,\n    placeholder,\n    autocompleteProps,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n    [],\n  );\n  const [loading, setLoading] = useState(true);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const entityKinds: string[] = useMemo(() => {\n    if (kind) {\n      return kind;\n    }\n    let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n    if (!kinds) {\n      kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n    }\n    return kinds || ['Component', 'System'];\n  }, [configApi, kind]);\n  const max = useMemo(() => {\n    if (maximum) {\n      return maximum;\n    }\n    return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n  }, [configApi, maximum]);\n\n  useEffect(() => {\n    if (singleValue) {\n      catalogApi.getEntityByRef(singleValue).then(data => {\n        setLoading(false);\n        if (data) {\n          setAvailableEntities([data]);\n        }\n      });\n    }\n  }, [catalogApi, singleValue]);\n\n  useEffect(() => {\n    if (singleValue) {\n      return;\n    }\n\n    if (useOnlyUsedEntities) {\n      qetaApi.getEntities().then(data => {\n        const refs = data.entities.map(r => r.entityRef);\n        catalogApi\n          .getEntitiesByRefs({ entityRefs: refs })\n          .catch(_ => setAvailableEntities(null))\n          .then(catalogData => {\n            setLoading(false);\n            setAvailableEntities(\n              catalogData ? compact(catalogData.items) : null,\n            );\n          });\n      });\n      return;\n    }\n\n    if (entityKinds && entityKinds.length > 0) {\n      catalogApi\n        .getEntities({\n          order: { field: 'kind', order: 'asc' },\n          filter: { kind: entityKinds },\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n            'metadata.description',\n            'spec.type',\n          ],\n        })\n        .catch(_ => setAvailableEntities(null))\n        .then(data => {\n          setLoading(false);\n          setAvailableEntities(data ? data.items : null);\n        });\n    }\n  }, [\n    catalogApi,\n    singleValue,\n    configApi,\n    entityKinds,\n    useOnlyUsedEntities,\n    qetaApi,\n  ]);\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Autocomplete\n      multiple\n      autoHighlight\n      autoComplete\n      className=\"qetaEntitiesInput\"\n      value={value}\n      disabled={disabled}\n      loading={loading}\n      loadingText={t('common.loading')}\n      groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n      renderGroup={renderGroup}\n      id=\"entities-select\"\n      handleHomeEndKeys\n      options={availableEntities}\n      getOptionLabel={getEntityTitle}\n      ListboxComponent={\n        AutocompleteListboxComponent as ComponentType<\n          HTMLAttributes<HTMLElement>\n        >\n      }\n      disableListWrap\n      style={style}\n      getOptionSelected={(o, v) =>\n        stringifyEntityRef(o) === stringifyEntityRef(v)\n      }\n      onChange={(_e, newValue) => {\n        if (!newValue) {\n          onChange([]);\n          return;\n        }\n        const val = Array.isArray(newValue) ? newValue : [newValue];\n        if (max === null || val.length <= max) {\n          onChange(val as Entity[]);\n        }\n      }}\n      renderOption={option => {\n        return (\n          <>\n            <Tooltip\n              arrow\n              placement=\"right\"\n              title={\n                <>\n                  <Typography>{getEntityTitle(option)}</Typography>\n                  <Typography variant=\"caption\">\n                    {stringifyEntityRef(option)}\n                  </Typography>\n                  <Typography variant=\"caption\">\n                    {option.metadata.description}\n                  </Typography>\n                </>\n              }\n            >\n              <span>{getEntityTitle(option, { withType: false })}</span>\n            </Tooltip>\n          </>\n        );\n      }}\n      renderInput={params => {\n        let helperText = '';\n        if (!hideHelpText) {\n          if (error && error.message) {\n            helperText = error.message;\n          } else {\n            helperText = t('entitiesInput.helperText', { max: max.toString() });\n          }\n        }\n\n        return (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label || t('entitiesInput.label')}\n            placeholder={placeholder || t('entitiesInput.placeholder')}\n            helperText={helperText}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            error={error !== undefined}\n          />\n        );\n      }}\n      {...autocompleteProps}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntitiesInput.esm.js","sources":["../../../src/components/PostForm/EntitiesInput.tsx"],"sourcesContent":["import { Autocomplete } from '@material-ui/lab';\nimport { getEntityTitle } from '../../utils/utils';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  CircularProgress,\n  TextField,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport {\n  ComponentType,\n  CSSProperties,\n  HTMLAttributes,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { qetaApiRef } from '../../api';\nimport { compact } from 'lodash';\nimport {\n  AutocompleteListboxComponent,\n  renderGroup,\n} from './AutocompleteListComponent';\nimport { AutocompleteProps } from '@material-ui/lab/Autocomplete/Autocomplete';\nimport { FieldError } from 'react-hook-form';\n\nexport const EntitiesInput = (props: {\n  value?: Entity[];\n  singleValue?: string;\n  onChange: (value: Entity[]) => void;\n  useOnlyUsedEntities?: boolean;\n  hideHelpText?: boolean;\n  style?: CSSProperties;\n  disabled?: boolean;\n  kind?: string[];\n  maximum?: number | null;\n  error?: FieldError;\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  autocompleteProps?: AutocompleteProps<any, any, any, any>;\n}) => {\n  const {\n    value,\n    singleValue,\n    onChange,\n    useOnlyUsedEntities = false,\n    hideHelpText = false,\n    style,\n    disabled,\n    kind,\n    error,\n    maximum,\n    label,\n    name = 'entities',\n    placeholder,\n    autocompleteProps,\n  } = props;\n\n  const configApi = useApi(configApiRef);\n  const catalogApi = useApi(catalogApiRef);\n  const qetaApi = useApi(qetaApiRef);\n  const [availableEntities, setAvailableEntities] = useState<Entity[] | null>(\n    [],\n  );\n  const [loading, setLoading] = useState(true);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const entityKinds: string[] = useMemo(() => {\n    if (kind) {\n      return kind;\n    }\n    let kinds = configApi.getOptionalStringArray('qeta.entityKinds');\n    if (!kinds) {\n      kinds = configApi.getOptionalStringArray('qeta.entities.kinds');\n    }\n    return kinds || ['Component', 'System'];\n  }, [configApi, kind]);\n  const max = useMemo(() => {\n    if (maximum) {\n      return maximum;\n    }\n    return configApi.getOptionalNumber('qeta.entities.max') ?? 3;\n  }, [configApi, maximum]);\n\n  useEffect(() => {\n    if (singleValue) {\n      catalogApi.getEntityByRef(singleValue).then(data => {\n        setLoading(false);\n        if (data) {\n          setAvailableEntities([data]);\n        }\n      });\n    }\n  }, [catalogApi, singleValue]);\n\n  useEffect(() => {\n    if (singleValue) {\n      return;\n    }\n\n    if (useOnlyUsedEntities) {\n      qetaApi.getEntities().then(data => {\n        const refs = data.entities.map(r => r.entityRef);\n        catalogApi\n          .getEntitiesByRefs({ entityRefs: refs })\n          .catch(_ => setAvailableEntities(null))\n          .then(catalogData => {\n            setLoading(false);\n            setAvailableEntities(\n              catalogData ? compact(catalogData.items) : null,\n            );\n          });\n      });\n      return;\n    }\n\n    if (entityKinds && entityKinds.length > 0) {\n      catalogApi\n        .getEntities({\n          order: { field: 'kind', order: 'asc' },\n          filter: { kind: entityKinds },\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n            'metadata.description',\n            'spec.type',\n          ],\n        })\n        .catch(_ => setAvailableEntities(null))\n        .then(data => {\n          setLoading(false);\n          setAvailableEntities(data ? data.items : null);\n        });\n    }\n  }, [\n    catalogApi,\n    singleValue,\n    configApi,\n    entityKinds,\n    useOnlyUsedEntities,\n    qetaApi,\n  ]);\n\n  if (!availableEntities) {\n    return null;\n  }\n\n  return (\n    <Autocomplete\n      multiple\n      autoHighlight\n      autoComplete\n      className=\"qetaEntitiesInput\"\n      value={value}\n      disabled={disabled}\n      loading={loading}\n      loadingText={t('common.loading')}\n      groupBy={entityKinds.length > 1 ? option => option.kind : undefined}\n      renderGroup={renderGroup}\n      id=\"entities-select\"\n      handleHomeEndKeys\n      options={availableEntities}\n      getOptionLabel={getEntityTitle}\n      ListboxComponent={\n        AutocompleteListboxComponent as ComponentType<\n          HTMLAttributes<HTMLElement>\n        >\n      }\n      disableListWrap\n      style={style}\n      getOptionSelected={(o, v) =>\n        stringifyEntityRef(o) === stringifyEntityRef(v)\n      }\n      onChange={(_e, newValue) => {\n        if (!newValue) {\n          onChange([]);\n          return;\n        }\n        const val = Array.isArray(newValue) ? newValue : [newValue];\n        if (max === null || val.length <= max) {\n          onChange(val as Entity[]);\n        }\n      }}\n      renderOption={option => {\n        return (\n          <>\n            <Tooltip\n              arrow\n              placement=\"right\"\n              title={\n                <>\n                  <Typography>{getEntityTitle(option)}</Typography>\n                  <Typography variant=\"caption\">\n                    {stringifyEntityRef(option)}\n                  </Typography>\n                  <Typography variant=\"caption\">\n                    {option.metadata.description}\n                  </Typography>\n                </>\n              }\n            >\n              <span>{getEntityTitle(option, { withType: false })}</span>\n            </Tooltip>\n          </>\n        );\n      }}\n      renderInput={params => {\n        let helperText = '';\n        if (!hideHelpText) {\n          if (error && error.message) {\n            helperText = error.message;\n          } else {\n            helperText = t('entitiesInput.helperText', { max: max.toString() });\n          }\n        }\n\n        return (\n          <TextField\n            {...params}\n            variant=\"outlined\"\n            margin=\"normal\"\n            label={label || t('entitiesInput.label')}\n            placeholder={placeholder || t('entitiesInput.placeholder')}\n            helperText={helperText}\n            name={name}\n            FormHelperTextProps={{\n              style: { marginLeft: '0.2em' },\n            }}\n            InputProps={{\n              ...params.InputProps,\n              endAdornment: (\n                <>\n                  {loading ? (\n                    <CircularProgress color=\"inherit\" size={20} />\n                  ) : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            }}\n            error={error !== undefined}\n          />\n        );\n      }}\n      {...autocompleteProps}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -254,6 +254,7 @@ const PostForm = (props) => {
             error: "title" in errors,
             margin: "normal",
             variant: "outlined",
+            name: "title",
             helperText: /* @__PURE__ */ jsxs("span", { children: [
               t("postForm.titleInput.helperText", { type }),
               " ",

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  configApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} 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, useSearchParams } from 'react-router-dom';\nimport {\n  PostRequest,\n  PostResponse,\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';\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  };\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 [edited, setEdited] = useState(false);\n\n  const [images, setImages] = useState<number[]>([]);\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 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 },\n  } = useForm<QuestionFormValues>({\n    values,\n    defaultValues: getDefaultValues(props),\n  });\n\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n  const postQuestion = (data: QuestionFormValues) => {\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    if (id) {\n      qetaApi\n        .updatePost(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', type);\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        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  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).then(data => {\n        setValues(data);\n        setImages(data.images);\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    },\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        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          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 mt={3}>\n        <Button\n          color=\"primary\"\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={posting || isSubmitting}\n          size=\"large\"\n        >\n          {/* eslint-disable-next-line no-nested-ternary */}\n          {posting ? (\n            <span>\n              {t('postForm.submitting')}{' '}\n              <span className=\"spinner-border spinner-border-sm\" />\n            </span>\n          ) : id ? (\n            t('postForm.submit.existingPost')\n          ) : (\n            t('postForm.submit.newPost')\n          )}\n        </Button>\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  configApiRef,\n  useAnalytics,\n  useApi,\n  useRouteRef,\n} 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, useSearchParams } from 'react-router-dom';\nimport {\n  PostRequest,\n  PostResponse,\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';\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  };\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 [edited, setEdited] = useState(false);\n\n  const [images, setImages] = useState<number[]>([]);\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 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 },\n  } = useForm<QuestionFormValues>({\n    values,\n    defaultValues: getDefaultValues(props),\n  });\n\n  const [showTips, setShowTips] = useState(false);\n  const [titleCharCount, setTitleCharCount] = useState(values.title.length);\n\n  const postQuestion = (data: QuestionFormValues) => {\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    if (id) {\n      qetaApi\n        .updatePost(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', type);\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        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  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).then(data => {\n        setValues(data);\n        setImages(data.images);\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    },\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        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 mt={3}>\n        <Button\n          color=\"primary\"\n          type=\"submit\"\n          variant=\"contained\"\n          disabled={posting || isSubmitting}\n          size=\"large\"\n        >\n          {/* eslint-disable-next-line no-nested-ternary */}\n          {posting ? (\n            <span>\n              {t('postForm.submitting')}{' '}\n              <span className=\"spinner-border spinner-border-sm\" />\n            </span>\n          ) : id ? (\n            t('postForm.submit.existingPost')\n          ) : (\n            t('postForm.submit.newPost')\n          )}\n        </Button>\n      </Box>\n    </form>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -20,6 +20,7 @@ const TagInput = (props) => {
     allowCreate,
     hideHelpText = false,
     style,
+    name = "tags",
     title,
     content
   } = props;
@@ -169,6 +170,7 @@ const TagInput = (props) => {
             FormHelperTextProps: {
               style: { marginLeft: "0.2em" }
             },
+            name,
             InputProps: {
               ...params.InputProps,
               endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [

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

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

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

@@ -20,6 +20,7 @@ const useStyles = makeStyles((theme) => ({
     display: "flex",
     flexDirection: "row",
     alignItems: "flex-start",
+    height: "100%",
     padding: theme.spacing(0.5, 2, 2, 2),
     minHeight: 64,
     transition: "all 0.2s ease-in-out",
@@ -86,7 +87,8 @@ const useStyles = makeStyles((theme) => ({
     WebkitBoxOrient: "vertical",
     overflow: "hidden",
     textOverflow: "ellipsis",
-    minHeight: "24px"
+    minHeight: "24px",
+    flexGrow: 1
   },
   authorRow: {
     display: "flex",

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

@@ -1 +1 @@
-{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Chip,\n  makeStyles,\n  Tooltip,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    padding: theme.spacing(0.5, 2, 2, 2),\n    minHeight: 64,\n    transition: 'all 0.2s ease-in-out',\n    '&:hover': {\n      '& $title': {\n        color: theme.palette.primary.main,\n        '& a': {\n          textDecoration: 'underline',\n        },\n      },\n    },\n  },\n  metaCol: {\n    minWidth: 55,\n    maxWidth: 55,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginRight: 16,\n    gap: 8,\n  },\n  metaBox: {\n    width: 55,\n    textAlign: 'center',\n    borderRadius: 6,\n    padding: '6px 0px',\n    fontWeight: 600,\n    fontSize: '18px',\n    background: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.divider}`,\n    lineHeight: '16px',\n  },\n  answersBox: {\n    background: theme.palette.warning.light,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.warning.main}`,\n  },\n  answersBoxAnswered: {\n    background: theme.palette.success.main,\n    color: theme.palette.getContrastText(theme.palette.success.main),\n    border: `1px solid ${theme.palette.success.dark}`,\n  },\n  title: {\n    fontWeight: 700,\n    color: theme.palette.text.primary,\n    marginBottom: 2,\n    marginTop: 0,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    '& a': {\n      color: 'inherit',\n      textDecoration: 'none',\n    },\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    margin: '2px 0 4px 0',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minHeight: '24px',\n  },\n  authorRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 6,\n    marginTop: 2,\n    marginBottom: 2,\n    justifyContent: 'flex-end',\n  },\n  tags: {\n    marginTop: 2,\n    display: 'flex',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n    flex: '1 1 0',\n    minWidth: 0,\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: 8,\n    gap: 8,\n  },\n  authorBoxContainer: {\n    flex: '0 0 220px',\n    width: 220,\n    minWidth: 220,\n    maxWidth: 220,\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    justifyContent: 'stretch',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    marginLeft: theme.spacing(1),\n    padding: '0.5rem 0.5rem',\n    flexShrink: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, showTypeLabel } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const theme = useTheme();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n\n  const route = post.type === 'question' ? questionRoute : articleRoute;\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Box className={styles.root}>\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip title={post.score >= 1000 ? post.score : ''} arrow>\n          <Box\n            className={styles.metaBox}\n            aria-label={t('common.votesCount', { count: post.score })}\n          >\n            {formatShortNumber(post.score)}\n            <div\n              style={{\n                fontWeight: 400,\n                fontSize: '13px',\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {t('common.votes')}\n            </div>\n          </Box>\n        </Tooltip>\n        {post.type === 'question' && (\n          <Box\n            className={\n              correctAnswer\n                ? `${styles.metaBox} ${styles.answersBoxAnswered}`\n                : `${styles.metaBox} ${styles.answersBox}`\n            }\n            aria-label={t('common.answersCount', { count: answersCount })}\n          >\n            <Tooltip title={answersCount >= 1000 ? answersCount : ''} arrow>\n              <span>{formatShortNumber(answersCount)}</span>\n            </Tooltip>\n            <div style={{ fontWeight: 400, fontSize: '13px' }}>\n              {t('common.answers')}\n            </div>\n          </Box>\n        )}\n        <Tooltip title={views >= 1000 ? views : ''} arrow>\n          <Box\n            className={styles.metaBox}\n            aria-label={t('common.viewsCount', { count: views })}\n          >\n            {formatShortNumber(views)}\n            <div\n              style={{\n                fontWeight: 400,\n                fontSize: '13px',\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {t('common.views')}\n            </div>\n          </Box>\n        </Tooltip>\n      </Box>\n      <Box className={styles.contentContainer}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            <Typography component=\"div\" className={styles.title}>\n              <Link\n                to={href}\n                className=\"qetaPostListItemQuestionBtn\"\n                aria-label={post.title}\n                tabIndex={0}\n                style={{ color: 'inherit', textDecoration: 'none' }}\n              >\n                {post.title}\n              </Link>\n            </Typography>\n          </Box>\n          {showTypeLabel && post.type && (\n            <Chip\n              size=\"small\"\n              icon={\n                post.type === 'question' ? (\n                  <QuestionAnswer />\n                ) : (\n                  <CollectionsBookmarkIcon />\n                )\n              }\n              label={t(`common.${post.type}`)}\n              className={styles.typeLabel}\n            />\n          )}\n        </Box>\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <Link\n            to={href}\n            style={{ color: 'inherit', textDecoration: 'none' }}\n            aria-label={t('common.readMore')}\n          >\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 200),\n            )}\n          </Link>\n        </Typography>\n        <Box className={styles.tagsRow}>\n          <Box className={styles.tags}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box className={styles.authorBoxContainer}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={post.created}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer"],"mappings":"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"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { Link } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Box,\n  Chip,\n  makeStyles,\n  Tooltip,\n  Typography,\n  useTheme,\n} from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    height: '100%',\n    padding: theme.spacing(0.5, 2, 2, 2),\n    minHeight: 64,\n    transition: 'all 0.2s ease-in-out',\n    '&:hover': {\n      '& $title': {\n        color: theme.palette.primary.main,\n        '& a': {\n          textDecoration: 'underline',\n        },\n      },\n    },\n  },\n  metaCol: {\n    minWidth: 55,\n    maxWidth: 55,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    justifyContent: 'center',\n    marginRight: 16,\n    gap: 8,\n  },\n  metaBox: {\n    width: 55,\n    textAlign: 'center',\n    borderRadius: 6,\n    padding: '6px 0px',\n    fontWeight: 600,\n    fontSize: '18px',\n    background: theme.palette.background.paper,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.divider}`,\n    lineHeight: '16px',\n  },\n  answersBox: {\n    background: theme.palette.warning.light,\n    color: theme.palette.text.primary,\n    border: `1px solid ${theme.palette.warning.main}`,\n  },\n  answersBoxAnswered: {\n    background: theme.palette.success.main,\n    color: theme.palette.getContrastText(theme.palette.success.main),\n    border: `1px solid ${theme.palette.success.dark}`,\n  },\n  title: {\n    fontWeight: 700,\n    color: theme.palette.text.primary,\n    marginBottom: 2,\n    marginTop: 0,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    '& a': {\n      color: 'inherit',\n      textDecoration: 'none',\n    },\n  },\n  content: {\n    color: theme.palette.text.secondary,\n    margin: '2px 0 4px 0',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    minHeight: '24px',\n    flexGrow: 1,\n  },\n  authorRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 6,\n    marginTop: 2,\n    marginBottom: 2,\n    justifyContent: 'flex-end',\n  },\n  tags: {\n    marginTop: 2,\n    display: 'flex',\n    flexWrap: 'wrap',\n    overflow: 'hidden',\n    flex: '1 1 0',\n    minWidth: 0,\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: 8,\n    gap: 8,\n  },\n  authorBoxContainer: {\n    flex: '0 0 220px',\n    width: 220,\n    minWidth: 220,\n    maxWidth: 220,\n    display: 'flex',\n    justifyContent: 'flex-end',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    justifyContent: 'stretch',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    marginLeft: theme.spacing(1),\n    padding: '0.5rem 0.5rem',\n    flexShrink: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const { post, entity, showTypeLabel } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const theme = useTheme();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n\n  const route = post.type === 'question' ? questionRoute : articleRoute;\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  return (\n    <Box className={styles.root}>\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip title={post.score >= 1000 ? post.score : ''} arrow>\n          <Box\n            className={styles.metaBox}\n            aria-label={t('common.votesCount', { count: post.score })}\n          >\n            {formatShortNumber(post.score)}\n            <div\n              style={{\n                fontWeight: 400,\n                fontSize: '13px',\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {t('common.votes')}\n            </div>\n          </Box>\n        </Tooltip>\n        {post.type === 'question' && (\n          <Box\n            className={\n              correctAnswer\n                ? `${styles.metaBox} ${styles.answersBoxAnswered}`\n                : `${styles.metaBox} ${styles.answersBox}`\n            }\n            aria-label={t('common.answersCount', { count: answersCount })}\n          >\n            <Tooltip title={answersCount >= 1000 ? answersCount : ''} arrow>\n              <span>{formatShortNumber(answersCount)}</span>\n            </Tooltip>\n            <div style={{ fontWeight: 400, fontSize: '13px' }}>\n              {t('common.answers')}\n            </div>\n          </Box>\n        )}\n        <Tooltip title={views >= 1000 ? views : ''} arrow>\n          <Box\n            className={styles.metaBox}\n            aria-label={t('common.viewsCount', { count: views })}\n          >\n            {formatShortNumber(views)}\n            <div\n              style={{\n                fontWeight: 400,\n                fontSize: '13px',\n                color: theme.palette.text.secondary,\n              }}\n            >\n              {t('common.views')}\n            </div>\n          </Box>\n        </Tooltip>\n      </Box>\n      <Box className={styles.contentContainer}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            <Typography component=\"div\" className={styles.title}>\n              <Link\n                to={href}\n                className=\"qetaPostListItemQuestionBtn\"\n                aria-label={post.title}\n                tabIndex={0}\n                style={{ color: 'inherit', textDecoration: 'none' }}\n              >\n                {post.title}\n              </Link>\n            </Typography>\n          </Box>\n          {showTypeLabel && post.type && (\n            <Chip\n              size=\"small\"\n              icon={\n                post.type === 'question' ? (\n                  <QuestionAnswer />\n                ) : (\n                  <CollectionsBookmarkIcon />\n                )\n              }\n              label={t(`common.${post.type}`)}\n              className={styles.typeLabel}\n            />\n          )}\n        </Box>\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <Link\n            to={href}\n            style={{ color: 'inherit', textDecoration: 'none' }}\n            aria-label={t('common.readMore')}\n          >\n            {DOMPurify.sanitize(\n              truncate(removeMarkdownFormatting(post.content), 200),\n            )}\n          </Link>\n        </Typography>\n        <Box className={styles.tagsRow}>\n          <Box className={styles.tags}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box className={styles.authorBoxContainer}>\n            <AuthorBox\n              userEntityRef={post.author}\n              time={post.created}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["QuestionAnswer"],"mappings":"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"}

package/dist/components/SearchBar/SearchBar.esm.js

@@ -112,6 +112,7 @@ const SearchBar = (props) => {
             className: classes.input,
             placeholder: label,
             value: searchQuery,
+            name: "search",
             onKeyDown: handleKeyDown,
             inputProps: {
               "aria-label": label,

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  CircularProgress,\n  IconButton,\n  InputBase,\n  makeStyles,\n  Paper,\n  Theme,\n  Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport debounce from 'lodash/debounce';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport type QetaSearchBarClassKeys =\n  | 'root'\n  | 'input'\n  | 'iconButton'\n  | 'divider'\n  | 'searchIcon'\n  | 'loadingIcon';\n\nconst useStyles = makeStyles(\n  (theme: Theme) => ({\n    root: {\n      padding: '2px 4px',\n      display: 'flex',\n      alignItems: 'center',\n      minWidth: 300,\n      boxShadow: 'none',\n      border: `1px solid ${theme.palette.divider}`,\n      borderRadius: theme.shape.borderRadius,\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        borderColor: theme.palette.primary.main,\n      },\n      '&:focus-within': {\n        borderColor: theme.palette.primary.main,\n        boxShadow: `0 0 0 2px ${theme.palette.primary.light}`,\n      },\n    },\n    input: {\n      marginLeft: theme.spacing(1),\n      flex: 1,\n    },\n    iconButton: {\n      padding: 5,\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    divider: {\n      height: 28,\n      margin: 4,\n    },\n    searchIcon: {\n      color: theme.palette.text.secondary,\n    },\n    loadingIcon: {\n      color: theme.palette.primary.main,\n    },\n  }),\n  { name: 'QetaSearchBar' },\n);\n\nexport const SearchBar = (props: {\n  label: string;\n  onSearch: (query: string) => void;\n  loading?: boolean;\n  minSearchLength?: number;\n  debounceTime?: number;\n}) => {\n  const {\n    label,\n    onSearch,\n    loading = false,\n    minSearchLength = 1,\n    debounceTime = 150,\n  } = props;\n  const [searchQuery, setSearchQuery] = useState('');\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const debouncedSearch = useCallback(\n    (query: string) => {\n      if (query.length >= minSearchLength || query.length === 0) {\n        onSearch(query);\n      }\n    },\n    [onSearch, minSearchLength],\n  );\n\n  const debouncedSearchCallback = useMemo(\n    () => debounce(debouncedSearch, debounceTime),\n    [debouncedSearch, debounceTime],\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedSearchCallback.cancel();\n    };\n  }, [debouncedSearchCallback]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    debouncedSearchCallback(query);\n  };\n\n  const handleClear = () => {\n    setSearchQuery('');\n    onSearch('');\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      handleClear();\n    }\n  };\n\n  return (\n    <Paper\n      component=\"form\"\n      className={classes.root}\n      onSubmit={e => e.preventDefault()}\n    >\n      <Tooltip title={t('common.search')}>\n        <IconButton\n          type=\"button\"\n          aria-label=\"search\"\n          className={classes.iconButton}\n        >\n          {loading ? (\n            <CircularProgress size={24} className={classes.loadingIcon} />\n          ) : (\n            <SearchIcon className={classes.searchIcon} />\n          )}\n        </IconButton>\n      </Tooltip>\n      <InputBase\n        className={classes.input}\n        placeholder={label}\n        value={searchQuery}\n        onKeyDown={handleKeyDown}\n        inputProps={{\n          'aria-label': label,\n          onChange: (\n            event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => handleSearch(event.target.value),\n        }}\n      />\n      {searchQuery && (\n        <Tooltip title={t('common.clear')}>\n          <IconButton\n            type=\"button\"\n            aria-label=\"clear\"\n            className={classes.iconButton}\n            onClick={handleClear}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchBar.esm.js","sources":["../../../src/components/SearchBar/SearchBar.tsx"],"sourcesContent":["import { ChangeEvent, useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  CircularProgress,\n  IconButton,\n  InputBase,\n  makeStyles,\n  Paper,\n  Theme,\n  Tooltip,\n} from '@material-ui/core';\nimport SearchIcon from '@material-ui/icons/Search';\nimport CloseIcon from '@material-ui/icons/Close';\nimport debounce from 'lodash/debounce';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport type QetaSearchBarClassKeys =\n  | 'root'\n  | 'input'\n  | 'iconButton'\n  | 'divider'\n  | 'searchIcon'\n  | 'loadingIcon';\n\nconst useStyles = makeStyles(\n  (theme: Theme) => ({\n    root: {\n      padding: '2px 4px',\n      display: 'flex',\n      alignItems: 'center',\n      minWidth: 300,\n      boxShadow: 'none',\n      border: `1px solid ${theme.palette.divider}`,\n      borderRadius: theme.shape.borderRadius,\n      transition: 'all 0.2s ease-in-out',\n      '&:hover': {\n        borderColor: theme.palette.primary.main,\n      },\n      '&:focus-within': {\n        borderColor: theme.palette.primary.main,\n        boxShadow: `0 0 0 2px ${theme.palette.primary.light}`,\n      },\n    },\n    input: {\n      marginLeft: theme.spacing(1),\n      flex: 1,\n    },\n    iconButton: {\n      padding: 5,\n      '&:hover': {\n        backgroundColor: theme.palette.action.hover,\n      },\n    },\n    divider: {\n      height: 28,\n      margin: 4,\n    },\n    searchIcon: {\n      color: theme.palette.text.secondary,\n    },\n    loadingIcon: {\n      color: theme.palette.primary.main,\n    },\n  }),\n  { name: 'QetaSearchBar' },\n);\n\nexport const SearchBar = (props: {\n  label: string;\n  onSearch: (query: string) => void;\n  loading?: boolean;\n  minSearchLength?: number;\n  debounceTime?: number;\n}) => {\n  const {\n    label,\n    onSearch,\n    loading = false,\n    minSearchLength = 1,\n    debounceTime = 150,\n  } = props;\n  const [searchQuery, setSearchQuery] = useState('');\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const debouncedSearch = useCallback(\n    (query: string) => {\n      if (query.length >= minSearchLength || query.length === 0) {\n        onSearch(query);\n      }\n    },\n    [onSearch, minSearchLength],\n  );\n\n  const debouncedSearchCallback = useMemo(\n    () => debounce(debouncedSearch, debounceTime),\n    [debouncedSearch, debounceTime],\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedSearchCallback.cancel();\n    };\n  }, [debouncedSearchCallback]);\n\n  const handleSearch = (query: string) => {\n    setSearchQuery(query);\n    debouncedSearchCallback(query);\n  };\n\n  const handleClear = () => {\n    setSearchQuery('');\n    onSearch('');\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Escape') {\n      handleClear();\n    }\n  };\n\n  return (\n    <Paper\n      component=\"form\"\n      className={classes.root}\n      onSubmit={e => e.preventDefault()}\n    >\n      <Tooltip title={t('common.search')}>\n        <IconButton\n          type=\"button\"\n          aria-label=\"search\"\n          className={classes.iconButton}\n        >\n          {loading ? (\n            <CircularProgress size={24} className={classes.loadingIcon} />\n          ) : (\n            <SearchIcon className={classes.searchIcon} />\n          )}\n        </IconButton>\n      </Tooltip>\n      <InputBase\n        className={classes.input}\n        placeholder={label}\n        value={searchQuery}\n        name=\"search\"\n        onKeyDown={handleKeyDown}\n        inputProps={{\n          'aria-label': label,\n          onChange: (\n            event: ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => handleSearch(event.target.value),\n        }}\n      />\n      {searchQuery && (\n        <Tooltip title={t('common.clear')}>\n          <IconButton\n            type=\"button\"\n            aria-label=\"clear\"\n            className={classes.iconButton}\n            onClick={handleClear}\n          >\n            <CloseIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Paper>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsGrid/NoTagsCard.esm.js

@@ -5,7 +5,7 @@ import { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoTagsCard = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,

package/dist/components/TagsGrid/NoTagsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoTagsCard.esm.js","sources":["../../../src/components/TagsGrid/NoTagsCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoTagsCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`tagPage.tags`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,CAAE,EAAC,GACjC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoTagsCard.esm.js","sources":["../../../src/components/TagsGrid/NoTagsCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoTagsCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`tagPage.tags`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,CAAE,EAAC,GACjC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TagsGrid/TagGridItem.esm.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
-import { Grid, Card, CardActionArea, CardHeader, CardContent, Typography, CardActions, Tooltip, Button } from '@material-ui/core';
+import { Grid, Card, CardActionArea, CardHeader, CardContent, Typography, Tooltip, CardActions, Button } from '@material-ui/core';
 import { useState } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
@@ -24,6 +24,7 @@ import EditIcon from '@material-ui/icons/Edit';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import useGridItemStyles from '../GridItemStyles/useGridItemStyles.esm.js';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 
 const TagGridItem = (props) => {
   const { tag, onTagEdit, isModerator } = props;
@@ -32,6 +33,7 @@ const TagGridItem = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
   const tags = useTagsFollow();
   const classes = useGridItemStyles();
+  const tooltipStyles = useTooltipStyles();
   const [editModalOpen, setEditModalOpen] = useState(false);
   const handleEditModalOpen = () => setEditModalOpen(true);
   const handleEditModalClose = () => {
@@ -69,9 +71,20 @@ const TagGridItem = (props) => {
               i === tag.experts.length - 1 ? "" : ", "
             ] }))
           ] }),
-          /* @__PURE__ */ jsx(Typography, { className: classes.description, variant: "body2", children: DOMPurify.sanitize(
-            truncate(removeMarkdownFormatting(tag.description ?? ""), 150)
-          ) })
+          tag.description && /* @__PURE__ */ jsx(
+            Tooltip,
+            {
+              title: tag.description,
+              arrow: true,
+              classes: {
+                tooltip: tooltipStyles.tooltip,
+                arrow: tooltipStyles.tooltipArrow
+              },
+              children: /* @__PURE__ */ jsx(Typography, { className: classes.description, variant: "body2", children: DOMPurify.sanitize(
+                truncate(removeMarkdownFormatting(tag.description), 80)
+              ) })
+            }
+          )
         ] })
       ] }),
       /* @__PURE__ */ jsx(CardActions, { className: classes.cardActions, children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", spacing: 1, children: [

package/dist/components/TagsGrid/TagGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { useTagsFollow } from '../../hooks';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\n\nexport const TagGridItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const classes = useGridItemStyles();\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = () => setEditModalOpen(true);\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  return (\n    <Grid item xs={12} sm={6} md={4} xl={3}>\n      <Card className={classes.card} variant=\"outlined\">\n        <CardActionArea onClick={() => navigate(tagRoute({ tag: tag.tag }))}>\n          <CardHeader\n            className={classes.cardHeader}\n            title={<span className={classes.ellipsis}>{tag.tag}</span>}\n            titleTypographyProps={{ variant: 'h6' }}\n          />\n          <CardContent className={classes.cardContent}>\n            <Typography className={classes.stats} variant=\"caption\">\n              {t('common.posts', { count: tag.postsCount, itemType: 'post' })}\n              {' · '}\n              {t('common.followers', { count: tag.followerCount })}\n            </Typography>\n            {tag.experts && tag.experts.length > 0 && (\n              <Typography className={classes.experts} variant=\"caption\">\n                {t('common.experts')}\n                {': '}\n                {tag.experts.map((e, i) => (\n                  <>\n                    <EntityRefLink key={e} entityRef={e} />\n                    {i === tag.experts!.length - 1 ? '' : ', '}\n                  </>\n                ))}\n              </Typography>\n            )}\n            <Typography className={classes.description} variant=\"body2\">\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(tag.description ?? ''), 150),\n              )}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions className={classes.cardActions}>\n          <Grid container justifyContent=\"center\" spacing={1}>\n            <Grid item>\n              <Tooltip title={t('tagButton.tooltip')}>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={tags.isFollowingTag(tag.tag) ? 'secondary' : 'primary'}\n                  onClick={() => {\n                    if (tags.isFollowingTag(tag.tag)) {\n                      tags.unfollowTag(tag.tag);\n                    } else {\n                      tags.followTag(tag.tag);\n                    }\n                  }}\n                  startIcon={\n                    tags.isFollowingTag(tag.tag) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\n                    )\n                  }\n                >\n                  {tags.isFollowingTag(tag.tag)\n                    ? t('tagButton.unfollow')\n                    : t('tagButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n            {tag.canEdit && (\n              <Grid item>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  onClick={handleEditModalOpen}\n                  variant=\"outlined\"\n                  startIcon={<EditIcon />}\n                >\n                  {t('tagButton.edit')}\n                </Button>\n              </Grid>\n            )}\n            {tag.canDelete && (\n              <Grid item>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  onClick={handleDeleteModalOpen}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  startIcon={<DeleteIcon />}\n                >\n                  {t('tagButton.delete')}\n                </Button>\n                <DeleteModal\n                  open={deleteModalOpen}\n                  onClose={handleDeleteModalClose}\n                  entity={tag}\n                />\n              </Grid>\n            )}\n          </Grid>\n        </CardActions>\n      </Card>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n  removeMarkdownFormatting,\n  TagResponse,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { useTagsFollow } from '../../hooks';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport useGridItemStyles from '../GridItemStyles/useGridItemStyles';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles.ts';\n\nexport const TagGridItem = (props: {\n  tag: TagResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { tag, onTagEdit, isModerator } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const classes = useGridItemStyles();\n  const tooltipStyles = useTooltipStyles();\n\n  const [editModalOpen, setEditModalOpen] = useState(false);\n  const handleEditModalOpen = () => setEditModalOpen(true);\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => {\n    setDeleteModalOpen(false);\n    onTagEdit();\n  };\n\n  return (\n    <Grid item xs={12} sm={6} md={4} xl={3}>\n      <Card className={classes.card} variant=\"outlined\">\n        <CardActionArea onClick={() => navigate(tagRoute({ tag: tag.tag }))}>\n          <CardHeader\n            className={classes.cardHeader}\n            title={<span className={classes.ellipsis}>{tag.tag}</span>}\n            titleTypographyProps={{ variant: 'h6' }}\n          />\n          <CardContent className={classes.cardContent}>\n            <Typography className={classes.stats} variant=\"caption\">\n              {t('common.posts', { count: tag.postsCount, itemType: 'post' })}\n              {' · '}\n              {t('common.followers', { count: tag.followerCount })}\n            </Typography>\n            {tag.experts && tag.experts.length > 0 && (\n              <Typography className={classes.experts} variant=\"caption\">\n                {t('common.experts')}\n                {': '}\n                {tag.experts.map((e, i) => (\n                  <>\n                    <EntityRefLink key={e} entityRef={e} />\n                    {i === tag.experts!.length - 1 ? '' : ', '}\n                  </>\n                ))}\n              </Typography>\n            )}\n            {tag.description && (\n              <Tooltip\n                title={tag.description}\n                arrow\n                classes={{\n                  tooltip: tooltipStyles.tooltip,\n                  arrow: tooltipStyles.tooltipArrow,\n                }}\n              >\n                <Typography className={classes.description} variant=\"body2\">\n                  {DOMPurify.sanitize(\n                    truncate(removeMarkdownFormatting(tag.description), 80),\n                  )}\n                </Typography>\n              </Tooltip>\n            )}\n          </CardContent>\n        </CardActionArea>\n        <CardActions className={classes.cardActions}>\n          <Grid container justifyContent=\"center\" spacing={1}>\n            <Grid item>\n              <Tooltip title={t('tagButton.tooltip')}>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={tags.isFollowingTag(tag.tag) ? 'secondary' : 'primary'}\n                  onClick={() => {\n                    if (tags.isFollowingTag(tag.tag)) {\n                      tags.unfollowTag(tag.tag);\n                    } else {\n                      tags.followTag(tag.tag);\n                    }\n                  }}\n                  startIcon={\n                    tags.isFollowingTag(tag.tag) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\n                    )\n                  }\n                >\n                  {tags.isFollowingTag(tag.tag)\n                    ? t('tagButton.unfollow')\n                    : t('tagButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n            {tag.canEdit && (\n              <Grid item>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  onClick={handleEditModalOpen}\n                  variant=\"outlined\"\n                  startIcon={<EditIcon />}\n                >\n                  {t('tagButton.edit')}\n                </Button>\n              </Grid>\n            )}\n            {tag.canDelete && (\n              <Grid item>\n                <Button\n                  className={classes.actionButton}\n                  size=\"small\"\n                  onClick={handleDeleteModalOpen}\n                  variant=\"contained\"\n                  color=\"secondary\"\n                  startIcon={<DeleteIcon />}\n                >\n                  {t('tagButton.delete')}\n                </Button>\n                <DeleteModal\n                  open={deleteModalOpen}\n                  onClose={handleDeleteModalClose}\n                  entity={tag}\n                />\n              </Grid>\n            )}\n          </Grid>\n        </CardActions>\n      </Card>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n        isModerator={isModerator}\n      />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsGrid/TagsGrid.esm.js

@@ -112,7 +112,7 @@ const TagsGrid = () => {
         )
       }
     ),
-    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+    /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", children: [
       /* @__PURE__ */ jsx(
         TagsGridContent,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator, useQetaApi } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { Button, Grid } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport Add from '@material-ui/icons/Add';\n\ntype TagFilters = {\n  order: 'asc' | 'desc';\n  orderBy: 'tag' | 'followersCount' | 'postsCount';\n  searchQuery: string;\n};\n\nexport const TagsGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [tagsPerPage, setTagsPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { isModerator } = useIsModerator();\n  const [filters, setFilters] = useState<TagFilters>({\n    order: 'desc',\n    orderBy: 'tag',\n    searchQuery: '',\n  });\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api =>\n      api.getTags({\n        limit: tagsPerPage,\n        offset: (page - 1) * tagsPerPage,\n        checkAccess: true,\n        ...filters,\n      }),\n    [page, tagsPerPage, filters],\n  );\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / tagsPerPage));\n    }\n  }, [response, tagsPerPage]);\n\n  const onTagsModify = () => {\n    retry();\n  };\n\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const handleCreateModalOpen = () => setCreateModalOpen(true);\n  const handleCreateModalClose = () => {\n    setCreateModalOpen(false);\n    onTagsModify();\n  };\n\n  return (\n    <>\n      <QetaGridHeader\n        title={response ? t('tagPage.tags', { count: response.total }) : ''}\n        searchBarLabel={t('tagPage.search.label')}\n        loading={loading}\n        onSearch={onSearchQueryChange}\n        buttons={\n          response && (\n            <OptionalRequirePermission\n              permission={qetaCreateTagPermission}\n              errorPage={<></>}\n            >\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                startIcon={<Add />}\n                size=\"small\"\n                onClick={handleCreateModalOpen}\n                style={{ float: 'right' }}\n              >\n                {t('tagPage.createTag')}\n              </Button>\n              <CreateTagModal\n                open={createModalOpen}\n                onClose={handleCreateModalClose}\n                isModerator={isModerator}\n              />\n            </OptionalRequirePermission>\n          )\n        }\n      />\n      <Grid container>\n        <TagsGridContent\n          response={response}\n          onTagEdit={onTagsModify}\n          loading={loading}\n          error={error}\n          isModerator={isModerator}\n        />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={tagsPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator, useQetaApi } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { Button, Grid } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport Add from '@material-ui/icons/Add';\n\ntype TagFilters = {\n  order: 'asc' | 'desc';\n  orderBy: 'tag' | 'followersCount' | 'postsCount';\n  searchQuery: string;\n};\n\nexport const TagsGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [tagsPerPage, setTagsPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { isModerator } = useIsModerator();\n  const [filters, setFilters] = useState<TagFilters>({\n    order: 'desc',\n    orderBy: 'tag',\n    searchQuery: '',\n  });\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api =>\n      api.getTags({\n        limit: tagsPerPage,\n        offset: (page - 1) * tagsPerPage,\n        checkAccess: true,\n        ...filters,\n      }),\n    [page, tagsPerPage, filters],\n  );\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / tagsPerPage));\n    }\n  }, [response, tagsPerPage]);\n\n  const onTagsModify = () => {\n    retry();\n  };\n\n  const [createModalOpen, setCreateModalOpen] = useState(false);\n  const handleCreateModalOpen = () => setCreateModalOpen(true);\n  const handleCreateModalClose = () => {\n    setCreateModalOpen(false);\n    onTagsModify();\n  };\n\n  return (\n    <>\n      <QetaGridHeader\n        title={response ? t('tagPage.tags', { count: response.total }) : ''}\n        searchBarLabel={t('tagPage.search.label')}\n        loading={loading}\n        onSearch={onSearchQueryChange}\n        buttons={\n          response && (\n            <OptionalRequirePermission\n              permission={qetaCreateTagPermission}\n              errorPage={<></>}\n            >\n              <Button\n                variant=\"outlined\"\n                color=\"primary\"\n                startIcon={<Add />}\n                size=\"small\"\n                onClick={handleCreateModalOpen}\n                style={{ float: 'right' }}\n              >\n                {t('tagPage.createTag')}\n              </Button>\n              <CreateTagModal\n                open={createModalOpen}\n                onClose={handleCreateModalClose}\n                isModerator={isModerator}\n              />\n            </OptionalRequirePermission>\n          )\n        }\n      />\n      <Grid container justifyContent=\"center\">\n        <TagsGridContent\n          response={response}\n          onTagEdit={onTagsModify}\n          loading={loading}\n          error={error}\n          isModerator={isModerator}\n        />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={tagsPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsGrid/TagsGridContent.esm.js

@@ -17,7 +17,7 @@ const TagsGridContent = (props) => {
     return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("tagPage.errorLoading"), children: error?.message });
   }
   if (!response?.tags || response.tags.length === 0) {
-    return /* @__PURE__ */ jsx(NoTagsCard, {});
+    return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(NoTagsCard, {}) });
   }
   return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response?.tags.map((tag) => /* @__PURE__ */ jsx(
     TagGridItem,

package/dist/components/TagsGrid/TagsGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsGridContent.esm.js","sources":["../../../src/components/TagsGrid/TagsGridContent.tsx"],"sourcesContent":["import { TagGridItem } from './TagGridItem';\nimport { TagsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { NoTagsCard } from './NoTagsCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const TagsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: TagsResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { response, onTagEdit, loading, error, isModerator } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('tagPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.tags || response.tags.length === 0) {\n    return <NoTagsCard />;\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.tags.map(tag => (\n        <TagGridItem\n          tag={tag}\n          key={tag.tag}\n          onTagEdit={onTagEdit}\n          isModerator={isModerator}\n        />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,eAAA,GAAkB,CAAC,KAM1B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAS,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,sBAAsB,CAC3D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,IAAA,IAAQ,QAAS,CAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACjD,IAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,UAAW,EAAA,SAAA,EACrC,QAAU,EAAA,QAAA,EAAA,IAAA,CAAK,IAAI,CAClB,GAAA,qBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MAEA,SAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAFK,GAAI,CAAA;AAAA,GAIZ,CACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagsGridContent.esm.js","sources":["../../../src/components/TagsGrid/TagsGridContent.tsx"],"sourcesContent":["import { TagGridItem } from './TagGridItem';\nimport { TagsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { NoTagsCard } from './NoTagsCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const TagsGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: TagsResponse;\n  onTagEdit: () => void;\n  isModerator?: boolean;\n}) => {\n  const { response, onTagEdit, loading, error, isModerator } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('tagPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.tags || response.tags.length === 0) {\n    return (\n      <Grid item xs={12}>\n        <NoTagsCard />\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response?.tags.map(tag => (\n        <TagGridItem\n          tag={tag}\n          key={tag.tag}\n          onTagEdit={onTagEdit}\n          isModerator={isModerator}\n        />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,eAAA,GAAkB,CAAC,KAM1B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAS,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,sBAAsB,CAC3D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,IAAA,IAAQ,QAAS,CAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACjD,IACE,uBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,cAAW,CACd,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,UAAW,EAAA,SAAA,EACrC,QAAU,EAAA,QAAA,EAAA,IAAA,CAAK,IAAI,CAClB,GAAA,qBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MAEA,SAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAFK,GAAI,CAAA;AAAA,GAIZ,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/UsersGrid/NoUsersCard.esm.js

@@ -5,7 +5,7 @@ import { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoUsersCard = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,

package/dist/components/UsersGrid/NoUsersCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoUsersCard.esm.js","sources":["../../../src/components/UsersGrid/NoUsersCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoUsersCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`usersPage.users`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,CAAE,EAAC,GACpC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoUsersCard.esm.js","sources":["../../../src/components/UsersGrid/NoUsersCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoUsersCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`usersPage.users`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,CAAE,EAAC,GACpC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/UsersGrid/UsersGridContent.esm.js

@@ -17,7 +17,7 @@ const UsersGridContent = (props) => {
     return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("usersPage.errorLoading"), children: error?.message });
   }
   if (!response?.users || response.users.length === 0) {
-    return /* @__PURE__ */ jsx(NoUsersCard, {});
+    return /* @__PURE__ */ jsx(Grid, { xs: 12, children: /* @__PURE__ */ jsx(NoUsersCard, {}) });
   }
   return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response.users.map((entity) => /* @__PURE__ */ jsx(UsersGridItem, { user: entity }, entity.userRef)) });
 };

package/dist/components/UsersGrid/UsersGridContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UsersGridContent.esm.js","sources":["../../../src/components/UsersGrid/UsersGridContent.tsx"],"sourcesContent":["import { UsersResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { UsersGridItem } from './UsersGridItem';\nimport { NoUsersCard } from './NoUsersCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const UsersGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: UsersResponse;\n}) => {\n  const { response, error, loading } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('usersPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.users || response.users.length === 0) {\n    return <NoUsersCard />;\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response.users.map(entity => (\n        <UsersGridItem user={entity} key={entity.userRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,gBAAA,GAAmB,CAAC,KAI3B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAY,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,wBAAwB,CAC7D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACnD,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,mBAAS,KAAM,CAAA,GAAA,CAAI,4BACjB,GAAA,CAAA,aAAA,EAAA,EAAc,MAAM,MAAa,EAAA,EAAA,MAAA,CAAO,OAAS,CACnD,CACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UsersGridContent.esm.js","sources":["../../../src/components/UsersGrid/UsersGridContent.tsx"],"sourcesContent":["import { UsersResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { UsersGridItem } from './UsersGridItem';\nimport { NoUsersCard } from './NoUsersCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const UsersGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: UsersResponse;\n}) => {\n  const { response, error, loading } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('usersPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (!response?.users || response.users.length === 0) {\n    return (\n      <Grid xs={12}>\n        <NoUsersCard />\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container item xs={12} alignItems=\"stretch\">\n      {response.users.map(entity => (\n        <UsersGridItem user={entity} key={entity.userRef} />\n      ))}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,gBAAA,GAAmB,CAAC,KAI3B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAY,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,wBAAwB,CAC7D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,KAAA,IAAS,QAAS,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACnD,IAAA,2BACG,IAAK,EAAA,EAAA,EAAA,EAAI,EACR,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAY,CACf,EAAA,CAAA;AAAA;AAIJ,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,mBAAS,KAAM,CAAA,GAAA,CAAI,4BACjB,GAAA,CAAA,aAAA,EAAA,EAAc,MAAM,MAAa,EAAA,EAAA,MAAA,CAAO,OAAS,CACnD,CACH,EAAA,CAAA;AAEJ;;;;"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.30.0",
+  "version": "3.30.2",
   "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.30.0",
+    "@drodil/backstage-plugin-qeta-common": "^3.30.2",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",