@drodil/backstage-plugin-qeta-react 3.48.2 → 3.49.0

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

@@ -1,92 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { useRouteRef, useApi } from '@backstage/core-plugin-api';
-import { collectionRouteRef } from '../../routes.esm.js';
-import { qetaApiRef } from '../../api.esm.js';
-import { useNavigate } from 'react-router-dom';
-import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
-import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
-import { Tooltip, Chip, Grid, Typography, Button } from '@material-ui/core';
-
-const cache = /* @__PURE__ */ new Map();
-const CollectionTooltip = (props) => {
-  const { collectionId } = props;
-  const qetaApi = useApi(qetaApiRef);
-  const { t } = useTranslationRef(qetaTranslationRef);
-  const collections = useCollectionsFollow();
-  const [resp, setResp] = useState();
-  useEffect(() => {
-    if (cache.has(collectionId)) {
-      setResp(cache.get(collectionId));
-      return;
-    }
-    qetaApi.getCollection(collectionId).then((res) => {
-      if (res) {
-        cache.set(collectionId, res);
-        setResp(res);
-      }
-    });
-  }, [qetaApi, collectionId]);
-  if (!resp) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em" }, spacing: 1, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: resp.title }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", children: [
-      t("common.posts", {
-        count: resp.posts?.length ?? 0,
-        itemType: "post"
-      }),
-      " \xB7 ",
-      t("common.followers", { count: resp.followers })
-    ] }) }),
-    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: resp.description }) }),
-    !collections.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: collections.isFollowingCollection(resp) ? "secondary" : "primary",
-        onClick: () => {
-          if (collections.isFollowingCollection(resp)) {
-            collections.unfollowCollection(resp);
-          } else {
-            collections.followCollection(resp);
-          }
-        },
-        children: collections.isFollowingCollection(resp) ? t("collectionButton.unfollow") : t("collectionButton.follow")
-      }
-    ) })
-  ] });
-};
-const CollectionChip = (props) => {
-  const collectionRoute = useRouteRef(collectionRouteRef);
-  const navigate = useNavigate();
-  const { collection } = props;
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      arrow: true,
-      title: /* @__PURE__ */ jsx(CollectionTooltip, { collectionId: collection.id }),
-      enterDelay: 400,
-      children: /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: collection.title,
-          size: "small",
-          className: "qetaCollectionChip",
-          component: "a",
-          onClick: () => {
-            navigate(collectionRoute({ id: collection.id.toString(10) }));
-          },
-          clickable: true
-        }
-      )
-    }
-  );
-};
-
-export { CollectionChip };
-//# sourceMappingURL=CollectionChip.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CollectionChip.esm.js","sources":["../../../src/components/TagsAndEntities/CollectionChip.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useNavigate } from 'react-router-dom';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { Button, Chip, Grid, Tooltip, Typography } from '@material-ui/core';\n\nconst cache: Map<number, Collection> = new Map();\n\nconst CollectionTooltip = (props: { collectionId: number }) => {\n  const { collectionId } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const collections = useCollectionsFollow();\n  const [resp, setResp] = useState<undefined | Collection>();\n\n  useEffect(() => {\n    if (cache.has(collectionId)) {\n      setResp(cache.get(collectionId));\n      return;\n    }\n\n    qetaApi.getCollection(collectionId).then(res => {\n      if (res) {\n        cache.set(collectionId, res);\n        setResp(res);\n      }\n    });\n  }, [qetaApi, collectionId]);\n\n  if (!resp) {\n    return null;\n  }\n\n  return (\n    <Grid container style={{ padding: '0.5em' }} spacing={1}>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\">{resp.title}</Typography>\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"subtitle2\">\n          {t('common.posts', {\n            count: resp.posts?.length ?? 0,\n            itemType: 'post',\n          })}\n          {' · '}\n          {t('common.followers', { count: resp.followers })}\n        </Typography>\n      </Grid>\n      {resp.description && (\n        <Grid item xs={12}>\n          <MarkdownRenderer content={resp.description} />\n        </Grid>\n      )}\n      {!collections.loading && (\n        <Grid item xs={12}>\n          <Button\n            size=\"small\"\n            variant=\"outlined\"\n            color={\n              collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n            }\n            onClick={() => {\n              if (collections.isFollowingCollection(resp)) {\n                collections.unfollowCollection(resp);\n              } else {\n                collections.followCollection(resp);\n              }\n            }}\n          >\n            {collections.isFollowingCollection(resp)\n              ? t('collectionButton.unfollow')\n              : t('collectionButton.follow')}\n          </Button>\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport const CollectionChip = (props: { collection: Collection }) => {\n  const collectionRoute = useRouteRef(collectionRouteRef);\n  const navigate = useNavigate();\n  const { collection } = props;\n  return (\n    <Tooltip\n      arrow\n      title={<CollectionTooltip collectionId={collection.id} />}\n      enterDelay={400}\n    >\n      <Chip\n        label={collection.title}\n        size=\"small\"\n        className=\"qetaCollectionChip\"\n        component=\"a\"\n        onClick={() => {\n          navigate(collectionRoute({ id: collection.id.toString(10) }));\n        }}\n        clickable\n      />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Utility/SmallAvatar.esm.js

@@ -1,18 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makeStyles, Avatar } from '@material-ui/core';
-
-const useStyles = makeStyles(() => ({
-  root: {
-    display: "inline-flex !important",
-    marginRight: "0.25rem",
-    maxWidth: "1rem",
-    maxHeight: "1rem"
-  }
-}));
-const SmallAvatar = (props) => {
-  const styles = useStyles();
-  return /* @__PURE__ */ jsx(Avatar, { className: styles.root, ...props, children: props.children });
-};
-
-export { SmallAvatar };
-//# sourceMappingURL=SmallAvatar.esm.js.map

package/dist/components/Utility/SmallAvatar.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SmallAvatar.esm.js","sources":["../../../src/components/Utility/SmallAvatar.tsx"],"sourcesContent":["import { Avatar, AvatarProps, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'inline-flex !important',\n    marginRight: '0.25rem',\n    maxWidth: '1rem',\n    maxHeight: '1rem',\n  },\n}));\n\nexport const SmallAvatar = (props: AvatarProps) => {\n  const styles = useStyles();\n  return (\n    <Avatar className={styles.root} {...props}>\n      {props.children}\n    </Avatar>\n  );\n};\n"],"names":[],"mappings":";;;AAEA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,wBAAA;AAAA,IACT,WAAa,EAAA,SAAA;AAAA,IACb,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA;AAEf,CAAE,CAAA,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,KAAuB,KAAA;AACjD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,MAAO,GAAG,KAAA,EACjC,gBAAM,QACT,EAAA,CAAA;AAEJ;;;;"}