@drodil/backstage-plugin-qeta-react 2.15.0 → 3.0.0

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

@@ -0,0 +1,80 @@
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { Tooltip, Chip, Grid, Typography, Button } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useRouteRef, useApi } from '@backstage/core-plugin-api';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { entityRouteRef } from '../../routes.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslation, useEntityFollow } from '../../utils/hooks.esm.js';
+
+const cache = /* @__PURE__ */ new Map();
+const EntityTooltip = (props) => {
+  const { entity } = props;
+  const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
+  const qetaApi = useApi(qetaApiRef);
+  const { primaryTitle } = useEntityPresentation(entity);
+  const { t } = useTranslation();
+  const entitiesFollow = useEntityFollow();
+  const [resp, setResp] = React.useState();
+  useEffect(() => {
+    if (cache.has(entityRef)) {
+      setResp(cache.get(entityRef));
+      return;
+    }
+    qetaApi.getEntity(entityRef).then((res) => {
+      if (res) {
+        cache.set(entityRef, res);
+        setResp(res);
+      }
+    });
+  }, [qetaApi, entityRef]);
+  if (!resp) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, style: { padding: "0.5rem" }, spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, primaryTitle)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("common.posts", { count: resp.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: resp.followerCount }))), !entitiesFollow.loading && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      variant: "outlined",
+      color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
+      onClick: () => {
+        if (entitiesFollow.isFollowingEntity(entityRef)) {
+          entitiesFollow.followEntity(entityRef);
+        } else {
+          entitiesFollow.followEntity(entityRef);
+        }
+      }
+    },
+    entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
+  )));
+};
+const EntityChip = (props) => {
+  const { entity } = props;
+  const entityRoute = useRouteRef(entityRouteRef);
+  const { primaryTitle } = useEntityPresentation(entity);
+  const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
+  return /* @__PURE__ */ React.createElement(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ React.createElement(EntityTooltip, { entity }),
+      arrow: true,
+      interactive: true,
+      enterDelay: 400
+    },
+    /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        label: primaryTitle,
+        size: "small",
+        variant: "outlined",
+        className: "qetaEntityChip",
+        component: "a",
+        href: entityRoute({ entityRef }),
+        clickable: true
+      }
+    )
+  );
+};
+
+export { EntityChip };
+//# sourceMappingURL=EntityChip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/TagsAndEntities/EntityChip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\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 { useTranslation } from '../../utils';\nimport { useEntityFollow } from '../../utils/hooks';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\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 } = 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.5rem' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{primaryTitle}</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.followEntity(entityRef);\n              } else {\n                entitiesFollow.followEntity(entityRef);\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: { entity: Entity | string }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const { primaryTitle } = useEntityPresentation(entity);\n  const entityRef =\n    typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n  return (\n    <Tooltip\n      title={<EntityTooltip entity={entity} />}\n      arrow\n      interactive\n      enterDelay={400}\n    >\n      <Chip\n        label={primaryTitle}\n        size=\"small\"\n        variant=\"outlined\"\n        className=\"qetaEntityChip\"\n        component=\"a\"\n        href={entityRoute({ entityRef })}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,78 @@
+import { Tooltip, Chip, Grid, Typography, Button } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useRouteRef, useApi } from '@backstage/core-plugin-api';
+import { tagRouteRef } from '../../routes.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+import { useNavigate } from 'react-router-dom';
+import { useTranslation, useTagsFollow } from '../../utils/hooks.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+
+const cache = /* @__PURE__ */ new Map();
+const TagTooltip = (props) => {
+  const { tag } = props;
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslation();
+  const tags = useTagsFollow();
+  const [resp, setResp] = React.useState();
+  useEffect(() => {
+    if (cache.has(tag)) {
+      setResp(cache.get(tag));
+      return;
+    }
+    qetaApi.getTag(tag).then((res) => {
+      if (res) {
+        cache.set(tag, res);
+        setResp(res);
+      }
+    });
+  }, [qetaApi, tag]);
+  if (!resp) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, style: { padding: "0.5rem" }, spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, tag)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("common.posts", { count: resp.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: resp.followerCount }))), resp.description && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: resp.description })), !tags.loading && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      variant: "outlined",
+      color: tags.isFollowingTag(tag) ? "secondary" : "primary",
+      onClick: () => {
+        if (tags.isFollowingTag(tag)) {
+          tags.unfollowTag(tag);
+        } else {
+          tags.followTag(tag);
+        }
+      }
+    },
+    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.createElement(
+    Tooltip,
+    {
+      arrow: true,
+      title: /* @__PURE__ */ React.createElement(TagTooltip, { tag }),
+      interactive: true,
+      enterDelay: 400
+    },
+    /* @__PURE__ */ React.createElement(
+      Chip,
+      {
+        label: tag,
+        size: "small",
+        className: "qetaTagChip",
+        component: "a",
+        onClick: () => {
+          navigate(tagRoute({ tag }));
+        },
+        clickable: true
+      }
+    )
+  );
+};
+
+export { TagChip };
+//# sourceMappingURL=TagChip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\nimport React, { 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 { useTranslation } from '../../utils';\nimport { useTagsFollow } from '../../utils/hooks';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\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      }\n    });\n  }, [qetaApi, tag]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5rem' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{tag}</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      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!tags.loading && (\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          >\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: { tag: string }) => {\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      interactive\n      enterDelay={400}\n    >\n      <Chip\n        label={tag}\n        size=\"small\"\n        className=\"qetaTagChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(tagRoute({ tag }));\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,32 @@
+import { useApi } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import React, { useEffect } from 'react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { compact } from 'lodash';
+import { EntityChip } from './EntityChip.esm.js';
+import { TagChip } from './TagChip.esm.js';
+
+const TagsAndEntities = (props) => {
+  const { entity } = props;
+  const catalogApi = useApi(catalogApiRef);
+  const [entities, setEntities] = React.useState([]);
+  useEffect(() => {
+    if (entity.entities && entity.entities.length > 0) {
+      catalogApi.getEntitiesByRefs({
+        entityRefs: entity.entities,
+        fields: [
+          "kind",
+          "metadata.name",
+          "metadata.namespace",
+          "metadata.title"
+        ]
+      }).catch((_) => setEntities([])).then(
+        (data) => data ? setEntities(compact(data.items)) : setEntities([])
+      );
+    }
+  }, [catalogApi, entity]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.tags && entity.tags.map((tag) => /* @__PURE__ */ React.createElement(TagChip, { key: tag, tag })), entities && entities.map((component) => /* @__PURE__ */ React.createElement(EntityChip, { entity: component, key: stringifyEntityRef(component) })));
+};
+
+export { TagsAndEntities };
+//# sourceMappingURL=TagsAndEntities.esm.js.map

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

@@ -0,0 +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 { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport React, { useEffect } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { compact } from 'lodash';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\n\nexport const TagsAndEntities = (props: {\n  entity: PostResponse | CollectionResponse;\n}) => {\n  const { entity } = props;\n  const catalogApi = useApi(catalogApiRef);\n  const [entities, setEntities] = React.useState<Entity[]>([]);\n  useEffect(() => {\n    if (entity.entities && entity.entities.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: entity.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n        .catch(_ => setEntities([]))\n        .then(data =>\n          data ? setEntities(compact(data.items)) : setEntities([]),\n        );\n    }\n  }, [catalogApi, entity]);\n\n  return (\n    <>\n      {entity.tags && entity.tags.map(tag => <TagChip key={tag} tag={tag} />)}\n      {entities &&\n        entities.map(component => (\n          <EntityChip entity={component} key={stringifyEntityRef(component)} />\n        ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYa,MAAA,eAAA,GAAkB,CAAC,KAE1B,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AACvC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,KAAM,CAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAC3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AACjD,MAAA,UAAA,CACG,iBAAkB,CAAA;AAAA,QACjB,YAAY,MAAO,CAAA,QAAA;AAAA,QACnB,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,eAAA;AAAA,UACA,oBAAA;AAAA,UACA,gBAAA;AAAA,SACF;AAAA,OACD,EACA,KAAM,CAAA,CAAA,CAAA,KAAK,YAAY,EAAE,CAAC,CAC1B,CAAA,IAAA;AAAA,QAAK,CAAA,IAAA,KACJ,IAAO,GAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,GAAI,WAAY,CAAA,EAAE,CAAA;AAAA,OAC1D,CAAA;AAAA,KACJ;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,MAAM,CAAC,CAAA,CAAA;AAEvB,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,MAAO,CAAA,IAAA,IAAQ,MAAO,CAAA,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,qBAAQ,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,GAAK,EAAA,GAAA,EAAK,GAAU,EAAA,CAAE,CACrE,EAAA,QAAA,IACC,QAAS,CAAA,GAAA,CAAI,CACX,SAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,GAAA,EAAK,kBAAmB,CAAA,SAAS,CAAG,EAAA,CACpE,CACL,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,73 @@
+import { Modal, Backdrop, Box, Typography, Grid, TextField, Button } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import React from 'react';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+
+const EditTagModal = (props) => {
+  const { tag, open, onClose } = props;
+  const [description, setDescription] = React.useState(tag.description);
+  const styles = useStyles();
+  const { t } = useTranslation();
+  const [error, setError] = React.useState(false);
+  const qetaApi = useApi(qetaApiRef);
+  const handleUpdate = () => {
+    qetaApi.updateTag(tag.tag, description).then((ret) => {
+      if (ret) {
+        onClose();
+        return;
+      }
+      setError(true);
+    }).catch(() => {
+      setError(true);
+    });
+  };
+  return /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      open,
+      onClose,
+      className: "qetaEditTagModal",
+      "aria-labelledby": "modal-modal-title",
+      "aria-describedby": "modal-modal-description",
+      closeAfterTransition: true,
+      BackdropComponent: Backdrop,
+      BackdropProps: {
+        timeout: 500
+      }
+    },
+    /* @__PURE__ */ React.createElement(Box, { className: `qetaEditTagContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, t("editTagModal.errorPosting")), /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        id: "modal-modal-title",
+        className: "qetaEditTagModalTitle",
+        variant: "h6",
+        component: "h2"
+      },
+      t("editTagModal.title", { tag: tag.tag })
+    ), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+      TextField,
+      {
+        variant: "outlined",
+        label: t("editTagModal.description"),
+        multiline: true,
+        minRows: 10,
+        style: { width: "100%" },
+        value: description,
+        onChange: (e) => setDescription(e.target.value)
+      }
+    ))), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        onClick: handleUpdate,
+        className: "qetaEditTagModalSaveBtn",
+        color: "secondary"
+      },
+      t("editTagModal.saveButton")
+    ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, className: "qetaEditTagModalCancelBtn" }, t("editTagModal.cancelButton")))
+  );
+};
+
+export { EditTagModal };
+//# sourceMappingURL=EditTagModal.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsGrid/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Box,\n  Button,\n  Grid,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\n\nexport const EditTagModal = (props: {\n  tag: TagResponse;\n  open: boolean;\n  onClose: () => void;\n}) => {\n  const { tag, open, onClose } = props;\n  const [description, setDescription] = React.useState(tag.description);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const [error, setError] = React.useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleUpdate = () => {\n    qetaApi\n      .updateTag(tag.tag, description)\n      .then(ret => {\n        if (ret) {\n          onClose();\n          return;\n        }\n        setError(true);\n      })\n      .catch(() => {\n        setError(true);\n      });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaEditTagModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <Box className={`qetaEditTagContent ${styles.deleteModal}`}>\n        {error && (\n          <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaEditTagModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {t('editTagModal.title', { tag: tag.tag })}\n        </Typography>\n        <Grid container>\n          <Grid item xs={12}>\n            <TextField\n              variant=\"outlined\"\n              label={t('editTagModal.description')}\n              multiline\n              minRows={10}\n              style={{ width: '100%' }}\n              value={description}\n              onChange={e => setDescription(e.target.value)}\n            />\n          </Grid>\n        </Grid>\n        <Button\n          onClick={handleUpdate}\n          className=\"qetaEditTagModalSaveBtn\"\n          color=\"secondary\"\n        >\n          {t('editTagModal.saveButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n          {t('editTagModal.cancelButton')}\n        </Button>\n      </Box>\n    </Modal>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,56 @@
+import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import { Grid, Card, CardActionArea, CardHeader, CardContent, Typography, CardActions, Button } from '@material-ui/core';
+import React from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { tagRouteRef } from '../../routes.esm.js';
+import { useNavigate } from 'react-router-dom';
+import { useTranslation, useTagsFollow } from '../../utils/hooks.esm.js';
+import { EditTagModal } from './EditTagModal.esm.js';
+import DOMPurify from 'dompurify';
+
+const TagGridItem = (props) => {
+  const { tag } = props;
+  const tagRoute = useRouteRef(tagRouteRef);
+  const navigate = useNavigate();
+  const { t } = useTranslation();
+  const tags = useTagsFollow();
+  const [editModalOpen, setEditModalOpen] = React.useState(false);
+  const handleEditModalOpen = () => setEditModalOpen(true);
+  const handleEditModalClose = () => setEditModalOpen(false);
+  return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3 }, /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      variant: "outlined",
+      style: { height: "100%", display: "flex", flexDirection: "column" }
+    },
+    /* @__PURE__ */ React.createElement(CardActionArea, { onClick: () => navigate(tagRoute({ tag: tag.tag })) }, /* @__PURE__ */ React.createElement(CardHeader, { title: tag.tag }), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", { count: tag.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: tag.followerCount })), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, " ", DOMPurify.sanitize(
+      truncate(removeMarkdownFormatting(tag.description ?? ""), 150)
+    )))),
+    /* @__PURE__ */ React.createElement(CardActions, { style: { marginTop: "auto" } }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: tags.isFollowingTag(tag.tag) ? "secondary" : "primary",
+        onClick: () => {
+          if (tags.isFollowingTag(tag.tag)) {
+            tags.unfollowTag(tag.tag);
+          } else {
+            tags.followTag(tag.tag);
+          }
+        }
+      },
+      tags.isFollowingTag(tag.tag) ? t("tagButton.unfollow") : t("tagButton.follow")
+    ), /* @__PURE__ */ React.createElement(Button, { size: "small", onClick: handleEditModalOpen, variant: "outlined" }, t("tagButton.edit")))
+  ), /* @__PURE__ */ React.createElement(
+    EditTagModal,
+    {
+      tag,
+      open: editModalOpen,
+      onClose: handleEditModalClose
+    }
+  ));
+};
+
+export { TagGridItem };
+//# sourceMappingURL=TagGridItem.esm.js.map

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

@@ -0,0 +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  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../utils';\nimport { useTagsFollow } from '../../utils/hooks';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\n\nexport const TagGridItem = (props: { tag: TagResponse }) => {\n  const { tag } = props;\n  const tagRoute = useRouteRef(tagRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n\n  const [editModalOpen, setEditModalOpen] = React.useState(false);\n  const handleEditModalOpen = () => setEditModalOpen(true);\n  const handleEditModalClose = () => setEditModalOpen(false);\n\n  return (\n    <Grid item xs={3}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea onClick={() => navigate(tagRoute({ tag: tag.tag }))}>\n          <CardHeader title={tag.tag} />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', { count: tag.postsCount, itemType: 'post' })}\n              {' · '}\n              {t('common.followers', { count: tag.followerCount })}\n            </Typography>\n            <Typography variant=\"body2\">\n              {' '}\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(tag.description ?? ''), 150),\n              )}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions style={{ marginTop: 'auto' }}>\n          <Button\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          >\n            {tags.isFollowingTag(tag.tag)\n              ? t('tagButton.unfollow')\n              : t('tagButton.follow')}\n          </Button>\n          <Button size=\"small\" onClick={handleEditModalOpen} variant=\"outlined\">\n            {t('tagButton.edit')}\n          </Button>\n        </CardActions>\n      </Card>\n      <EditTagModal\n        tag={tag}\n        open={editModalOpen}\n        onClose={handleEditModalClose}\n      />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,45 @@
+import { Grid, TextField, IconButton, Typography } from '@material-ui/core';
+import React from 'react';
+import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
+import { Progress, WarningPanel } from '@backstage/core-components';
+import { TagGridItem } from './TagGridItem.esm.js';
+
+const TagsGrid = () => {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const { t } = useTranslation();
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => api.getTags(), []);
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("tagPage.errorLoading") }, error?.message);
+  }
+  const filterData = (query, data) => {
+    if (!query) {
+      return data;
+    }
+    return data.filter(
+      (tag) => tag.tag.toLowerCase().includes(query) || tag.description?.toLowerCase().includes(query)
+    );
+  };
+  const tags = filterData(searchQuery, response);
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaTagsContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      id: "search-bar",
+      className: "text qetaTagsContainerSearchInput",
+      onChange: (event) => setSearchQuery(event.target.value),
+      label: t("tagPage.search.label"),
+      variant: "outlined",
+      placeholder: t("tagPage.search.placeholder"),
+      size: "small"
+    }
+  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaTagsContainerTitle" }, t("tagPage.tags", { count: tags.length }))), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, tags.map((tag) => /* @__PURE__ */ React.createElement(TagGridItem, { tag, key: tag.tag }))));
+};
+
+export { TagsGrid };
+//# sourceMappingURL=TagsGrid.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { Grid, IconButton, TextField, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useTranslation } from '../../utils/hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { TagGridItem } from './TagGridItem';\n\nexport const TagsGrid = () => {\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getTags(), []);\n\n  if (loading) {\n    return <Progress />;\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  const filterData = (query: string, data: TagResponse[]) => {\n    if (!query) {\n      return data;\n    }\n    return data.filter(\n      tag =>\n        tag.tag.toLowerCase().includes(query) ||\n        tag.description?.toLowerCase().includes(query),\n    );\n  };\n\n  const tags = filterData(searchQuery, response);\n\n  return (\n    <Grid container className=\"qetaTagsContainer\">\n      <Grid item xs={12}>\n        <TextField\n          id=\"search-bar\"\n          className=\"text qetaTagsContainerSearchInput\"\n          onChange={(\n            event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => setSearchQuery(event.target.value)}\n          label={t('tagPage.search.label')}\n          variant=\"outlined\"\n          placeholder={t('tagPage.search.placeholder')}\n          size=\"small\"\n        />\n        <IconButton type=\"submit\" aria-label=\"search\" />\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\" className=\"qetaTagsContainerTitle\">\n          {t('tagPage.tags', { count: tags.length })}\n        </Typography>\n      </Grid>\n      <Grid container item xs={12} alignItems=\"stretch\">\n        {tags.map(tag => (\n          <TagGridItem tag={tag} key={tag.tag} />\n        ))}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AACvD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,OAAQ,EAAA,EAAG,EAAE,CAAA,CAAA;AAEvC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,sBAAsB,CAC3D,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,IAAwB,KAAA;AACzD,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,OAAO,IAAK,CAAA,MAAA;AAAA,MACV,CACE,GAAA,KAAA,GAAA,CAAI,GAAI,CAAA,WAAA,EAAc,CAAA,QAAA,CAAS,KAAK,CAAA,IACpC,GAAI,CAAA,WAAA,EAAa,WAAY,EAAA,CAAE,SAAS,KAAK,CAAA;AAAA,KACjD,CAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,UAAW,CAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAE7C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,SAAA,EAAU,mBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,YAAA;AAAA,MACH,SAAU,EAAA,mCAAA;AAAA,MACV,UAAU,CACR,KAAA,KACG,cAAe,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MACtC,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAQ,EAAA,UAAA;AAAA,MACR,WAAA,EAAa,EAAE,4BAA4B,CAAA;AAAA,MAC3C,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,GACP,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,QAAA,EAAS,cAAW,QAAS,EAAA,CAChD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,WAAU,wBAChC,EAAA,EAAA,CAAA,CAAE,cAAgB,EAAA,EAAE,KAAO,EAAA,IAAA,CAAK,QAAQ,CAC3C,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,UAAA,EAAW,aACrC,IAAK,CAAA,GAAA,CAAI,CACR,GAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,GAAA,EAAU,KAAK,GAAI,CAAA,GAAA,EAAK,CACtC,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js

@@ -0,0 +1,161 @@
+import React from 'react';
+import { WarningPanel, CardTab, TabbedCard, Progress } from '@backstage/core-components';
+import { List, ListItem, ListItemAvatar, Avatar, ListItemText, Typography } from '@material-ui/core';
+import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
+import { TrophyIcon } from './TrophyIcon.esm.js';
+import { useStyles } from './styles.esm.js';
+import { UserLink } from '../Links/Links.esm.js';
+
+const DefaultRankingIcons = /* @__PURE__ */ new Map([
+  [
+    1,
+    /* @__PURE__ */ React.createElement(
+      TrophyIcon,
+      {
+        style: { color: "#DAA520", height: "2.2rem", width: "2.2rem" }
+      }
+    )
+  ],
+  [
+    2,
+    /* @__PURE__ */ React.createElement(
+      TrophyIcon,
+      {
+        style: { color: "#C0C0C0", height: "2.1rem", width: "2.1rem" }
+      }
+    )
+  ],
+  [
+    3,
+    /* @__PURE__ */ React.createElement(TrophyIcon, { style: { color: "#B87333", height: "2rem", width: "2rem" } })
+  ]
+]);
+const DefaultUserIcon = /* @__PURE__ */ React.createElement(TrophyIcon, { style: { height: "2rem", width: "2rem" } });
+const getOrdinal = (n) => {
+  if (n % 10 === 1 && n % 100 !== 11) {
+    return `${n}st`;
+  } else if (n % 10 === 2 && n % 100 !== 12) {
+    return `${n}nd`;
+  } else if (n % 10 === 3 && n % 100 !== 13) {
+    return `${n}rd`;
+  }
+  return `${n}th`;
+};
+const RankingRow = (props) => {
+  const classes = useStyles();
+  const userRef = props.userRef;
+  const ordinalPosition = props?.position ? getOrdinal(props?.position) : "";
+  const userIcon = props.rankingIcon?.userRankingIcon ? props.rankingIcon?.userRankingIcon : DefaultUserIcon;
+  const topRankingIcon = props.rankingIcon ? props.rankingIcon.iconsByRanking.get(Number(props?.position)) : DefaultRankingIcons.get(Number(props?.position)) || DefaultUserIcon;
+  const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;
+  return /* @__PURE__ */ React.createElement(ListItem, { className: "qetaRankingCardRow" }, /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, { className: classes.trophyIcon }, rankingIcon)), /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      disableTypography: true,
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      primary: /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          style: { marginRight: "10px", fontWeight: 400 },
+          variant: "subtitle1"
+        },
+        `${ordinalPosition}`,
+        " ",
+        /* @__PURE__ */ React.createElement(UserLink, { entityRef: userRef ?? "" })
+      ))
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: classes.votesText }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, props?.total, " ", props.unit)));
+};
+const RankingCard = (props) => {
+  const rankingStats = props.limit ? props.statistic?.ranking.slice(0, props.limit) : props.statistic?.ranking;
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "block" }, className: "qetaRankingCard" }, /* @__PURE__ */ React.createElement("span", { className: "qetaRankingCardDescription" }, props.description), /* @__PURE__ */ React.createElement(List, { className: "qetaRankingCardList" }, rankingStats?.map((authorStats) => {
+    return /* @__PURE__ */ React.createElement(
+      RankingRow,
+      {
+        total: authorStats.total || 0,
+        position: authorStats.position || 0,
+        userRef: authorStats.author,
+        unit: props.unit
+      }
+    );
+  }), !rankingStats?.some(
+    (authorStats) => authorStats.author === props.statistic?.loggedUser?.author
+  ) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("hr", null), /* @__PURE__ */ React.createElement(
+    RankingRow,
+    {
+      total: props.statistic?.loggedUser?.total || 0,
+      position: props.statistic?.loggedUser?.position || 0,
+      userRef: props.statistic?.loggedUser?.author,
+      unit: props.unit
+    }
+  ))));
+};
+const TopRankingUsers = (props) => {
+  const { t } = useTranslation();
+  const {
+    value: topStatistics,
+    loading,
+    error
+  } = useQetaApi(
+    (api) => api.getTopStatisticsHomepage({
+      options: { limit: 50 }
+    })
+  );
+  const tabData = [
+    {
+      title: t("statistics.mostQuestions.title"),
+      description: t("statistics.mostQuestions.description"),
+      unit: "questions"
+    },
+    {
+      title: t("statistics.mostAnswers.title"),
+      description: t("statistics.mostAnswers.description"),
+      unit: "answers"
+    },
+    {
+      title: t("statistics.topVotedQuestions.title"),
+      description: t("statistics.topVotedQuestions.description"),
+      unit: "votes"
+    },
+    {
+      title: t("statistics.topVotedAnswers.title"),
+      description: t("statistics.topVotedAnswers.description"),
+      unit: "votes"
+    },
+    {
+      title: t("statistics.topVotedCorrectAnswers.title"),
+      description: t("statistics.topVotedCorrectAnswers.description"),
+      unit: "votes"
+    }
+  ];
+  if ((error || topStatistics === void 0) && !loading) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("statistics.errorLoading") }, error?.message);
+  }
+  let content;
+  if (loading) {
+    content = [
+      /* @__PURE__ */ React.createElement(CardTab, null, /* @__PURE__ */ React.createElement(Progress, null))
+    ];
+  } else if (topStatistics && topStatistics.length > 0) {
+    content = topStatistics?.map((stats, index) => {
+      return /* @__PURE__ */ React.createElement(CardTab, { label: tabData[index].title }, /* @__PURE__ */ React.createElement(
+        RankingCard,
+        {
+          description: tabData[index].description,
+          limit: props.limit,
+          statistic: stats,
+          unit: tabData[index].unit
+        }
+      ));
+    });
+  } else {
+    content = [/* @__PURE__ */ React.createElement(CardTab, null, t("statistics.notAvailable"))];
+  }
+  return /* @__PURE__ */ React.createElement(TabbedCard, { title: props.title || t("statistics.ranking") }, content);
+};
+
+export { RankingCard, RankingRow, TopRankingUsers };
+//# sourceMappingURL=TopRankingUsersCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/TopRankingUsersCard/TopRankingUsersCard.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport {\n  CardTab,\n  Progress,\n  TabbedCard,\n  WarningPanel,\n} from '@backstage/core-components';\nimport {\n  Avatar,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useTranslation } from '../../utils/hooks';\nimport { TrophyIcon } from './TrophyIcon';\nimport { useStyles } from './styles';\nimport { UserLink } from '../Links';\n\ntype RankingIcon = {\n  iconsByRanking: Map<number, ReactNode>;\n  userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n  [\n    1,\n    <TrophyIcon\n      style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n    />,\n  ],\n  [\n    2,\n    <TrophyIcon\n      style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n    />,\n  ],\n  [\n    3,\n    <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n  ],\n]);\n\nconst DefaultUserIcon = (\n  <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n  if (n % 10 === 1 && n % 100 !== 11) {\n    return `${n}st`;\n  } else if (n % 10 === 2 && n % 100 !== 12) {\n    return `${n}nd`;\n  } else if (n % 10 === 3 && n % 100 !== 13) {\n    return `${n}rd`;\n  }\n\n  return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n  userRef?: string;\n  total: number;\n  position: number;\n  rankingIcon?: RankingIcon;\n  unit: string;\n}) => {\n  const classes = useStyles();\n  const userRef = props.userRef;\n\n  const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n  const userIcon = props.rankingIcon?.userRankingIcon\n    ? props.rankingIcon?.userRankingIcon\n    : DefaultUserIcon;\n\n  const topRankingIcon = props.rankingIcon\n    ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n    : DefaultRankingIcons.get(Number(props?.position)) || DefaultUserIcon;\n\n  const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n  return (\n    <ListItem className=\"qetaRankingCardRow\">\n      <ListItemAvatar>\n        <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n      </ListItemAvatar>\n\n      <ListItemText\n        disableTypography\n        style={{\n          display: 'flex',\n          justifyContent: 'center',\n        }}\n        primary={\n          <div style={{ display: 'flex' }}>\n            <Typography\n              style={{ marginRight: '10px', fontWeight: 400 }}\n              variant=\"subtitle1\"\n            >\n              {`${ordinalPosition}`} <UserLink entityRef={userRef ?? ''} />\n            </Typography>\n          </div>\n        }\n      />\n\n      <div className={classes.votesText}>\n        <Typography variant=\"subtitle1\">\n          {props?.total} {props.unit}\n        </Typography>\n      </div>\n    </ListItem>\n  );\n};\n\nexport const RankingCard = (props: {\n  limit?: number;\n  description: string;\n  statistic?: StatisticResponse;\n  unit: string;\n}) => {\n  const rankingStats = props.limit\n    ? props.statistic?.ranking.slice(0, props.limit)\n    : props.statistic?.ranking;\n\n  return (\n    <div style={{ display: 'block' }} className=\"qetaRankingCard\">\n      <span className=\"qetaRankingCardDescription\">{props.description}</span>\n      <List className=\"qetaRankingCardList\">\n        {rankingStats?.map(authorStats => {\n          return (\n            <RankingRow\n              total={authorStats.total || 0}\n              position={authorStats.position || 0}\n              userRef={authorStats.author}\n              unit={props.unit}\n            />\n          );\n        })}\n        {!rankingStats?.some(\n          authorStats =>\n            authorStats.author === props.statistic?.loggedUser?.author,\n        ) && (\n          <>\n            <hr />\n            <RankingRow\n              total={props.statistic?.loggedUser?.total || 0}\n              position={props.statistic?.loggedUser?.position || 0}\n              userRef={props.statistic?.loggedUser?.author}\n              unit={props.unit}\n            />\n          </>\n        )}\n      </List>\n    </div>\n  );\n};\n\nexport const TopRankingUsers = (props: {\n  title?: string;\n  hideTitle?: boolean;\n  limit?: number;\n}) => {\n  const { t } = useTranslation();\n  const {\n    value: topStatistics,\n    loading,\n    error,\n  } = useQetaApi(api =>\n    api.getTopStatisticsHomepage({\n      options: { limit: 50 },\n    }),\n  );\n\n  const tabData = [\n    {\n      title: t('statistics.mostQuestions.title'),\n      description: t('statistics.mostQuestions.description'),\n      unit: 'questions',\n    },\n    {\n      title: t('statistics.mostAnswers.title'),\n      description: t('statistics.mostAnswers.description'),\n      unit: 'answers',\n    },\n    {\n      title: t('statistics.topVotedQuestions.title'),\n      description: t('statistics.topVotedQuestions.description'),\n      unit: 'votes',\n    },\n    {\n      title: t('statistics.topVotedAnswers.title'),\n      description: t('statistics.topVotedAnswers.description'),\n      unit: 'votes',\n    },\n    {\n      title: t('statistics.topVotedCorrectAnswers.title'),\n      description: t('statistics.topVotedCorrectAnswers.description'),\n      unit: 'votes',\n    },\n  ];\n\n  if ((error || topStatistics === undefined) && !loading) {\n    return (\n      <WarningPanel severity=\"error\" title={t('statistics.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  let content: ReactElement[];\n\n  if (loading) {\n    content = [\n      <CardTab>\n        <Progress />\n      </CardTab>,\n    ];\n  } else if (topStatistics && topStatistics.length > 0) {\n    content = topStatistics?.map((stats, index) => {\n      return (\n        <CardTab label={tabData[index].title}>\n          <RankingCard\n            description={tabData[index].description}\n            limit={props.limit}\n            statistic={stats}\n            unit={tabData[index].unit}\n          />\n        </CardTab>\n      );\n    });\n  } else {\n    content = [<CardTab>{t('statistics.notAvailable')}</CardTab>];\n  }\n\n  return (\n    <TabbedCard title={props.title || t('statistics.ranking')}>\n      {content}\n    </TabbedCard>\n  );\n};\n"],"names":[],"mappings":"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"}