@drodil/backstage-plugin-qeta-react 3.24.5 → 3.25.1

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

@@ -1,5 +1,6 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import React__default, { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useRouteRef, useApi } from '@backstage/core-plugin-api';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { entityRouteRef } from '../../routes.esm.js';
@@ -9,6 +10,9 @@ import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import 'dataloader';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Tooltip, Chip, Grid, Box, Typography, Button } from '@material-ui/core';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
@@ -22,7 +26,7 @@ const EntityTooltip = (props) => {
   const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);
   const { t } = useTranslation();
   const entitiesFollow = useEntityFollow();
-  const [resp, setResp] = React__default.useState();
+  const [resp, setResp] = useState();
   useEffect(() => {
     if (cache.has(entityRef)) {
       setResp(cache.get(entityRef));
@@ -38,23 +42,37 @@ const EntityTooltip = (props) => {
   if (!resp) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Box, { style: { display: "flex", alignItems: "center" } }, Icon ? /* @__PURE__ */ React__default.createElement(Icon, { fontSize: "small" }) : null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, primaryTitle)), /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, secondaryTitle)), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("common.posts", { count: resp.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: resp.followerCount }))), !entitiesFollow.loading && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
-      onClick: () => {
-        if (entitiesFollow.isFollowingEntity(entityRef)) {
-          entitiesFollow.unfollowEntity(entityRef);
-        } else {
-          entitiesFollow.followEntity(entityRef);
-        }
-      },
-      startIcon: entitiesFollow.isFollowingEntity(entityRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-    },
-    entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+        Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : null,
+        /* @__PURE__ */ jsx(Typography, { variant: "h6", children: primaryTitle })
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: secondaryTitle })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+      t("common.posts", { count: resp.postsCount, itemType: "post" }),
+      " \xB7 ",
+      t("common.followers", { count: resp.followerCount })
+    ] }) }),
+    !entitiesFollow.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
+        onClick: () => {
+          if (entitiesFollow.isFollowingEntity(entityRef)) {
+            entitiesFollow.unfollowEntity(entityRef);
+          } else {
+            entitiesFollow.followEntity(entityRef);
+          }
+        },
+        startIcon: entitiesFollow.isFollowingEntity(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
+      }
+    ) })
+  ] });
 };
 const EntityChip = (props) => {
   const { entity } = props;
@@ -62,31 +80,31 @@ const EntityChip = (props) => {
   const { primaryTitle, Icon } = useEntityPresentation(entity);
   const navigate = useNavigate();
   const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
-      title: /* @__PURE__ */ React__default.createElement(EntityTooltip, { entity }),
+      title: /* @__PURE__ */ jsx(EntityTooltip, { entity }),
       arrow: true,
       enterDelay: 400,
-      interactive: true
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Chip,
-      {
-        label: primaryTitle,
-        size: "small",
-        icon: Icon ? /* @__PURE__ */ React__default.createElement(Icon, { fontSize: "small" }) : void 0,
-        variant: "outlined",
-        className: "qetaEntityChip",
-        component: "a",
-        href: props.useHref ? entityRoute({ entityRef }) : void 0,
-        target: props.useHref ? "_blank" : void 0,
-        onClick: !props.useHref ? () => {
-          navigate(entityRoute({ entityRef }));
-        } : void 0,
-        clickable: true
-      }
-    )
+      interactive: true,
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: primaryTitle,
+          size: "small",
+          icon: Icon ? /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) : void 0,
+          variant: "outlined",
+          className: "qetaEntityChip",
+          component: "a",
+          href: props.useHref ? entityRoute({ entityRef }) : void 0,
+          target: props.useHref ? "_blank" : void 0,
+          onClick: !props.useHref ? () => {
+            navigate(entityRoute({ entityRef }));
+          } : void 0,
+          clickable: true
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport React, { useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useNavigate } from 'react-router-dom';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslation();\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = React.useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography variant=\"h6\">{primaryTitle}</Typography>\n        </Box>\n        <Typography variant=\"subtitle1\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const navigate = useNavigate();\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component=\"a\"\n        href={props.useHref ? entityRoute({ entityRef }) : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={\n          !props.useHref\n            ? () => {\n                navigate(entityRoute({ entityRef }));\n              }\n            : undefined\n        }\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useState, useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport {\n  Box,\n  Button,\n  Chip,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useNavigate } from 'react-router-dom';\n\nconst cache: Map<string, EntityResponse> = new Map();\n\nconst EntityTooltip = (props: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n  const { t } = useTranslation();\n  const entitiesFollow = useEntityFollow();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  useEffect(() => {\n    if (cache.has(entityRef)) {\n      setResp(cache.get(entityRef));\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        cache.set(entityRef, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          {Icon ? <Icon fontSize=\"small\" /> : null}\n          <Typography variant=\"h6\">{primaryTitle}</Typography>\n        </Box>\n        <Typography variant=\"subtitle1\">{secondaryTitle}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n          {' · '}\n          {t('common.followers', { count: resp.followerCount })}\n        </Typography>\n      </Grid>\n      {!entitiesFollow.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              entitiesFollow.isFollowingEntity(entityRef)\n                ? 'secondary'\n                : 'primary'\n            }\n            onClick={() => {\n              if (entitiesFollow.isFollowingEntity(entityRef)) {\n                entitiesFollow.unfollowEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\n              }\n            }}\n            startIcon={\n              entitiesFollow.isFollowingEntity(entityRef) ? (\n                <VisibilityOff />\n              ) : (\n                <Visibility />\n              )\n            }\n          >\n            {entitiesFollow.isFollowingEntity(entityRef)\n              ? t('entityButton.unfollow')\n              : t('entityButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const EntityChip = (props: {\n  entity: Entity | string;\n  useHref?: boolean;\n}) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle, Icon } = useEntityPresentation(entity);\n  const navigate = useNavigate();\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        icon={Icon ? <Icon fontSize=\"small\" /> : undefined}\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component=\"a\"\n        href={props.useHref ? entityRoute({ entityRef }) : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={\n          !props.useHref\n            ? () => {\n                navigate(entityRoute({ entityRef }));\n              }\n            : undefined\n        }\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsAndEntities/TagChip.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useRouteRef, useApi } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
@@ -11,6 +12,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Tooltip, Chip, Grid, Typography, Button } from '@material-ui/core';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
@@ -21,7 +25,7 @@ const TagTooltip = (props) => {
   const qetaApi = useApi(qetaApiRef);
   const { t } = useTranslation();
   const tags = useTagsFollow();
-  const [resp, setResp] = React__default.useState();
+  const [resp, setResp] = useState();
   useEffect(() => {
     if (cache.has(tag)) {
       setResp(cache.get(tag));
@@ -45,52 +49,61 @@ const TagTooltip = (props) => {
   if (!resp) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, tag)), resp.id > 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("common.posts", { count: resp.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: resp.followerCount }))), resp.description && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(MarkdownRenderer, { content: resp.description })), !tags.loading && resp.id !== 0 && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: tags.isFollowingTag(tag) ? "secondary" : "primary",
-      onClick: () => {
-        if (tags.isFollowingTag(tag)) {
-          tags.unfollowTag(tag);
-        } else {
-          tags.followTag(tag);
-        }
-      },
-      startIcon: tags.isFollowingTag(tag) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-    },
-    tags.isFollowingTag(tag) ? t("tagButton.unfollow") : t("tagButton.follow")
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: tag }) }),
+    resp.id > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
+      t("common.posts", { count: resp.postsCount, itemType: "post" }),
+      " \xB7 ",
+      t("common.followers", { count: resp.followerCount })
+    ] }) }),
+    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: resp.description }) }),
+    !tags.loading && resp.id !== 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: tags.isFollowingTag(tag) ? "secondary" : "primary",
+        onClick: () => {
+          if (tags.isFollowingTag(tag)) {
+            tags.unfollowTag(tag);
+          } else {
+            tags.followTag(tag);
+          }
+        },
+        startIcon: tags.isFollowingTag(tag) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: tags.isFollowingTag(tag) ? t("tagButton.unfollow") : t("tagButton.follow")
+      }
+    ) })
+  ] });
 };
 const TagChip = (props) => {
   const tagRoute = useRouteRef(tagRouteRef);
   const navigate = useNavigate();
   const { tag } = props;
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
       arrow: true,
-      title: /* @__PURE__ */ React__default.createElement(TagTooltip, { tag }),
+      title: /* @__PURE__ */ jsx(TagTooltip, { tag }),
       enterDelay: 400,
-      interactive: true
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Chip,
-      {
-        label: tag,
-        size: "small",
-        className: "qetaTagChip",
-        component: "a",
-        style: props.style,
-        href: props.useHref ? tagRoute({ tag }) : void 0,
-        target: props.useHref ? "_blank" : void 0,
-        onClick: !props.useHref ? () => {
-          navigate(tagRoute({ tag }));
-        } : void 0,
-        clickable: true
-      }
-    )
+      interactive: true,
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: tag,
+          size: "small",
+          className: "qetaTagChip",
+          component: "a",
+          style: props.style,
+          href: props.useHref ? tagRoute({ tag }) : void 0,
+          target: props.useHref ? "_blank" : void 0,
+          onClick: !props.useHref ? () => {
+            navigate(tagRoute({ tag }));
+          } : void 0,
+          clickable: true
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow, useTranslation } from '../../hooks';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n  const { tag } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n  const [resp, setResp] = React.useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    if (cache.has(tag)) {\n      setResp(cache.get(tag));\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, res);\n        setResp(res);\n      } else {\n        setResp({\n          id: 0,\n          tag,\n          postsCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        });\n      }\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{tag}</Typography>\n      </Grid>\n      {resp.id > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">\n            {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n            {' · '}\n            {t('common.followers', { count: resp.followerCount })}\n          </Typography>\n        </Grid>\n      )}\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && resp.id !== 0 && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (tags.isFollowingTag(tag)) {\n                tags.unfollowTag(tag);\n              } else {\n                tags.followTag(tag);\n              }\n            }}\n            startIcon={\n              tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n            }\n          >\n            {tags.isFollowingTag(tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const navigate = useNavigate();\n  const { tag } = props;\n  return (\n    <Tooltip\n      arrow\n      title={<TagTooltip tag={tag} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        style={props.style}\n        href={props.useHref ? tagRoute({ tag }) : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={\n          !props.useHref\n            ? () => {\n                navigate(tagRoute({ tag }));\n              }\n            : undefined\n        }\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { useState, CSSProperties, useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow, useTranslation } from '../../hooks';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n  const { tag } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n  const [resp, setResp] = useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    if (cache.has(tag)) {\n      setResp(cache.get(tag));\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, res);\n        setResp(res);\n      } else {\n        setResp({\n          id: 0,\n          tag,\n          postsCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        });\n      }\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{tag}</Typography>\n      </Grid>\n      {resp.id > 0 && (\n        <Grid item xs={12}>\n          <Typography variant=\"subtitle2\">\n            {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n            {' · '}\n            {t('common.followers', { count: resp.followerCount })}\n          </Typography>\n        </Grid>\n      )}\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && resp.id !== 0 && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n            onClick={() => {\n              if (tags.isFollowingTag(tag)) {\n                tags.unfollowTag(tag);\n              } else {\n                tags.followTag(tag);\n              }\n            }}\n            startIcon={\n              tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n            }\n          >\n            {tags.isFollowingTag(tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const TagChip = (props: {\n  tag: string;\n  style?: CSSProperties;\n  useHref?: boolean;\n}) => {\n  const tagRoute = useRouteRef(tagRouteRef);\n  const navigate = useNavigate();\n  const { tag } = props;\n  return (\n    <Tooltip\n      arrow\n      title={<TagTooltip tag={tag} />}\n      enterDelay={400}\n      interactive\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        style={props.style}\n        href={props.useHref ? tagRoute({ tag }) : undefined}\n        target={props.useHref ? '_blank' : undefined}\n        onClick={\n          !props.useHref\n            ? () => {\n                navigate(tagRoute({ tag }));\n              }\n            : undefined\n        }\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { EntityChip } from './EntityChip.esm.js';
 import { TagChip } from './TagChip.esm.js';
 
@@ -7,7 +7,10 @@ const TagsAndEntities = (props) => {
   if ((!entity.tags || entity.tags.length === 0) && (!entity.entities || entity.entities.length === 0)) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, entity.tags && entity.tags.map((tag) => /* @__PURE__ */ React__default.createElement(TagChip, { key: tag, tag })), entity.entities && entity.entities.map((component) => /* @__PURE__ */ React__default.createElement(EntityChip, { entity: component, key: component })));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    entity.tags && entity.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)),
+    entity.entities && entity.entities.map((component) => /* @__PURE__ */ jsx(EntityChip, { entity: component }, component))
+  ] });
 };
 
 export { TagsAndEntities };

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

@@ -1 +1 @@
-{"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\n\nexport const TagsAndEntities = (props: {\n  entity: PostResponse | CollectionResponse;\n}) => {\n  const { entity } = props;\n\n  if (\n    (!entity.tags || entity.tags.length === 0) &&\n    (!entity.entities || entity.entities.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <>\n      {entity.tags && entity.tags.map(tag => <TagChip key={tag} tag={tag} />)}\n      {entity.entities &&\n        entity.entities.map(component => (\n          <EntityChip entity={component} key={component} />\n        ))}\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAQa,MAAA,eAAA,GAAkB,CAAC,KAE1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AAEnB,EAAA,IAAA,CACG,CAAC,MAAA,CAAO,IAAQ,IAAA,MAAA,CAAO,IAAK,CAAA,MAAA,KAAW,CACvC,MAAA,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAChD,CAAA,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,MAAO,CAAA,IAAA,IAAQ,MAAO,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,qBAAQA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,GAAK,EAAA,GAAA,EAAK,GAAU,EAAA,CAAE,CACrE,EAAA,MAAA,CAAO,QACN,IAAA,MAAA,CAAO,QAAS,CAAA,GAAA,CAAI,CAClB,SAAA,qBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,GAAA,EAAK,SAAW,EAAA,CAChD,CACL,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\n\nexport const TagsAndEntities = (props: {\n  entity: PostResponse | CollectionResponse;\n}) => {\n  const { entity } = props;\n\n  if (\n    (!entity.tags || entity.tags.length === 0) &&\n    (!entity.entities || entity.entities.length === 0)\n  ) {\n    return null;\n  }\n\n  return (\n    <>\n      {entity.tags && entity.tags.map(tag => <TagChip key={tag} tag={tag} />)}\n      {entity.entities &&\n        entity.entities.map(component => (\n          <EntityChip entity={component} key={component} />\n        ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAE1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AAEnB,EAAA,IAAA,CACG,CAAC,MAAA,CAAO,IAAQ,IAAA,MAAA,CAAO,IAAK,CAAA,MAAA,KAAW,CACvC,MAAA,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAChD,CAAA,EAAA;AACA,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAO,MAAA,CAAA,IAAA,IAAQ,OAAO,IAAK,CAAA,GAAA,CAAI,yBAAQ,GAAA,CAAA,OAAA,EAAA,EAAkB,GAAL,EAAA,EAAA,GAAe,CAAE,CAAA;AAAA,IACrE,MAAA,CAAO,QACN,IAAA,MAAA,CAAO,QAAS,CAAA,GAAA,CAAI,CAClB,SAAA,qBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAgB,EAAA,EAAA,SAAW,CAChD;AAAA,GACL,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,12 +1,16 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { userRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
-import React__default from 'react';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
 import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { useNavigate } from 'react-router-dom';
 import { Grid, Box, Avatar, Typography, Button, Tooltip, Chip } from '@material-ui/core';
@@ -25,32 +29,39 @@ const UserTooltip = (props) => {
     []
   );
   const users = useUserFollow();
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1 }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Box, { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React__default.createElement(Box, { style: { display: "inline-block", marginRight: "1em" } }, /* @__PURE__ */ React__default.createElement(
-    Avatar,
-    {
-      src: user?.spec?.profile?.picture,
-      alt: name,
-      variant: "rounded",
-      style: { width: "1em", height: "1em" }
-    },
-    initials
-  )), /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6", style: { display: "inline" } }, name))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, secondaryTitle)), !users.loading && currentUser?.userEntityRef !== entityRef && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: users.isFollowingUser(entityRef) ? "secondary" : "primary",
-      onClick: () => {
-        if (users.isFollowingUser(entityRef)) {
-          users.unfollowUser(entityRef);
-        } else {
-          users.followUser(entityRef);
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(Box, { style: { display: "inline-block", marginRight: "1em" }, children: /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          alt: name,
+          variant: "rounded",
+          style: { width: "1em", height: "1em" },
+          children: initials
         }
-      },
-      startIcon: users.isFollowingUser(entityRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-    },
-    users.isFollowingUser(entityRef) ? t("userButton.unfollow") : t("userButton.follow")
-  )));
+      ) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", style: { display: "inline" }, children: name })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", children: secondaryTitle }) }),
+    !users.loading && currentUser?.userEntityRef !== entityRef && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: users.isFollowingUser(entityRef) ? "secondary" : "primary",
+        onClick: () => {
+          if (users.isFollowingUser(entityRef)) {
+            users.unfollowUser(entityRef);
+          } else {
+            users.followUser(entityRef);
+          }
+        },
+        startIcon: users.isFollowingUser(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: users.isFollowingUser(entityRef) ? t("userButton.unfollow") : t("userButton.follow")
+      }
+    ) })
+  ] });
 };
 const UserChip = (props) => {
   const navigate = useNavigate();
@@ -61,29 +72,29 @@ const UserChip = (props) => {
     entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
   );
   if (entityRef === "anonymous") {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("userLink.anonymous"));
+    return /* @__PURE__ */ jsx(Fragment, { children: t("userLink.anonymous") });
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Tooltip,
     {
       arrow: true,
-      title: /* @__PURE__ */ React__default.createElement(UserTooltip, { entityRef }),
+      title: /* @__PURE__ */ jsx(UserTooltip, { entityRef }),
       enterDelay: 400,
-      interactive: true
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Chip,
-      {
-        label: userName,
-        size: "small",
-        className: "qetaTagChip",
-        component: "a",
-        onClick: () => {
-          navigate(`${userRoute()}/${entityRef}`);
-        },
-        clickable: true
-      }
-    )
+      interactive: true,
+      children: /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: userName,
+          size: "small",
+          className: "qetaTagChip",
+          component: "a",
+          onClick: () => {
+            navigate(`${userRoute()}/${entityRef}`);
+          },
+          clickable: true
+        }
+      )
+    }
   );
 };
 

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

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