@drodil/backstage-plugin-qeta-react 3.56.1 → 3.57.0

package/dist/components/Tooltips/TagTooltip.esm.js

@@ -0,0 +1,199 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import 'react-use';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
+import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
+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, Grid, Box, Typography, Button } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import { Skeleton } from '@material-ui/lab';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Visibility from '@material-ui/icons/Visibility';
+import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
+import HelpOutline from '@material-ui/icons/HelpOutline';
+import DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';
+import PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+
+const cache = /* @__PURE__ */ new Map();
+const requestCache = /* @__PURE__ */ new Map();
+const TTL = 5 * 60 * 1e3;
+const TagTooltipContent = ({
+  tag,
+  interactive
+}) => {
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const tags = useTagsFollow();
+  const [resp, setResp] = useState();
+  useEffect(() => {
+    const cached = cache.get(tag);
+    if (cached && Date.now() - cached.timestamp < TTL) {
+      setResp(cached.data);
+      return;
+    }
+    if (requestCache.has(tag)) {
+      requestCache.get(tag).then((res) => {
+        if (res) setResp(res);
+      });
+      return;
+    }
+    const promise = qetaApi.getTag(tag).then((res) => {
+      if (res) {
+        cache.set(tag, { data: res, timestamp: Date.now() });
+      } else {
+        const notFound = {
+          id: 0,
+          tag,
+          postsCount: 0,
+          questionsCount: 0,
+          articlesCount: 0,
+          linksCount: 0,
+          followerCount: 0,
+          description: t("tagChip.nonExistingTag")
+        };
+        cache.set(tag, { data: notFound, timestamp: Date.now() });
+        return notFound;
+      }
+      return res;
+    });
+    requestCache.set(tag, promise);
+    promise.then((res) => {
+      setResp(res);
+      requestCache.delete(tag);
+    });
+  }, [qetaApi, tag, t]);
+  if (!resp) {
+    return /* @__PURE__ */ jsx(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 24 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 200, height: 20 }),
+      /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          variant: "rect",
+          width: 280,
+          height: 100,
+          style: { marginTop: 8 }
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(LoyaltyOutlined, { fontSize: "small", style: { marginRight: "5px" } }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "subtitle1",
+          style: {
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            fontWeight: 600
+          },
+          children: tag
+        }
+      )
+    ] }) }),
+    resp.id > 0 && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", style: { gap: "1em" }, children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          HelpOutline,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          resp.questionsCount,
+          " ",
+          t("common.questions")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          DescriptionOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          resp.articlesCount,
+          " ",
+          t("common.articles")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          PeopleAltOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("common.followers", { count: resp.followerCount }) })
+      ] })
+    ] }) }),
+    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: resp.description }) }),
+    interactive && !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",
+        fullWidth: true,
+        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 TagTooltip = (props) => {
+  const {
+    tag,
+    interactive = true,
+    children,
+    className,
+    ...tooltipProps
+  } = props;
+  const classes = useTooltipStyles();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(TagTooltipContent, { tag, interactive }),
+      interactive,
+      arrow: true,
+      classes: {
+        tooltip: classes.tooltip,
+        arrow: classes.tooltipArrow,
+        ...props.classes
+      },
+      className,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+
+export { TagTooltip };
+//# sourceMappingURL=TagTooltip.esm.js.map

package/dist/components/Tooltips/TagTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagTooltip.esm.js","sources":["../../../src/components/Tooltips/TagTooltip.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport {\n  Box,\n  Button,\n  Grid,\n  Tooltip,\n  TooltipProps,\n  Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: TagResponse; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<TagResponse | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000; // 5 minutes\n\nconst TagTooltipContent = ({\n  tag,\n  interactive,\n}: {\n  tag: string;\n  interactive: boolean;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const tags = useTagsFollow();\n  const [resp, setResp] = useState<undefined | TagResponse>();\n\n  useEffect(() => {\n    const cached = cache.get(tag);\n    if (cached && Date.now() - cached.timestamp < TTL) {\n      setResp(cached.data);\n      return;\n    }\n\n    if (requestCache.has(tag)) {\n      requestCache.get(tag)!.then(res => {\n        if (res) setResp(res);\n      });\n      return;\n    }\n\n    const promise = qetaApi.getTag(tag).then(res => {\n      if (res) {\n        cache.set(tag, { data: res, timestamp: Date.now() });\n      } else {\n        const notFound: TagResponse = {\n          id: 0,\n          tag,\n          postsCount: 0,\n          questionsCount: 0,\n          articlesCount: 0,\n          linksCount: 0,\n          followerCount: 0,\n          description: t('tagChip.nonExistingTag'),\n        };\n        cache.set(tag, { data: notFound, timestamp: Date.now() });\n        return notFound;\n      }\n      return res;\n    });\n\n    requestCache.set(tag, promise);\n    promise.then(res => {\n      setResp(res);\n      requestCache.delete(tag);\n    });\n  }, [qetaApi, tag, t]);\n\n  if (!resp) {\n    return (\n      <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n        <Grid item xs={12}>\n          <Skeleton variant=\"text\" width={100} height={24} />\n          <Skeleton variant=\"text\" width={200} height={20} />\n          <Skeleton\n            variant=\"rect\"\n            width={280}\n            height={100}\n            style={{ marginTop: 8 }}\n          />\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n      <Grid item xs={12}>\n        <Box style={{ display: 'flex', alignItems: 'center' }}>\n          <LoyaltyOutlined fontSize=\"small\" style={{ marginRight: '5px' }} />\n          <Typography\n            variant=\"subtitle1\"\n            style={{\n              textOverflow: 'ellipsis',\n              overflow: 'hidden',\n              whiteSpace: 'nowrap',\n              fontWeight: 600,\n            }}\n          >\n            {tag}\n          </Typography>\n        </Box>\n      </Grid>\n      {resp.id > 0 && (\n        <Grid item xs={12}>\n          <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n            <Box display=\"flex\" alignItems=\"center\">\n              <HelpOutline\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {resp.questionsCount} {t('common.questions')}\n              </Typography>\n            </Box>\n            <Box display=\"flex\" alignItems=\"center\">\n              <DescriptionOutlined\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {resp.articlesCount} {t('common.articles')}\n              </Typography>\n            </Box>\n            <Box display=\"flex\" alignItems=\"center\">\n              <PeopleAltOutlined\n                style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n              />\n              <Typography variant=\"caption\">\n                {t('common.followers', { count: resp.followerCount })}\n              </Typography>\n            </Box>\n          </Box>\n        </Grid>\n      )}\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {interactive && !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            fullWidth\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 TagTooltip = (\n  props: { tag: string; interactive?: boolean } & Omit<TooltipProps, 'title'>,\n) => {\n  const {\n    tag,\n    interactive = true,\n    children,\n    className,\n    ...tooltipProps\n  } = props;\n  const classes = useTooltipStyles();\n\n  return (\n    <Tooltip\n      title={<TagTooltipContent tag={tag} interactive={interactive} />}\n      interactive={interactive}\n      arrow\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n        ...props.classes,\n      }}\n      className={className}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Tooltips/UserTooltip.esm.js

@@ -0,0 +1,259 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import 'react-use';
+import { useState, useEffect } from 'react';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.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 { Tooltip, Grid, Box, Avatar, Typography, Button } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import 'dataloader';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Visibility from '@material-ui/icons/Visibility';
+import HelpOutline from '@material-ui/icons/HelpOutline';
+import QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';
+import DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';
+import Stars from '@material-ui/icons/Stars';
+import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import { Skeleton } from '@material-ui/lab';
+
+const cache = /* @__PURE__ */ new Map();
+const requestCache = /* @__PURE__ */ new Map();
+const TTL = 5 * 60 * 1e3;
+const UserTooltipContent = ({
+  entityRef,
+  anonymous,
+  interactive
+}) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const qetaApi = useApi(qetaApiRef);
+  const { name, initials, user, secondaryTitle } = useUserInfo(
+    entityRef,
+    anonymous ?? entityRef === "anonymous"
+  );
+  const [stats, setStats] = useState();
+  useEffect(() => {
+    const cached = cache.get(entityRef);
+    if (cached && Date.now() - cached.timestamp < TTL) {
+      setStats(cached.data);
+      return;
+    }
+    if (requestCache.has(entityRef)) {
+      requestCache.get(entityRef).then((res) => {
+        if (res) setStats(res);
+      });
+      return;
+    }
+    const promise = qetaApi.getUserStats(entityRef).then((res) => {
+      if (res && res.summary) {
+        cache.set(entityRef, { data: res.summary, timestamp: Date.now() });
+        return res.summary;
+      }
+      return void 0;
+    });
+    requestCache.set(entityRef, promise);
+    promise.then((res) => {
+      if (res) setStats(res);
+      requestCache.delete(entityRef);
+    });
+  }, [qetaApi, entityRef]);
+  const { value: currentUser } = useIdentityApi(
+    (api) => api.getBackstageIdentity(),
+    []
+  );
+  const users = useUserFollow();
+  if (!stats) {
+    return /* @__PURE__ */ jsx(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, 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(Skeleton, { variant: "circle", width: 40, height: 40 }) }),
+      /* @__PURE__ */ jsxs(Box, { style: { overflow: "hidden", flex: 1 }, children: [
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 24 }),
+        /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 150, height: 20 })
+      ] })
+    ] }) }) });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, 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: "48px", height: "48px" },
+          children: initials
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Box, { style: { overflow: "hidden" }, children: [
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "subtitle1",
+            style: {
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              fontWeight: 600
+            },
+            children: name
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: secondaryTitle })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", style: { gap: "0.5em" }, children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          HelpOutline,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalQuestions,
+          " ",
+          t("common.questions")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          QuestionAnswerOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalAnswers,
+          " ",
+          t("common.answers", {})
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          DescriptionOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalArticles,
+          " ",
+          t("common.articles")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          Stars,
+          {
+            style: {
+              fontSize: "0.875rem",
+              marginRight: "0.25em",
+              color: "#ffc107"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.reputation,
+          " ",
+          t("impactCard.reputation")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          Visibility,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.totalViews,
+          " ",
+          t("common.views")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          CheckCircleOutline,
+          {
+            style: {
+              fontSize: "0.875rem",
+              marginRight: "0.25em",
+              color: "#4caf50"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          stats.correctAnswers,
+          " ",
+          t("impactCard.correctAnswers")
+        ] })
+      ] })
+    ] }) }),
+    interactive && !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",
+        fullWidth: true,
+        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 UserTooltip = (props) => {
+  const {
+    entityRef,
+    anonymous,
+    interactive = true,
+    children,
+    className,
+    ...tooltipProps
+  } = props;
+  const classes = useTooltipStyles();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(
+        UserTooltipContent,
+        {
+          entityRef,
+          anonymous,
+          interactive
+        }
+      ),
+      interactive,
+      arrow: true,
+      classes: {
+        tooltip: classes.tooltip,
+        arrow: classes.tooltipArrow,
+        ...props.classes
+      },
+      className,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+
+export { UserTooltip };
+//# sourceMappingURL=UserTooltip.esm.js.map

package/dist/components/Tooltips/UserTooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserTooltip.esm.js","sources":["../../../src/components/Tooltips/UserTooltip.tsx"],"sourcesContent":["import { useIdentityApi, useUserFollow, useUserInfo } from '../../hooks';\nimport {\n  Avatar,\n  Box,\n  Button,\n  Grid,\n  Tooltip,\n  TooltipProps,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswerOutlined from '@material-ui/icons/QuestionAnswerOutlined';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport Stars from '@material-ui/icons/Stars';\nimport CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useEffect, useState } from 'react';\nimport { UserStat } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaApiRef } from '../../api';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<string, { data: UserStat; timestamp: number }> = new Map();\nconst requestCache: Map<string, Promise<UserStat | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst UserTooltipContent = ({\n  entityRef,\n  anonymous,\n  interactive,\n}: {\n  entityRef: string;\n  anonymous?: boolean;\n  interactive: boolean;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const { name, initials, user, secondaryTitle } = useUserInfo(\n    entityRef,\n    anonymous ?? entityRef === 'anonymous',\n  );\n  const [stats, setStats] = useState<UserStat | undefined>();\n\n  useEffect(() => {\n    const cached = cache.get(entityRef);\n    if (cached && Date.now() - cached.timestamp < TTL) {\n      setStats(cached.data);\n      return;\n    }\n\n    if (requestCache.has(entityRef)) {\n      requestCache.get(entityRef)!.then(res => {\n        if (res) setStats(res);\n      });\n      return;\n    }\n\n    const promise = qetaApi.getUserStats(entityRef).then(res => {\n      if (res && res.summary) {\n        cache.set(entityRef, { data: res.summary, timestamp: Date.now() });\n        return res.summary;\n      }\n      return undefined;\n    });\n\n    requestCache.set(entityRef, promise);\n    promise.then(res => {\n      if (res) setStats(res);\n      requestCache.delete(entityRef);\n    });\n  }, [qetaApi, entityRef]);\n\n  const { value: currentUser } = useIdentityApi(\n    api => api.getBackstageIdentity(),\n    [],\n  );\n  const users = useUserFollow();\n\n  if (!stats) {\n    return (\n      <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n        <Grid item xs={12}>\n          <Box style={{ display: 'flex', alignItems: 'center' }}>\n            <Box style={{ display: 'inline-block', marginRight: '1em' }}>\n              <Skeleton variant=\"circle\" width={40} height={40} />\n            </Box>\n            <Box style={{ overflow: 'hidden', flex: 1 }}>\n              <Skeleton variant=\"text\" width={100} height={24} />\n              <Skeleton variant=\"text\" width={150} height={20} />\n            </Box>\n          </Box>\n        </Grid>\n      </Grid>\n    );\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em', maxWidth: 300 }} 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: '48px', height: '48px' }}\n            >\n              {initials}\n            </Avatar>\n          </Box>\n          <Box style={{ overflow: 'hidden' }}>\n            <Typography\n              variant=\"subtitle1\"\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                fontWeight: 600,\n              }}\n            >\n              {name}\n            </Typography>\n            <Typography variant=\"body2\" color=\"textSecondary\">\n              {secondaryTitle}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      <Grid item xs={12}>\n        <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '0.5em' }}>\n          <Box display=\"flex\" alignItems=\"center\">\n            <HelpOutline\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalQuestions} {t('common.questions')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <QuestionAnswerOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalAnswers} {t('common.answers', {})}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <DescriptionOutlined\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalArticles} {t('common.articles')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <Stars\n              style={{\n                fontSize: '0.875rem',\n                marginRight: '0.25em',\n                color: '#ffc107',\n              }}\n            />\n            <Typography variant=\"caption\">\n              {stats.reputation} {t('impactCard.reputation')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <Visibility\n              style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n            />\n            <Typography variant=\"caption\">\n              {stats.totalViews} {t('common.views')}\n            </Typography>\n          </Box>\n          <Box display=\"flex\" alignItems=\"center\">\n            <CheckCircleOutline\n              style={{\n                fontSize: '0.875rem',\n                marginRight: '0.25em',\n                color: '#4caf50',\n              }}\n            />\n            <Typography variant=\"caption\">\n              {stats.correctAnswers} {t('impactCard.correctAnswers')}\n            </Typography>\n          </Box>\n        </Box>\n      </Grid>\n      {interactive &&\n        !users.loading &&\n        currentUser?.userEntityRef !== entityRef && (\n          <Grid item xs={12}>\n            <Button\n              size=\"small\"\n              variant=\"outlined\"\n              color={users.isFollowingUser(entityRef) ? 'secondary' : 'primary'}\n              fullWidth\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 UserTooltip = (\n  props: {\n    entityRef: string;\n    anonymous?: boolean;\n    interactive?: boolean;\n  } & Omit<TooltipProps, 'title'>,\n) => {\n  const {\n    entityRef,\n    anonymous,\n    interactive = true,\n    children,\n    className,\n    ...tooltipProps\n  } = props;\n  const classes = useTooltipStyles();\n\n  return (\n    <Tooltip\n      title={\n        <UserTooltipContent\n          entityRef={entityRef}\n          anonymous={anonymous}\n          interactive={interactive}\n        />\n      }\n      interactive={interactive}\n      arrow\n      classes={{\n        tooltip: classes.tooltip,\n        arrow: classes.tooltipArrow,\n        ...props.classes,\n      }}\n      className={className}\n      {...tooltipProps}\n    >\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useEntityAuthor.esm.js

@@ -51,16 +51,14 @@ const useUserInfo = (entityRef, anonymous) => {
   const [user, setUser] = useState(null);
   const [initials, setInitials] = useState(null);
   const [currentUser, setCurrentUser] = useState(null);
-  const ref = stringifyEntityRef(
-    parseEntityRef(entityRef, { defaultKind: "user" })
-  );
+  const ref = entityRef ? stringifyEntityRef(parseEntityRef(entityRef, { defaultKind: "user" })) : "user:default/guest";
   const {
     primaryTitle: userName,
     secondaryTitle,
     Icon
   } = useEntityPresentation(ref, { defaultKind: "user" });
   useEffect(() => {
-    if (anonymous) {
+    if (anonymous || !entityRef) {
       return;
     }
     if (userCache.get(ref)) {
@@ -76,7 +74,7 @@ const useUserInfo = (entityRef, anonymous) => {
     }).catch(() => {
       setUser(null);
     });
-  }, [catalogApi, ref, anonymous]);
+  }, [catalogApi, ref, anonymous, entityRef]);
   useEffect(() => {
     identityApi.getBackstageIdentity().then((res) => {
       setCurrentUser(res.userEntityRef ?? "user:default/guest");

package/dist/hooks/useEntityAuthor.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n  parseEntityRef,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation.ts';\n\nconst userCache: Map<string, UserEntity> = new Map();\nlet userLoader: DataLoader<string, UserEntity | null> | undefined;\n\nconst getEntityAuthorLoader = (catalogApi: CatalogApi) => {\n  if (userLoader) {\n    return userLoader;\n  }\n  userLoader = new DataLoader<string, UserEntity | null>(\n    async (entityRefs: readonly string[]) => {\n      const { items } = await catalogApi.getEntitiesByRefs({\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'spec.profile.displayName',\n          'spec.profile.picture',\n        ],\n        entityRefs: entityRefs as string[],\n      });\n\n      entityRefs.forEach((entityRef, index) => {\n        if (items[index]) {\n          userCache.set(entityRef, items[index] as UserEntity);\n        }\n      });\n      return items as (UserEntity | null)[];\n    },\n    {\n      name: 'EntityAuthorLoader',\n      cacheMap: new Map(),\n      maxBatchSize: 100,\n      batchScheduleFn: callback => {\n        setTimeout(callback, 50);\n      },\n    },\n  );\n  return userLoader;\n};\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [name, setName] = useState<string>('');\n  const [isCurrentUser, setIsCurrentUser] = useState<boolean>(false);\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [initials, setInitials] = useState<string | null>(null);\n  const [currentUser, setCurrentUser] = useState<string | null>(null);\n  const ref = stringifyEntityRef(\n    parseEntityRef(entityRef, { defaultKind: 'user' }),\n  );\n\n  const {\n    primaryTitle: userName,\n    secondaryTitle,\n    Icon,\n  } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n  useEffect(() => {\n    if (anonymous) {\n      return;\n    }\n\n    if (userCache.get(ref)) {\n      setUser(userCache.get(ref) as UserEntity);\n      return;\n    }\n\n    getEntityAuthorLoader(catalogApi)\n      .load(ref)\n      .then(data => {\n        if (data) {\n          setUser(data);\n        } else {\n          setUser(null);\n        }\n      })\n      .catch(() => {\n        setUser(null);\n      });\n  }, [catalogApi, ref, anonymous]);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(res => {\n      setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    let displayName = userName;\n    if (currentUser) {\n      const currentUserRef = parseEntityRef(currentUser, {\n        defaultKind: 'user',\n      });\n      const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n      if (\n        currentUserRef.name === userRef.name &&\n        currentUserRef.namespace === userRef.namespace\n      ) {\n        setIsCurrentUser(true);\n        displayName = `${t('userLink.you')}${\n          anonymous\n            ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n            : ''\n        }`;\n      } else if (anonymous) {\n        displayName = t('userLink.anonymous');\n      }\n    } else if (anonymous) {\n      displayName = t('userLink.anonymous');\n    }\n    setName(displayName);\n  }, [ref, anonymous, currentUser, userName, t]);\n\n  useEffect(() => {\n    const init = (name ?? '')\n      .replace(/[^a-zA-Z]/g, '')\n      .split(' ')\n      .map(p => p[0])\n      .join('')\n      .substring(0, 2)\n      .toUpperCase();\n    setInitials(init);\n  }, [name]);\n\n  return { name, initials, user, secondaryTitle, Icon, isCurrentUser };\n};\n\nexport const useEntityAuthor = (\n  entity: PostResponse | AnswerResponse | CollectionResponse | UserResponse,\n) => {\n  const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n  const author =\n    // eslint-disable-next-line no-nested-ternary\n    'author' in entity\n      ? entity.author\n      : 'userRef' in entity\n      ? entity.userRef\n      : entity.owner;\n  return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n  parseEntityRef,\n  stringifyEntityRef,\n  UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  catalogApiRef,\n  useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation';\n\nconst userCache: Map<string, UserEntity> = new Map();\nlet userLoader: DataLoader<string, UserEntity | null> | undefined;\n\nconst getEntityAuthorLoader = (catalogApi: CatalogApi) => {\n  if (userLoader) {\n    return userLoader;\n  }\n  userLoader = new DataLoader<string, UserEntity | null>(\n    async (entityRefs: readonly string[]) => {\n      const { items } = await catalogApi.getEntitiesByRefs({\n        fields: [\n          'kind',\n          'metadata.name',\n          'metadata.namespace',\n          'spec.profile.displayName',\n          'spec.profile.picture',\n        ],\n        entityRefs: entityRefs as string[],\n      });\n\n      entityRefs.forEach((entityRef, index) => {\n        if (items[index]) {\n          userCache.set(entityRef, items[index] as UserEntity);\n        }\n      });\n      return items as (UserEntity | null)[];\n    },\n    {\n      name: 'EntityAuthorLoader',\n      cacheMap: new Map(),\n      maxBatchSize: 100,\n      batchScheduleFn: callback => {\n        setTimeout(callback, 50);\n      },\n    },\n  );\n  return userLoader;\n};\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [name, setName] = useState<string>('');\n  const [isCurrentUser, setIsCurrentUser] = useState<boolean>(false);\n  const [user, setUser] = useState<UserEntity | null>(null);\n  const [initials, setInitials] = useState<string | null>(null);\n  const [currentUser, setCurrentUser] = useState<string | null>(null);\n  const ref = entityRef\n    ? stringifyEntityRef(parseEntityRef(entityRef, { defaultKind: 'user' }))\n    : 'user:default/guest';\n\n  const {\n    primaryTitle: userName,\n    secondaryTitle,\n    Icon,\n  } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n  useEffect(() => {\n    if (anonymous || !entityRef) {\n      return;\n    }\n\n    if (userCache.get(ref)) {\n      setUser(userCache.get(ref) as UserEntity);\n      return;\n    }\n\n    getEntityAuthorLoader(catalogApi)\n      .load(ref)\n      .then(data => {\n        if (data) {\n          setUser(data);\n        } else {\n          setUser(null);\n        }\n      })\n      .catch(() => {\n        setUser(null);\n      });\n  }, [catalogApi, ref, anonymous, entityRef]);\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(res => {\n      setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n    });\n  }, [identityApi]);\n\n  useEffect(() => {\n    let displayName = userName;\n    if (currentUser) {\n      const currentUserRef = parseEntityRef(currentUser, {\n        defaultKind: 'user',\n      });\n      const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n      if (\n        currentUserRef.name === userRef.name &&\n        currentUserRef.namespace === userRef.namespace\n      ) {\n        setIsCurrentUser(true);\n        displayName = `${t('userLink.you')}${\n          anonymous\n            ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n            : ''\n        }`;\n      } else if (anonymous) {\n        displayName = t('userLink.anonymous');\n      }\n    } else if (anonymous) {\n      displayName = t('userLink.anonymous');\n    }\n    setName(displayName);\n  }, [ref, anonymous, currentUser, userName, t]);\n\n  useEffect(() => {\n    const init = (name ?? '')\n      .replace(/[^a-zA-Z]/g, '')\n      .split(' ')\n      .map(p => p[0])\n      .join('')\n      .substring(0, 2)\n      .toUpperCase();\n    setInitials(init);\n  }, [name]);\n\n  return { name, initials, user, secondaryTitle, Icon, isCurrentUser };\n};\n\nexport const useEntityAuthor = (\n  entity: PostResponse | AnswerResponse | CollectionResponse | UserResponse,\n) => {\n  const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n  const author =\n    // eslint-disable-next-line no-nested-ternary\n    'author' in entity\n      ? entity.author\n      : 'userRef' in entity\n      ? entity.userRef\n      : entity.owner;\n  return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.56.1",
+  "version": "3.57.0",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.4",
     "@backstage/plugin-permission-react": "^0.4.39",
     "@backstage/plugin-signals-react": "^0.0.18",
-    "@drodil/backstage-plugin-qeta-common": "^3.56.1",
+    "@drodil/backstage-plugin-qeta-common": "^3.57.0",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
@@ -68,7 +68,7 @@
     "github-slugger": "^2.0.0",
     "i18next": "^23.16.2",
     "infinite-scroll-hook": "^1.0.2",
-    "lodash": "^4.17.21",
+    "lodash": "^4.17.23",
     "numeral": "^2.0.6",
     "react-dropzone": "^14.3.8",
     "react-hook-form": "^7.46.2",