@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"UsersGrid.esm.js","sources":["../../../src/components/UsersGrid/UsersGrid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { UsersGridContent } from './UsersGridContent';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Grid, Typography } from '@material-ui/core';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'userRef';\n  searchQuery: string;\n};\n\nexport const UsersGrid = () => {\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getUsers({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <>\n      <Grid container className=\"qetaUsersContainer\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={setSearchQuery}\n            label={t('usersPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container>\n        {response && (\n          <Grid item xs={12}>\n            <Typography variant=\"h6\" className=\"qetaUsersContainerTitle\">\n              {t('usersPage.users', { count: response.total })}\n            </Typography>\n          </Grid>\n        )}\n        <UsersGridContent response={response} loading={loading} error={error} />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={entitiesPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e =>\n              setEntitiesPerPage(Number(e.target.value))\n            }\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"UsersGrid.esm.js","sources":["../../../src/components/UsersGrid/UsersGrid.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { UsersGridContent } from './UsersGridContent';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Grid, Typography } from '@material-ui/core';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'userRef';\n  searchQuery: string;\n};\n\nexport const UsersGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getUsers({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <>\n      <Grid container className=\"qetaUsersContainer\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={setSearchQuery}\n            label={t('usersPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container>\n        {response && (\n          <Grid item xs={12}>\n            <Typography variant=\"h6\" className=\"qetaUsersContainerTitle\">\n              {t('usersPage.users', { count: response.total })}\n            </Typography>\n          </Grid>\n        )}\n        <UsersGridContent response={response} loading={loading} error={error} />\n        {response && response?.total > 0 && (\n          <QetaPagination\n            pageSize={entitiesPerPage}\n            handlePageChange={(_e, p) => setPage(p)}\n            handlePageSizeChange={e =>\n              setEntitiesPerPage(Number(e.target.value))\n            }\n            page={page}\n            pageCount={pageCount}\n          />\n        )}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,17 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.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 { UsersGridItem } from './UsersGridItem.esm.js';
 import { NoUsersCard } from './NoUsersCard.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
@@ -17,15 +21,15 @@ const UsersGridContent = (props) => {
   const { response, error, loading } = props;
   const { t } = useTranslation();
   if (loading) {
-    return /* @__PURE__ */ React__default.createElement(LoadingGrid, null);
+    return /* @__PURE__ */ jsx(LoadingGrid, {});
   }
   if (error || response === void 0) {
-    return /* @__PURE__ */ React__default.createElement(WarningPanel, { severity: "error", title: t("usersPage.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("usersPage.errorLoading"), children: error?.message });
   }
   if (!response?.users || response.users.length === 0) {
-    return /* @__PURE__ */ React__default.createElement(NoUsersCard, null);
+    return /* @__PURE__ */ jsx(NoUsersCard, {});
   }
-  return /* @__PURE__ */ React__default.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, response.users.map((entity) => /* @__PURE__ */ React__default.createElement(UsersGridItem, { user: entity, key: entity.userRef })));
+  return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response.users.map((entity) => /* @__PURE__ */ jsx(UsersGridItem, { user: entity }, entity.userRef)) });
 };
 
 export { UsersGridContent };

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

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

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
@@ -6,10 +6,14 @@ import { userRouteRef } from '../../routes.esm.js';
 import { parseEntityRef } from '@backstage/catalog-model';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityAuthor } 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 { Grid, Card, CardActionArea, CardHeader, Avatar, CardContent, Typography, CardActions, Tooltip, Button } from '@material-ui/core';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
@@ -28,68 +32,84 @@ const UsersGridItem = (props) => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Grid, { item: true, xs: 4, children: /* @__PURE__ */ jsxs(
     Card,
     {
       variant: "outlined",
-      style: { height: "100%", display: "flex", flexDirection: "column" }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      CardActionArea,
-      {
-        onClick: () => navigate(`${userRoute()}/${user.userRef}`)
-      },
-      /* @__PURE__ */ React__default.createElement(
-        CardHeader,
-        {
-          title: primaryTitle,
-          avatar: Icon ? /* @__PURE__ */ React__default.createElement(
-            Avatar,
-            {
-              src: userEntity?.spec?.profile?.picture,
-              className: "avatar",
-              alt: name,
-              variant: "rounded"
+      style: { height: "100%", display: "flex", flexDirection: "column" },
+      children: [
+        /* @__PURE__ */ jsxs(
+          CardActionArea,
+          {
+            onClick: () => navigate(`${userRoute()}/${user.userRef}`),
+            children: [
+              /* @__PURE__ */ jsx(
+                CardHeader,
+                {
+                  title: primaryTitle,
+                  avatar: Icon ? /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      src: userEntity?.spec?.profile?.picture,
+                      className: "avatar",
+                      alt: name,
+                      variant: "rounded",
+                      children: initials
+                    }
+                  ) : null
+                }
+              ),
+              /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+                t("common.posts", {
+                  count: user.totalQuestions,
+                  itemType: "question"
+                }),
+                " \xB7 ",
+                t("common.answers", {
+                  count: user.totalAnswers
+                }),
+                " \xB7 ",
+                t("common.posts", {
+                  count: user.totalArticles,
+                  itemType: "article"
+                }),
+                " \xB7 ",
+                t("common.posts", {
+                  count: user.totalComments,
+                  itemType: "comment"
+                }),
+                " \xB7 ",
+                t("common.votes", {
+                  count: user.totalVotes
+                }),
+                " \xB7 ",
+                t("common.viewsShort", {
+                  count: user.totalViews
+                })
+              ] }) })
+            ]
+          }
+        ),
+        !loadingUser && !userError && currentUser?.userEntityRef !== user.userRef && /* @__PURE__ */ jsx(CardActions, { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("userButton.tooltip"), children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            variant: "outlined",
+            color: users.isFollowingUser(user.userRef) ? "secondary" : "primary",
+            onClick: () => {
+              if (users.isFollowingUser(user.userRef)) {
+                users.unfollowUser(user.userRef);
+              } else {
+                users.followUser(user.userRef);
+              }
             },
-            initials
-          ) : null
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.posts", {
-        count: user.totalQuestions,
-        itemType: "question"
-      }), " \xB7 ", t("common.answers", {
-        count: user.totalAnswers
-      }), " \xB7 ", t("common.posts", {
-        count: user.totalArticles,
-        itemType: "article"
-      }), " \xB7 ", t("common.posts", {
-        count: user.totalComments,
-        itemType: "comment"
-      }), " \xB7 ", t("common.votes", {
-        count: user.totalVotes
-      }), " \xB7 ", t("common.viewsShort", {
-        count: user.totalViews
-      })))
-    ),
-    !loadingUser && !userError && currentUser?.userEntityRef !== user.userRef && /* @__PURE__ */ React__default.createElement(CardActions, { style: { marginTop: "auto" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("userButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "small",
-        variant: "outlined",
-        color: users.isFollowingUser(user.userRef) ? "secondary" : "primary",
-        onClick: () => {
-          if (users.isFollowingUser(user.userRef)) {
-            users.unfollowUser(user.userRef);
-          } else {
-            users.followUser(user.userRef);
+            startIcon: users.isFollowingUser(user.userRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+            children: users.isFollowingUser(user.userRef) ? t("userButton.unfollow") : t("userButton.follow")
           }
-        },
-        startIcon: users.isFollowingUser(user.userRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-      },
-      users.isFollowingUser(user.userRef) ? t("userButton.unfollow") : t("userButton.follow")
-    )))))
-  ));
+        ) }) }) }) })
+      ]
+    }
+  ) });
 };
 
 export { UsersGridItem };

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

@@ -1 +1 @@
-{"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersGrid/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useIdentityApi, useTranslation, useUserFollow } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const compound = parseEntityRef(user.userRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n  const { name, initials, user: userEntity } = useEntityAuthor(user);\n  const users = useUserFollow();\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid item xs={4}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(`${userRoute()}/${user.userRef}`)}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar\n                  src={userEntity?.spec?.profile?.picture}\n                  className=\"avatar\"\n                  alt={name}\n                  variant=\"rounded\"\n                >\n                  {initials}\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: user.totalQuestions,\n                itemType: 'question',\n              })}\n              {' · '}\n              {t('common.answers', {\n                count: user.totalAnswers,\n              })}\n              {' · '}\n              {t('common.posts', {\n                count: user.totalArticles,\n                itemType: 'article',\n              })}\n              {' · '}\n              {t('common.posts', {\n                count: user.totalComments,\n                itemType: 'comment',\n              })}\n              {' · '}\n              {t('common.votes', {\n                count: user.totalVotes,\n              })}\n              {' · '}\n              {t('common.viewsShort', {\n                count: user.totalViews,\n              })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        {!loadingUser &&\n          !userError &&\n          currentUser?.userEntityRef !== user.userRef && (\n            <CardActions style={{ marginTop: 'auto' }}>\n              <Grid container justifyContent=\"center\">\n                <Grid item>\n                  <Tooltip title={t('userButton.tooltip')}>\n                    <Button\n                      size=\"small\"\n                      variant=\"outlined\"\n                      color={\n                        users.isFollowingUser(user.userRef)\n                          ? 'secondary'\n                          : 'primary'\n                      }\n                      onClick={() => {\n                        if (users.isFollowingUser(user.userRef)) {\n                          users.unfollowUser(user.userRef);\n                        } else {\n                          users.followUser(user.userRef);\n                        }\n                      }}\n                      startIcon={\n                        users.isFollowingUser(user.userRef) ? (\n                          <VisibilityOff />\n                        ) : (\n                          <Visibility />\n                        )\n                      }\n                    >\n                      {users.isFollowingUser(user.userRef)\n                        ? t('userButton.unfollow')\n                        : t('userButton.follow')}\n                    </Button>\n                  </Tooltip>\n                </Grid>\n              </Grid>\n            </CardActions>\n          )}\n      </Card>\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersGrid/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useIdentityApi, useTranslation, useUserFollow } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport const UsersGridItem = (props: { user: UserResponse }) => {\n  const { user } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const compound = parseEntityRef(user.userRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n  const { name, initials, user: userEntity } = useEntityAuthor(user);\n  const users = useUserFollow();\n  const {\n    value: currentUser,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid item xs={4}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(`${userRoute()}/${user.userRef}`)}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar\n                  src={userEntity?.spec?.profile?.picture}\n                  className=\"avatar\"\n                  alt={name}\n                  variant=\"rounded\"\n                >\n                  {initials}\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: user.totalQuestions,\n                itemType: 'question',\n              })}\n              {' · '}\n              {t('common.answers', {\n                count: user.totalAnswers,\n              })}\n              {' · '}\n              {t('common.posts', {\n                count: user.totalArticles,\n                itemType: 'article',\n              })}\n              {' · '}\n              {t('common.posts', {\n                count: user.totalComments,\n                itemType: 'comment',\n              })}\n              {' · '}\n              {t('common.votes', {\n                count: user.totalVotes,\n              })}\n              {' · '}\n              {t('common.viewsShort', {\n                count: user.totalViews,\n              })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        {!loadingUser &&\n          !userError &&\n          currentUser?.userEntityRef !== user.userRef && (\n            <CardActions style={{ marginTop: 'auto' }}>\n              <Grid container justifyContent=\"center\">\n                <Grid item>\n                  <Tooltip title={t('userButton.tooltip')}>\n                    <Button\n                      size=\"small\"\n                      variant=\"outlined\"\n                      color={\n                        users.isFollowingUser(user.userRef)\n                          ? 'secondary'\n                          : 'primary'\n                      }\n                      onClick={() => {\n                        if (users.isFollowingUser(user.userRef)) {\n                          users.unfollowUser(user.userRef);\n                        } else {\n                          users.followUser(user.userRef);\n                        }\n                      }}\n                      startIcon={\n                        users.isFollowingUser(user.userRef) ? (\n                          <VisibilityOff />\n                        ) : (\n                          <Visibility />\n                        )\n                      }\n                    >\n                      {users.isFollowingUser(user.userRef)\n                        ? t('userButton.unfollow')\n                        : t('userButton.follow')}\n                    </Button>\n                  </Tooltip>\n                </Grid>\n              </Grid>\n            </CardActions>\n          )}\n      </Card>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core';
-import React__default from 'react';
+import { forwardRef } from 'react';
 
 const useStyles = makeStyles((theme) => ({
   content: {
@@ -18,9 +19,9 @@ const useStyles = makeStyles((theme) => ({
     }
   }
 }));
-const ModalContent = React__default.forwardRef((props, ref) => {
+const ModalContent = forwardRef((props, ref) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement("div", { tabIndex: -1, className: styles.content, ref }, props.children);
+  return /* @__PURE__ */ jsx("div", { tabIndex: -1, className: styles.content, ref, children: props.children });
 });
 
 export { ModalContent };

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

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Utility/ModalContent.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: 400,\n    backgroundColor: theme.palette.background.default,\n    border: `1px solid ${theme.palette.action.selected}`,\n    borderRadius: theme.shape.borderRadius,\n    padding: '2em',\n    '& button': {\n      marginTop: '2em',\n      float: 'right',\n    },\n  },\n}));\n\nexport const ModalContent = React.forwardRef<\n  HTMLDivElement,\n  { children: React.ReactNode }\n>((props: { children: React.ReactNode }, ref) => {\n  const styles = useStyles();\n  return (\n    <div tabIndex={-1} className={styles.content} ref={ref}>\n      {props.children}\n    </div>\n  );\n});\n"],"names":["React"],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA;AAAA,MACV,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA;AAAA;AACT;AAEJ,CAAE,CAAA,CAAA;AAEK,MAAM,YAAe,GAAAA,cAAA,CAAM,UAGhC,CAAA,CAAC,OAAsC,GAAQ,KAAA;AAC/C,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAI,QAAU,EAAA,CAAA,CAAA,EAAI,WAAW,MAAO,CAAA,OAAA,EAAS,GAC3C,EAAA,EAAA,KAAA,CAAM,QACT,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ModalContent.esm.js","sources":["../../../src/components/Utility/ModalContent.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { ReactNode, forwardRef } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  content: {\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: 400,\n    backgroundColor: theme.palette.background.default,\n    border: `1px solid ${theme.palette.action.selected}`,\n    borderRadius: theme.shape.borderRadius,\n    padding: '2em',\n    '& button': {\n      marginTop: '2em',\n      float: 'right',\n    },\n  },\n}));\n\nexport const ModalContent = forwardRef<\n  HTMLDivElement,\n  { children: React.ReactNode }\n>((props: { children: ReactNode }, ref) => {\n  const styles = useStyles();\n  return (\n    <div tabIndex={-1} className={styles.content} ref={ref}>\n      {props.children}\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,IACX,KAAO,EAAA,GAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,OAAA;AAAA,IAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,IAClD,YAAA,EAAc,MAAM,KAAM,CAAA,YAAA;AAAA,IAC1B,OAAS,EAAA,KAAA;AAAA,IACT,UAAY,EAAA;AAAA,MACV,SAAW,EAAA,KAAA;AAAA,MACX,KAAO,EAAA;AAAA;AACT;AAEJ,CAAE,CAAA,CAAA;AAEK,MAAM,YAAe,GAAA,UAAA,CAG1B,CAAC,KAAA,EAAgC,GAAQ,KAAA;AACzC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,GAAA,CAAC,SAAI,QAAU,EAAA,CAAA,CAAA,EAAI,WAAW,MAAO,CAAA,OAAA,EAAS,GAC3C,EAAA,QAAA,EAAA,KAAA,CAAM,QACT,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1,6 +1,6 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { useApi, configApiRef } from '@backstage/core-plugin-api';
-import React__default from 'react';
 import { isPermission } from '@backstage/plugin-permission-common';
 import { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';
 
@@ -8,11 +8,11 @@ const OptionalRequirePermission = (props) => {
   const config = useApi(configApiRef);
   if (config.getOptionalBoolean("qeta.permissions") !== true) {
     if (isPermission(props.permission, qetaCreateTagPermission)) {
-      return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, config.getOptionalBoolean("qeta.tags.allowCreation") ?? true ? props.children : null);
+      return /* @__PURE__ */ jsx(Fragment, { children: config.getOptionalBoolean("qeta.tags.allowCreation") ?? true ? props.children : null });
     }
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
+    return /* @__PURE__ */ jsx(Fragment, { children: props.children });
   }
-  return /* @__PURE__ */ React__default.createElement(RequirePermission, { ...props });
+  return /* @__PURE__ */ jsx(RequirePermission, { ...props });
 };
 
 export { OptionalRequirePermission };

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

@@ -1 +1 @@
-{"version":3,"file":"OptionalRequirePermission.esm.js","sources":["../../../src/components/Utility/OptionalRequirePermission.tsx"],"sourcesContent":["import {\n  RequirePermission,\n  RequirePermissionProps,\n} from '@backstage/plugin-permission-react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport React from 'react';\nimport { isPermission } from '@backstage/plugin-permission-common';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\n\nexport const OptionalRequirePermission = (props: RequirePermissionProps) => {\n  const config = useApi(configApiRef);\n  if (config.getOptionalBoolean('qeta.permissions') !== true) {\n    if (isPermission(props.permission, qetaCreateTagPermission)) {\n      return (\n        <>\n          {config.getOptionalBoolean('qeta.tags.allowCreation') ?? true\n            ? props.children\n            : null}\n        </>\n      );\n    }\n    return <>{props.children}</>;\n  }\n\n  return <RequirePermission {...props} />;\n};\n"],"names":["React"],"mappings":";;;;;;AASa,MAAA,yBAAA,GAA4B,CAAC,KAAkC,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAA,IAAI,MAAO,CAAA,kBAAA,CAAmB,kBAAkB,CAAA,KAAM,IAAM,EAAA;AAC1D,IAAA,IAAI,YAAa,CAAA,KAAA,CAAM,UAAY,EAAA,uBAAuB,CAAG,EAAA;AAC3D,MACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,OAAO,kBAAmB,CAAA,yBAAyB,KAAK,IACrD,GAAA,KAAA,CAAM,WACN,IACN,CAAA;AAAA;AAGJ,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,MAAM,QAAS,CAAA;AAAA;AAG3B,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACvC;;;;"}
+{"version":3,"file":"OptionalRequirePermission.esm.js","sources":["../../../src/components/Utility/OptionalRequirePermission.tsx"],"sourcesContent":["import {\n  RequirePermission,\n  RequirePermissionProps,\n} from '@backstage/plugin-permission-react';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport { isPermission } from '@backstage/plugin-permission-common';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\n\nexport const OptionalRequirePermission = (props: RequirePermissionProps) => {\n  const config = useApi(configApiRef);\n  if (config.getOptionalBoolean('qeta.permissions') !== true) {\n    if (isPermission(props.permission, qetaCreateTagPermission)) {\n      return (\n        <>\n          {config.getOptionalBoolean('qeta.tags.allowCreation') ?? true\n            ? props.children\n            : null}\n        </>\n      );\n    }\n    return <>{props.children}</>;\n  }\n\n  return <RequirePermission {...props} />;\n};\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,yBAAA,GAA4B,CAAC,KAAkC,KAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA;AAClC,EAAA,IAAI,MAAO,CAAA,kBAAA,CAAmB,kBAAkB,CAAA,KAAM,IAAM,EAAA;AAC1D,IAAA,IAAI,YAAa,CAAA,KAAA,CAAM,UAAY,EAAA,uBAAuB,CAAG,EAAA;AAC3D,MACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,iBAAO,kBAAmB,CAAA,yBAAyB,KAAK,IACrD,GAAA,KAAA,CAAM,WACN,IACN,EAAA,CAAA;AAAA;AAGJ,IAAO,uBAAA,GAAA,CAAA,QAAA,EAAA,EAAG,gBAAM,QAAS,EAAA,CAAA;AAAA;AAG3B,EAAO,uBAAA,GAAA,CAAC,iBAAmB,EAAA,EAAA,GAAG,KAAO,EAAA,CAAA;AACvC;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeStyles, Box, Paper, List, ListSubheader } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
@@ -10,15 +10,15 @@ const useStyles = makeStyles((theme) => ({
 }));
 const RightListContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(Paper, { className: styles.container }, props.children));
+  return /* @__PURE__ */ jsx(Box, { display: { md: "none", lg: "block" }, children: /* @__PURE__ */ jsx(Paper, { className: styles.container, children: props.children }) });
 };
 const RightList = (props) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     List,
     {
       component: "nav",
       "aria-labelledby": "nested-list-subheader",
-      subheader: /* @__PURE__ */ React__default.createElement(
+      subheader: /* @__PURE__ */ jsxs(
         ListSubheader,
         {
           disableSticky: true,
@@ -29,13 +29,15 @@ const RightList = (props) => {
             whiteSpace: "nowrap",
             overflow: "hidden",
             textOverflow: "ellipsis"
-          }
-        },
-        props.title,
-        props.icon
-      )
-    },
-    props.children
+          },
+          children: [
+            props.title,
+            props.icon
+          ]
+        }
+      ),
+      children: props.children
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, List, ListSubheader, makeStyles, Paper } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    marginBottom: '1em',\n  },\n}));\n\nexport const RightListContainer = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Paper className={styles.container}>{props.children}</Paper>\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: React.ReactNode;\n  title: string;\n  icon?: React.ReactNode;\n}) => {\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          style={{\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          {props.title}\n          {props.icon}\n        </ListSubheader>\n      }\n    >\n      {props.children}\n    </List>\n  );\n};\n"],"names":["React"],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAC1C,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAyC,KAAA;AAC1E,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDACG,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,QAAQ,EAAI,EAAA,OAAA,EAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAM,SAAW,EAAA,MAAA,CAAO,SAAY,EAAA,EAAA,KAAA,CAAM,QAAS,CACtD,CAAA;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,YACV,YAAc,EAAA;AAAA;AAChB,SAAA;AAAA,QAEC,KAAM,CAAA,KAAA;AAAA,QACN,KAAM,CAAA;AAAA;AACT,KAAA;AAAA,IAGD,KAAM,CAAA;AAAA,GACT;AAEJ;;;;"}
+{"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, List, ListSubheader, makeStyles, Paper } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    marginBottom: '1em',\n  },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return (\n    <Box display={{ md: 'none', lg: 'block' }}>\n      <Paper className={styles.container}>{props.children}</Paper>\n    </Box>\n  );\n};\n\nexport const RightList = (props: {\n  children: ReactNode;\n  title: string;\n  icon?: ReactNode;\n}) => {\n  return (\n    <List\n      component=\"nav\"\n      aria-labelledby=\"nested-list-subheader\"\n      subheader={\n        <ListSubheader\n          disableSticky\n          component=\"div\"\n          id=\"nested-list-subheader\"\n          color=\"primary\"\n          style={{\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          }}\n        >\n          {props.title}\n          {props.icon}\n        </ListSubheader>\n      }\n    >\n      {props.children}\n    </List>\n  );\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,IAC1C,YAAc,EAAA;AAAA;AAElB,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,2BACG,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,QAAQ,EAAI,EAAA,OAAA,EAC9B,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAM,SAAW,EAAA,MAAA,CAAO,SAAY,EAAA,QAAA,EAAA,KAAA,CAAM,UAAS,CACtD,EAAA,CAAA;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,SACE,kBAAA,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,KAAO,EAAA;AAAA,YACL,UAAY,EAAA,QAAA;AAAA,YACZ,QAAU,EAAA,QAAA;AAAA,YACV,YAAc,EAAA;AAAA,WAChB;AAAA,UAEC,QAAA,EAAA;AAAA,YAAM,KAAA,CAAA,KAAA;AAAA,YACN,KAAM,CAAA;AAAA;AAAA;AAAA,OACT;AAAA,MAGD,QAAM,EAAA,KAAA,CAAA;AAAA;AAAA,GACT;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles, Avatar } from '@material-ui/core';
 
 const useStyles = makeStyles(() => ({
@@ -12,7 +12,7 @@ const useStyles = makeStyles(() => ({
 }));
 const SmallAvatar = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(Avatar, { className: styles.root, ...props }, props.children);
+  return /* @__PURE__ */ jsx(Avatar, { className: styles.root, ...props, children: props.children });
 };
 
 export { SmallAvatar };

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

@@ -1 +1 @@
-{"version":3,"file":"SmallAvatar.esm.js","sources":["../../../src/components/Utility/SmallAvatar.tsx"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarProps, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(() => ({\n  root: {\n    display: 'inline-flex !important',\n    marginRight: '0.25rem',\n    fontSize: '1rem',\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":["React"],"mappings":";;;AAGA,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,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,uBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,SAAW,EAAA,MAAA,CAAO,MAAO,GAAG,KAAA,EAAA,EACjC,MAAM,QACT,CAAA;AAEJ;;;;"}
+{"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    fontSize: '1rem',\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,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;;;;"}

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

@@ -1,5 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core';
-import React__default from 'react';
 
 const useStyles = makeStyles(
   () => ({
@@ -15,7 +15,7 @@ const useStyles = makeStyles(
 );
 const VoteButtonContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.root }, props.children);
+  return /* @__PURE__ */ jsx("div", { className: styles.root, children: props.children });
 };
 
 export { VoteButtonContainer };

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

@@ -1 +1 @@
-{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Utility/VoteButtonContainer.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      textAlign: 'center',\n      width: '32px',\n      marginLeft: '5px',\n      display: 'inline-block',\n      verticalAlign: 'top',\n    },\n  }),\n  { name: 'QetaVoteButtonContainer' },\n);\n\nexport const VoteButtonContainer = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.root}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,QAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,MACZ,OAAS,EAAA,cAAA;AAAA,MACT,aAAe,EAAA;AAAA;AACjB,GACF,CAAA;AAAA,EACA,EAAE,MAAM,yBAA0B;AACpC,CAAA;AAEa,MAAA,mBAAA,GAAsB,CAAC,KAAyC,KAAA;AAC3E,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAA,EAAO,MAAM,QAAS,CAAA;AACtD;;;;"}
+{"version":3,"file":"VoteButtonContainer.esm.js","sources":["../../../src/components/Utility/VoteButtonContainer.tsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport { ReactNode } from 'react';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      textAlign: 'center',\n      width: '32px',\n      marginLeft: '5px',\n      display: 'inline-block',\n      verticalAlign: 'top',\n    },\n  }),\n  { name: 'QetaVoteButtonContainer' },\n);\n\nexport const VoteButtonContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.root}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,QAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,UAAY,EAAA,KAAA;AAAA,MACZ,OAAS,EAAA,cAAA;AAAA,MACT,aAAe,EAAA;AAAA;AACjB,GACF,CAAA;AAAA,EACA,EAAE,MAAM,yBAA0B;AACpC,CAAA;AAEa,MAAA,mBAAA,GAAsB,CAAC,KAAmC,KAAA;AACrE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAO,gBAAM,QAAS,EAAA,CAAA;AACtD;;;;"}

package/dist/hooks/useAI.esm.js

@@ -1,16 +1,18 @@
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
-import React__default, { useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 
 let cache = void 0;
 const useAI = () => {
   const qetaApi = useApi(qetaApiRef);
-  const [isAIEnabled, setIsAIEnabled] = React__default.useState(
+  const [isAIEnabled, setIsAIEnabled] = useState(
     cache?.enabled ?? false
   );
-  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] = React__default.useState(cache?.existingQuestions ?? false);
-  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] = React__default.useState(cache?.newQuestions ?? false);
-  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] = React__default.useState(cache?.articleSummaries ?? false);
+  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] = useState(cache?.existingQuestions ?? false);
+  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] = useState(
+    cache?.newQuestions ?? false
+  );
+  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] = useState(cache?.articleSummaries ?? false);
   useEffect(() => {
     if (cache?.enabled !== void 0) {
       return;

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

@@ -1 +1 @@
-{"version":3,"file":"useAI.esm.js","sources":["../../src/hooks/useAI.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport React, { useCallback, useEffect } from 'react';\nimport {\n  AIQuery,\n  AIStatusResponse,\n} from '@drodil/backstage-plugin-qeta-common';\n\nlet cache: AIStatusResponse | undefined = undefined;\n\nexport const useAI = () => {\n  const qetaApi = useApi(qetaApiRef);\n  const [isAIEnabled, setIsAIEnabled] = React.useState<boolean>(\n    cache?.enabled ?? false,\n  );\n  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] =\n    React.useState<boolean>(cache?.existingQuestions ?? false);\n  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] =\n    React.useState<boolean>(cache?.newQuestions ?? false);\n  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] =\n    React.useState<boolean>(cache?.articleSummaries ?? false);\n\n  useEffect(() => {\n    if (cache?.enabled !== undefined) {\n      return;\n    }\n    qetaApi.isAIEnabled().then(resp => {\n      setIsAIEnabled(resp.enabled);\n      setIsExistingQuestionsEnabled(resp.existingQuestions);\n      setIsNewQuestionsEnabled(resp.newQuestions);\n      setIsArticleSummaryEnabled(resp.articleSummaries);\n      cache = resp;\n    });\n  }, [qetaApi]);\n\n  const answerExistingQuestion = useCallback(\n    async (questionId: number, options?: AIQuery) => {\n      if (!isExistingQuestionsEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForQuestion(questionId, options);\n      if (ret === null) {\n        if (cache) {\n          cache.existingQuestions = false;\n        }\n        setIsExistingQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isExistingQuestionsEnabled, qetaApi],\n  );\n\n  const answerDraftQuestion = useCallback(\n    async (draft: { title: string; content: string }) => {\n      if (!isNewQuestionsEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForDraft(draft.title, draft.content);\n      if (ret === null) {\n        if (cache) {\n          cache.newQuestions = false;\n        }\n        setIsNewQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isNewQuestionsEnabled, qetaApi],\n  );\n\n  const summarizeArticle = useCallback(\n    async (articleId: number, options?: AIQuery) => {\n      if (!isArticleSummaryEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAISummaryForArticle(articleId, options);\n      if (ret === null) {\n        if (cache) {\n          cache.articleSummaries = false;\n        }\n        setIsArticleSummaryEnabled(false);\n      }\n      return ret;\n    },\n    [isArticleSummaryEnabled, qetaApi],\n  );\n\n  return {\n    isAIEnabled,\n    isArticleSummaryEnabled,\n    isExistingQuestionsEnabled,\n    isNewQuestionsEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  };\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"useAI.esm.js","sources":["../../src/hooks/useAI.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useState, useCallback, useEffect } from 'react';\nimport {\n  AIQuery,\n  AIStatusResponse,\n} from '@drodil/backstage-plugin-qeta-common';\n\nlet cache: AIStatusResponse | undefined = undefined;\n\nexport const useAI = () => {\n  const qetaApi = useApi(qetaApiRef);\n  const [isAIEnabled, setIsAIEnabled] = useState<boolean>(\n    cache?.enabled ?? false,\n  );\n  const [isExistingQuestionsEnabled, setIsExistingQuestionsEnabled] =\n    useState<boolean>(cache?.existingQuestions ?? false);\n  const [isNewQuestionsEnabled, setIsNewQuestionsEnabled] = useState<boolean>(\n    cache?.newQuestions ?? false,\n  );\n  const [isArticleSummaryEnabled, setIsArticleSummaryEnabled] =\n    useState<boolean>(cache?.articleSummaries ?? false);\n\n  useEffect(() => {\n    if (cache?.enabled !== undefined) {\n      return;\n    }\n    qetaApi.isAIEnabled().then(resp => {\n      setIsAIEnabled(resp.enabled);\n      setIsExistingQuestionsEnabled(resp.existingQuestions);\n      setIsNewQuestionsEnabled(resp.newQuestions);\n      setIsArticleSummaryEnabled(resp.articleSummaries);\n      cache = resp;\n    });\n  }, [qetaApi]);\n\n  const answerExistingQuestion = useCallback(\n    async (questionId: number, options?: AIQuery) => {\n      if (!isExistingQuestionsEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForQuestion(questionId, options);\n      if (ret === null) {\n        if (cache) {\n          cache.existingQuestions = false;\n        }\n        setIsExistingQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isExistingQuestionsEnabled, qetaApi],\n  );\n\n  const answerDraftQuestion = useCallback(\n    async (draft: { title: string; content: string }) => {\n      if (!isNewQuestionsEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAIAnswerForDraft(draft.title, draft.content);\n      if (ret === null) {\n        if (cache) {\n          cache.newQuestions = false;\n        }\n        setIsNewQuestionsEnabled(false);\n      }\n      return ret;\n    },\n    [isNewQuestionsEnabled, qetaApi],\n  );\n\n  const summarizeArticle = useCallback(\n    async (articleId: number, options?: AIQuery) => {\n      if (!isArticleSummaryEnabled) {\n        return null;\n      }\n      const ret = await qetaApi.getAISummaryForArticle(articleId, options);\n      if (ret === null) {\n        if (cache) {\n          cache.articleSummaries = false;\n        }\n        setIsArticleSummaryEnabled(false);\n      }\n      return ret;\n    },\n    [isArticleSummaryEnabled, qetaApi],\n  );\n\n  return {\n    isAIEnabled,\n    isArticleSummaryEnabled,\n    isExistingQuestionsEnabled,\n    isNewQuestionsEnabled,\n    answerExistingQuestion,\n    answerDraftQuestion,\n    summarizeArticle,\n  };\n};\n"],"names":[],"mappings":"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"}

package/dist/hooks/useCollectionsFollow.esm.js

@@ -1,15 +1,13 @@
-import React__default, { useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../api.esm.js';
 
 let followedCollections = void 0;
 const useCollectionsFollow = () => {
-  const [collections, setCollections] = React__default.useState(
+  const [collections, setCollections] = useState(
     followedCollections ?? []
   );
-  const [loading, setLoading] = React__default.useState(
-    followedCollections === void 0
-  );
+  const [loading, setLoading] = useState(followedCollections === void 0);
   const qetaApi = useApi(qetaApiRef);
   useEffect(() => {
     if (followedCollections === void 0) {

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

@@ -1 +1 @@
-{"version":3,"file":"useCollectionsFollow.esm.js","sources":["../../src/hooks/useCollectionsFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\n\nlet followedCollections: Collection[] | undefined = undefined;\n\nexport const useCollectionsFollow = () => {\n  const [collections, setCollections] = React.useState<Collection[]>(\n    followedCollections ?? [],\n  );\n  const [loading, setLoading] = React.useState(\n    followedCollections === undefined,\n  );\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedCollections === undefined) {\n      qetaApi.getFollowedCollections().then(res => {\n        followedCollections = res.collections;\n        setCollections(followedCollections);\n        setLoading(false);\n      });\n    } else {\n      setCollections(followedCollections);\n    }\n  }, [qetaApi]);\n\n  const followCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.followCollection(collection.id).then(() => {\n        setCollections(prev => [...prev, collection]);\n        followedCollections?.push(collection);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.unfollowCollection(collection.id).then(() => {\n        setCollections(prev => prev.filter(t => t.id !== collection.id));\n        followedCollections = followedCollections?.filter(\n          t => t.id !== collection.id,\n        );\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingCollection = useCallback(\n    (collection: Collection) =>\n      Boolean(collections.find(t => t.id === collection.id)),\n    [collections],\n  );\n  return {\n    collections,\n    followCollection,\n    unfollowCollection,\n    isFollowingCollection,\n    loading,\n  };\n};\n"],"names":["React"],"mappings":";;;;AAKA,IAAI,mBAAgD,GAAA,KAAA,CAAA;AAE7C,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAC1C,uBAAuB;AAAC,GAC1B;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAClC,mBAAwB,KAAA,KAAA;AAAA,GAC1B;AACA,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,wBAAwB,KAAW,CAAA,EAAA;AACrC,MAAQ,OAAA,CAAA,sBAAA,EAAyB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC3C,QAAA,mBAAA,GAAsB,GAAI,CAAA,WAAA;AAC1B,QAAA,cAAA,CAAe,mBAAmB,CAAA;AAClC,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,cAAA,CAAe,mBAAmB,CAAA;AAAA;AACpC,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,gBAAiB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACjD,QAAA,cAAA,CAAe,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,UAAU,CAAC,CAAA;AAC5C,QAAA,mBAAA,EAAqB,KAAK,UAAU,CAAA;AAAA,OACrC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,kBAAmB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACnD,QAAe,cAAA,CAAA,CAAA,IAAA,KAAQ,KAAK,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,UAAA,CAAW,EAAE,CAAC,CAAA;AAC/D,QAAA,mBAAA,GAAsB,mBAAqB,EAAA,MAAA;AAAA,UACzC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA;AAAA,SAC3B;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,UACC,KAAA,OAAA,CAAQ,WAAY,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA,EAAE,CAAC,CAAA;AAAA,IACvD,CAAC,WAAW;AAAA,GACd;AACA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useCollectionsFollow.esm.js","sources":["../../src/hooks/useCollectionsFollow.ts"],"sourcesContent":["import { useState, useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\n\nlet followedCollections: Collection[] | undefined = undefined;\n\nexport const useCollectionsFollow = () => {\n  const [collections, setCollections] = useState<Collection[]>(\n    followedCollections ?? [],\n  );\n  const [loading, setLoading] = useState(followedCollections === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedCollections === undefined) {\n      qetaApi.getFollowedCollections().then(res => {\n        followedCollections = res.collections;\n        setCollections(followedCollections);\n        setLoading(false);\n      });\n    } else {\n      setCollections(followedCollections);\n    }\n  }, [qetaApi]);\n\n  const followCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.followCollection(collection.id).then(() => {\n        setCollections(prev => [...prev, collection]);\n        followedCollections?.push(collection);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowCollection = useCallback(\n    (collection: Collection) => {\n      qetaApi.unfollowCollection(collection.id).then(() => {\n        setCollections(prev => prev.filter(t => t.id !== collection.id));\n        followedCollections = followedCollections?.filter(\n          t => t.id !== collection.id,\n        );\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingCollection = useCallback(\n    (collection: Collection) =>\n      Boolean(collections.find(t => t.id === collection.id)),\n    [collections],\n  );\n  return {\n    collections,\n    followCollection,\n    unfollowCollection,\n    isFollowingCollection,\n    loading,\n  };\n};\n"],"names":[],"mappings":";;;;AAKA,IAAI,mBAAgD,GAAA,KAAA,CAAA;AAE7C,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA;AAAA,IACpC,uBAAuB;AAAC,GAC1B;AACA,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAS,wBAAwB,KAAS,CAAA,CAAA;AACxE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,wBAAwB,KAAW,CAAA,EAAA;AACrC,MAAQ,OAAA,CAAA,sBAAA,EAAyB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC3C,QAAA,mBAAA,GAAsB,GAAI,CAAA,WAAA;AAC1B,QAAA,cAAA,CAAe,mBAAmB,CAAA;AAClC,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,OACjB,CAAA;AAAA,KACI,MAAA;AACL,MAAA,cAAA,CAAe,mBAAmB,CAAA;AAAA;AACpC,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,MAAM,gBAAmB,GAAA,WAAA;AAAA,IACvB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,gBAAiB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACjD,QAAA,cAAA,CAAe,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,UAAU,CAAC,CAAA;AAC5C,QAAA,mBAAA,EAAqB,KAAK,UAAU,CAAA;AAAA,OACrC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAAC,UAA2B,KAAA;AAC1B,MAAA,OAAA,CAAQ,kBAAmB,CAAA,UAAA,CAAW,EAAE,CAAA,CAAE,KAAK,MAAM;AACnD,QAAe,cAAA,CAAA,CAAA,IAAA,KAAQ,KAAK,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,UAAA,CAAW,EAAE,CAAC,CAAA;AAC/D,QAAA,mBAAA,GAAsB,mBAAqB,EAAA,MAAA;AAAA,UACzC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA;AAAA,SAC3B;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,UACC,KAAA,OAAA,CAAQ,WAAY,CAAA,IAAA,CAAK,OAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA,EAAE,CAAC,CAAA;AAAA,IACvD,CAAC,WAAW;AAAA,GACd;AACA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,qBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/hooks/useEntityAuthor.esm.js

@@ -2,7 +2,7 @@ import { parseEntityRef } from '@backstage/catalog-model';
 import DataLoader from 'dataloader';
 import { useApi, identityApiRef } from '@backstage/core-plugin-api';
 import { catalogApiRef, useEntityPresentation } from '@backstage/plugin-catalog-react';
-import React__default, { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useTranslation } from './useTranslation.esm.js';
 
 const userCache = /* @__PURE__ */ new Map();
@@ -36,10 +36,10 @@ const useUserInfo = (entityRef, anonymous) => {
   const catalogApi = useApi(catalogApiRef);
   const identityApi = useApi(identityApiRef);
   const { t } = useTranslation();
-  const [name, setName] = React__default.useState("");
-  const [user, setUser] = React__default.useState(null);
-  const [initials, setInitials] = React__default.useState(null);
-  const [currentUser, setCurrentUser] = React__default.useState(null);
+  const [name, setName] = useState("");
+  const [user, setUser] = useState(null);
+  const [initials, setInitials] = useState(null);
+  const [currentUser, setCurrentUser] = useState(null);
   const ref = entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`;
   const {
     primaryTitle: userName,