@drodil/backstage-plugin-qeta-react 3.3.0 → 3.4.1

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

@@ -0,0 +1,25 @@
+import { Card, CardContent, Grid, Typography } from '@material-ui/core';
+import React from 'react';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+
+const NoUsersCard = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      justifyContent: "center",
+      alignItems: "center",
+      direction: "column"
+    },
+    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, t(`usersPage.users`, { count: 0 })))
+  )));
+};
+
+export { NoUsersCard };
+//# sourceMappingURL=NoUsersCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NoUsersCard.esm.js","sources":["../../../src/components/UsersGrid/NoUsersCard.tsx"],"sourcesContent":["import { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\n\nexport const NoUsersCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2rem' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`usersPage.users`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,sCAC9B,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,sCACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,CAAE,EAAC,CACpC,CACF,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,30 +1,55 @@
-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 { UsersGridItem } from './UsersGridItem.esm.js';
+import { Grid, TextField, IconButton } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
+import { UsersGridContent } from './UsersGridContent.esm.js';
+import useDebounce from 'react-use/lib/useDebounce';
+import { NoUsersCard } from './NoUsersCard.esm.js';
 
 const UsersGrid = () => {
+  const [page, setPage] = React.useState(1);
+  const [pageCount, setPageCount] = React.useState(1);
+  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);
   const [searchQuery, setSearchQuery] = React.useState("");
+  const [filters, setFilters] = React.useState({
+    order: "desc",
+    searchQuery: ""
+  });
   const { t } = useTranslation();
   const {
     value: response,
     loading,
     error
-  } = useQetaApi((api) => api.getUsers(), []);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("usersPage.errorLoading") }, error?.message);
-  }
-  const filterData = (query, data) => {
-    if (!query) {
-      return data;
+  } = useQetaApi(
+    (api) => api.getUsers({
+      limit: entitiesPerPage,
+      offset: (page - 1) * entitiesPerPage,
+      ...filters
+    }),
+    [entitiesPerPage, page, filters]
+  );
+  useDebounce(
+    () => {
+      if (filters.searchQuery !== searchQuery) {
+        setFilters({ ...filters, searchQuery });
+      }
+    },
+    400,
+    [searchQuery]
+  );
+  useEffect(() => {
+    if (response) {
+      setPageCount(Math.ceil(response.total / entitiesPerPage));
     }
-    return data.filter((entity) => entity.userRef.toLowerCase().includes(query));
-  };
-  const entities = filterData(searchQuery, response);
+  }, [response, entitiesPerPage]);
+  if (!response?.users || response.users.length === 0) {
+    return /* @__PURE__ */ React.createElement(NoUsersCard, null);
+  }
   return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaUsersContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
     TextField,
     {
@@ -36,7 +61,16 @@ const UsersGrid = () => {
       placeholder: t("usersPage.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: "qetaUsersContainerTitle" }, t("usersPage.users", { count: entities.length }))), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, entities.map((entity) => /* @__PURE__ */ React.createElement(UsersGridItem, { user: entity, key: entity.userRef }))));
+  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(UsersGridContent, { response, loading, error }), /* @__PURE__ */ React.createElement(
+    QetaPagination,
+    {
+      pageSize: entitiesPerPage,
+      handlePageChange: (_e, p) => setPage(p),
+      handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
+      page,
+      pageCount
+    }
+  ));
 };
 
 export { UsersGrid };

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

@@ -1 +1 @@
-{"version":3,"file":"UsersGrid.esm.js","sources":["../../../src/components/UsersGrid/UsersGrid.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 { UserResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { UsersGridItem } from './UsersGridItem';\n\nexport const UsersGrid = () => {\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUsers(), []);\n\n  if (loading) {\n    return <Progress />;\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  const filterData = (query: string, data: UserResponse[]) => {\n    if (!query) {\n      return data;\n    }\n    return data.filter(entity => entity.userRef.toLowerCase().includes(query));\n  };\n\n  const entities = filterData(searchQuery, response);\n\n  return (\n    <Grid container className=\"qetaUsersContainer\">\n      <Grid item xs={12}>\n        <TextField\n          id=\"search-bar\"\n          className=\"text qetaUsersContainerSearchInput\"\n          onChange={(\n            event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => setSearchQuery(event.target.value)}\n          label={t('usersPage.search.label')}\n          variant=\"outlined\"\n          placeholder={t('usersPage.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=\"qetaUsersContainerTitle\">\n          {t('usersPage.users', { count: entities.length })}\n        </Typography>\n      </Grid>\n      <Grid container item xs={12} alignItems=\"stretch\">\n        {entities.map(entity => (\n          <UsersGridItem user={entity} key={entity.userRef} />\n        ))}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,YAAY,MAAM;AAC7B,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,QAAS,EAAA,EAAG,EAAE,CAAA,CAAA;AAExC,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,wBAAwB,CAC7D,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,IAAyB,KAAA;AAC1D,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAO,OAAA,IAAA,CAAK,OAAO,CAAU,MAAA,KAAA,MAAA,CAAO,QAAQ,WAAY,EAAA,CAAE,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA;AAAA,GAC3E,CAAA;AAEA,EAAM,MAAA,QAAA,GAAW,UAAW,CAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAEjD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,SAAA,EAAU,oBACxB,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,oCAAA;AAAA,MACV,UAAU,CACR,KAAA,KACG,cAAe,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MACtC,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,MACjC,OAAQ,EAAA,UAAA;AAAA,MACR,WAAA,EAAa,EAAE,8BAA8B,CAAA;AAAA,MAC7C,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,yBAChC,EAAA,EAAA,CAAA,CAAE,iBAAmB,EAAA,EAAE,KAAO,EAAA,QAAA,CAAS,QAAQ,CAClD,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,UAAA,EAAW,aACrC,QAAS,CAAA,GAAA,CAAI,CACZ,MAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,IAAA,EAAM,MAAQ,EAAA,GAAA,EAAK,MAAO,CAAA,OAAA,EAAS,CACnD,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UsersGrid.esm.js","sources":["../../../src/components/UsersGrid/UsersGrid.tsx"],"sourcesContent":["import { Grid, IconButton, TextField } from '@material-ui/core';\nimport 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 { NoUsersCard } from './NoUsersCard';\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  if (!response?.users || response.users.length === 0) {\n    return <NoUsersCard />;\n  }\n\n  return (\n    <Grid container className=\"qetaUsersContainer\">\n      <Grid item xs={12}>\n        <TextField\n          id=\"search-bar\"\n          className=\"text qetaUsersContainerSearchInput\"\n          onChange={(\n            event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => setSearchQuery(event.target.value)}\n          label={t('usersPage.search.label')}\n          variant=\"outlined\"\n          placeholder={t('usersPage.search.placeholder')}\n          size=\"small\"\n        />\n        <IconButton type=\"submit\" aria-label=\"search\" />\n      </Grid>\n      <UsersGridContent response={response} loading={loading} error={error} />\n      <QetaPagination\n        pageSize={entitiesPerPage}\n        handlePageChange={(_e, p) => setPage(p)}\n        handlePageSizeChange={e => setEntitiesPerPage(Number(e.target.value))}\n        page={page}\n        pageCount={pageCount}\n      />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,31 @@
+import { Grid, Typography } from '@material-ui/core';
+import React, { useState, useEffect } from 'react';
+import { Progress, WarningPanel } from '@backstage/core-components';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+import { UsersGridItem } from './UsersGridItem.esm.js';
+
+const UsersGridContent = (props) => {
+  const { response, loading, error } = props;
+  const { t } = useTranslation();
+  const [initialLoad, setInitialLoad] = useState(true);
+  useEffect(() => {
+    if (!initialLoad) {
+      setInitialLoad(false);
+    }
+  }, [initialLoad, loading]);
+  if (loading && initialLoad) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("tagPage.errorLoading") }, error?.message);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaUsersContainerTitle" }, t("usersPage.users", { count: response.total }))), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, response.users.map((entity) => /* @__PURE__ */ React.createElement(UsersGridItem, { user: entity, key: entity.userRef }))));
+};
+
+export { UsersGridContent };
+//# sourceMappingURL=UsersGridContent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UsersGridContent.esm.js","sources":["../../../src/components/UsersGrid/UsersGridContent.tsx"],"sourcesContent":["import { Grid, Typography } from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport { UsersResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { UsersGridItem } from './UsersGridItem';\n\nexport const UsersGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: UsersResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslation();\n  const [initialLoad, setInitialLoad] = useState(true);\n\n  useEffect(() => {\n    if (!initialLoad) {\n      setInitialLoad(false);\n    }\n  }, [initialLoad, loading]);\n\n  if (loading && initialLoad) {\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  return (\n    <>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\" className=\"qetaUsersContainerTitle\">\n          {t('usersPage.users', { count: response.total })}\n        </Typography>\n      </Grid>\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};\n"],"names":[],"mappings":";;;;;;;;;;;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAI3B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,KACtB;AAAA,GACC,EAAA,CAAC,WAAa,EAAA,OAAO,CAAC,CAAA,CAAA;AAEzB,EAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,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,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAU,EAAA,yBAAA,EAAA,EAChC,EAAE,iBAAmB,EAAA,EAAE,OAAO,QAAS,CAAA,KAAA,EAAO,CACjD,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,UAAA,EAAW,aACrC,QAAS,CAAA,KAAA,CAAM,IAAI,CAClB,MAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,IAAM,EAAA,MAAA,EAAQ,KAAK,MAAO,CAAA,OAAA,EAAS,CACnD,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,10 +2,16 @@ import { Grid, Card, CardActionArea, CardHeader, Avatar, CardContent, Typography
 import React from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
-import { useTranslation, useEntityAuthor, useUserFollow, useIdentityApi } from '../../utils/hooks.esm.js';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { userRouteRef } from '../../routes.esm.js';
 import { parseEntityRef } from '@backstage/catalog-model';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
+import '../../hooks/useStyles.esm.js';
+import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
+import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 
 const UsersGridItem = (props) => {
   const { user } = props;

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 {\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 React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useIdentityApi, useTranslation } from '../../utils';\nimport { useEntityAuthor, useUserFollow } from '../../utils/hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { userRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\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                    >\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":";;;;;;;;;AAsBa,MAAA,aAAA,GAAgB,CAAC,KAAkC,KAAA;AAC9D,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA,CAAA;AACjB,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,cAAe,CAAA,IAAA,CAAK,OAAO,CAAA,CAAA;AAC5C,EAAA,MAAM,EAAE,YAAA,EAAc,IAAK,EAAA,GAAI,sBAAsB,QAAQ,CAAA,CAAA;AAC7D,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,MAAM,UAAW,EAAA,GAAI,gBAAgB,IAAI,CAAA,CAAA;AACjE,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,WAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,UAAA;AAAA,MACR,OAAO,EAAE,MAAA,EAAQ,QAAQ,OAAS,EAAA,MAAA,EAAQ,eAAe,QAAS,EAAA;AAAA,KAAA;AAAA,oBAElE,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAM,QAAS,CAAA,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,IAAK,CAAA,OAAO,CAAE,CAAA,CAAA;AAAA,OAAA;AAAA,sBAExD,KAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,YAAA;AAAA,UACP,QACE,IACE,mBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,UAAY,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,cAChC,SAAU,EAAA,QAAA;AAAA,cACV,GAAK,EAAA,IAAA;AAAA,cACL,OAAQ,EAAA,SAAA;AAAA,aAAA;AAAA,YAEP,QAAA;AAAA,WAED,GAAA,IAAA;AAAA,SAAA;AAAA,OAER;AAAA,0CACC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAA,EACjB,EAAE,cAAgB,EAAA;AAAA,QACjB,OAAO,IAAK,CAAA,cAAA;AAAA,QACZ,QAAU,EAAA,UAAA;AAAA,OACX,CAAA,EACA,QACA,EAAA,CAAA,CAAE,gBAAkB,EAAA;AAAA,QACnB,OAAO,IAAK,CAAA,YAAA;AAAA,OACb,CAAA,EACA,QACA,EAAA,CAAA,CAAE,cAAgB,EAAA;AAAA,QACjB,OAAO,IAAK,CAAA,aAAA;AAAA,QACZ,QAAU,EAAA,SAAA;AAAA,OACX,CAAA,EACA,QACA,EAAA,CAAA,CAAE,cAAgB,EAAA;AAAA,QACjB,OAAO,IAAK,CAAA,aAAA;AAAA,QACZ,QAAU,EAAA,SAAA;AAAA,OACX,CAAA,EACA,QACA,EAAA,CAAA,CAAE,cAAgB,EAAA;AAAA,QACjB,OAAO,IAAK,CAAA,UAAA;AAAA,OACb,CAAA,EACA,QACA,EAAA,CAAA,CAAE,mBAAqB,EAAA;AAAA,QACtB,OAAO,IAAK,CAAA,UAAA;AAAA,OACb,CACH,CACF,CAAA;AAAA,KACF;AAAA,IACC,CAAC,WAAA,IACA,CAAC,SAAA,IACD,WAAa,EAAA,aAAA,KAAkB,IAAK,CAAA,OAAA,oBACjC,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,kBACrC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,cAAe,EAAA,QAAA,EAAA,kBAC5B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,OACE,KAAM,CAAA,eAAA,CAAgB,IAAK,CAAA,OAAO,IAC9B,WACA,GAAA,SAAA;AAAA,QAEN,SAAS,MAAM;AACb,UAAA,IAAI,KAAM,CAAA,eAAA,CAAgB,IAAK,CAAA,OAAO,CAAG,EAAA;AACvC,YAAM,KAAA,CAAA,YAAA,CAAa,KAAK,OAAO,CAAA,CAAA;AAAA,WAC1B,MAAA;AACL,YAAM,KAAA,CAAA,UAAA,CAAW,KAAK,OAAO,CAAA,CAAA;AAAA,WAC/B;AAAA,SACF;AAAA,OAAA;AAAA,MAEC,KAAA,CAAM,gBAAgB,IAAK,CAAA,OAAO,IAC/B,CAAE,CAAA,qBAAqB,CACvB,GAAA,CAAA,CAAE,mBAAmB,CAAA;AAAA,KAE7B,CACF,CACF,CACF,CAAA;AAAA,GAGR,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UsersGridItem.esm.js","sources":["../../../src/components/UsersGrid/UsersGridItem.tsx"],"sourcesContent":["import { UserResponse } from '@drodil/backstage-plugin-qeta-common';\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 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';\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                    >\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/hooks/useBasePath.esm.js

@@ -0,0 +1,12 @@
+import { trimEnd } from 'lodash';
+import { useBaseUrl } from './useBaseUrl.esm.js';
+
+const useBasePath = () => {
+  const base = "http://sample.dev";
+  const url = useBaseUrl() ?? "/";
+  const { pathname } = new URL(url, base);
+  return trimEnd(pathname, "/");
+};
+
+export { useBasePath };
+//# sourceMappingURL=useBasePath.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBasePath.esm.js","sources":["../../src/hooks/useBasePath.ts"],"sourcesContent":["import { trimEnd } from 'lodash';\nimport { useBaseUrl } from './useBaseUrl';\n\nexport const useBasePath = () => {\n  // baseUrl can be specified as just a path\n  const base = 'http://sample.dev';\n  const url = useBaseUrl() ?? '/';\n  const { pathname } = new URL(url, base);\n  return trimEnd(pathname, '/');\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,cAAc,MAAM;AAE/B,EAAA,MAAM,IAAO,GAAA,mBAAA,CAAA;AACb,EAAM,MAAA,GAAA,GAAM,YAAgB,IAAA,GAAA,CAAA;AAC5B,EAAA,MAAM,EAAE,QAAS,EAAA,GAAI,IAAI,GAAA,CAAI,KAAK,IAAI,CAAA,CAAA;AACtC,EAAO,OAAA,OAAA,CAAQ,UAAU,GAAG,CAAA,CAAA;AAC9B;;;;"}

package/dist/hooks/useBaseUrl.esm.js

@@ -0,0 +1,13 @@
+import { useApi, configApiRef } from '@backstage/core-plugin-api';
+
+const useBaseUrl = () => {
+  try {
+    const config = useApi(configApiRef);
+    return config.getOptionalString("app.baseUrl");
+  } catch {
+    return void 0;
+  }
+};
+
+export { useBaseUrl };
+//# sourceMappingURL=useBaseUrl.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseUrl.esm.js","sources":["../../src/hooks/useBaseUrl.ts"],"sourcesContent":["// Url resolving logic from https://github.com/backstage/backstage/blob/master/packages/core-components/src/components/Link/Link.tsx\n\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\n\n/**\n * Returns the app base url that could be empty if the Config API is not properly implemented.\n * The only cases there would be no Config API are in tests and in storybook stories, and in those cases, it's unlikely that callers would rely on this subpath behavior.\n */\nexport const useBaseUrl = () => {\n  try {\n    const config = useApi(configApiRef);\n    return config.getOptionalString('app.baseUrl');\n  } catch {\n    return undefined;\n  }\n};\n"],"names":[],"mappings":";;AAQO,MAAM,aAAa,MAAM;AAC9B,EAAI,IAAA;AACF,IAAM,MAAA,MAAA,GAAS,OAAO,YAAY,CAAA,CAAA;AAClC,IAAO,OAAA,MAAA,CAAO,kBAAkB,aAAa,CAAA,CAAA;AAAA,GACvC,CAAA,MAAA;AACN,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT;AACF;;;;"}

package/dist/hooks/useCollectionsFollow.esm.js

@@ -0,0 +1,59 @@
+import React, { 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.useState(
+    followedCollections ?? []
+  );
+  const [loading, setLoading] = React.useState(
+    followedCollections === void 0
+  );
+  const qetaApi = useApi(qetaApiRef);
+  useEffect(() => {
+    if (followedCollections === void 0) {
+      qetaApi.getFollowedCollections().then((res) => {
+        followedCollections = res.collections;
+        setCollections(followedCollections);
+        setLoading(false);
+      });
+    } else {
+      setCollections(followedCollections);
+    }
+  }, [qetaApi]);
+  const followCollection = useCallback(
+    (collection) => {
+      qetaApi.followCollection(collection.id).then(() => {
+        setCollections((prev) => [...prev, collection]);
+        followedCollections?.push(collection);
+      });
+    },
+    [qetaApi]
+  );
+  const unfollowCollection = useCallback(
+    (collection) => {
+      qetaApi.unfollowCollection(collection.id).then(() => {
+        setCollections((prev) => prev.filter((t) => t.id !== collection.id));
+        followedCollections = followedCollections?.filter(
+          (t) => t.id !== collection.id
+        );
+      });
+    },
+    [qetaApi]
+  );
+  const isFollowingCollection = useCallback(
+    (collection) => Boolean(collections.find((t) => t.id === collection.id)),
+    [collections]
+  );
+  return {
+    collections,
+    followCollection,
+    unfollowCollection,
+    isFollowingCollection,
+    loading
+  };
+};
+
+export { useCollectionsFollow };
+//# sourceMappingURL=useCollectionsFollow.esm.js.map

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

@@ -0,0 +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":[],"mappings":";;;;AAKA,IAAI,mBAAgD,GAAA,KAAA,CAAA,CAAA;AAE7C,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC1C,uBAAuB,EAAC;AAAA,GAC1B,CAAA;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAClC,mBAAwB,KAAA,KAAA,CAAA;AAAA,GAC1B,CAAA;AACA,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,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,CAAA;AAC1B,QAAA,cAAA,CAAe,mBAAmB,CAAA,CAAA;AAClC,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,cAAA,CAAe,mBAAmB,CAAA,CAAA;AAAA,KACpC;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,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,CAAA;AAC5C,QAAA,mBAAA,EAAqB,KAAK,UAAU,CAAA,CAAA;AAAA,OACrC,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;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,CAAA;AAC/D,QAAA,mBAAA,GAAsB,mBAAqB,EAAA,MAAA;AAAA,UACzC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,UAAW,CAAA,EAAA;AAAA,SAC3B,CAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;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,CAAA;AAAA,GACd,CAAA;AACA,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,kBAAA;AAAA,IACA,qBAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/hooks/useEntityAuthor.esm.js

@@ -0,0 +1,90 @@
+import DataLoader from 'dataloader';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import { catalogApiRef, useEntityPresentation } from '@backstage/plugin-catalog-react';
+import React, { useEffect } from 'react';
+
+const userCache = /* @__PURE__ */ new Map();
+const dataLoaderFactory = (catalogApi) => new DataLoader(
+  async (entityRefs) => {
+    const { items } = await catalogApi.getEntitiesByRefs({
+      fields: [
+        "kind",
+        "metadata.name",
+        "metadata.namespace",
+        "spec.profile.displayName",
+        "spec.profile.picture"
+      ],
+      entityRefs
+    });
+    entityRefs.forEach((entityRef, index) => {
+      userCache.set(entityRef, items[index]);
+    });
+    return items;
+  },
+  {
+    name: "EntityAuthorLoader",
+    cacheMap: /* @__PURE__ */ new Map(),
+    maxBatchSize: 100,
+    batchScheduleFn: (callback) => {
+      setTimeout(callback, 50);
+    }
+  }
+);
+const useEntityAuthor = (entity) => {
+  const catalogApi = useApi(catalogApiRef);
+  const identityApi = useApi(identityApiRef);
+  const [name, setName] = React.useState(void 0);
+  const [user, setUser] = React.useState(null);
+  const [initials, setInitials] = React.useState(null);
+  const [currentUser, setCurrentUser] = React.useState(null);
+  const anonymous = "anonymous" in entity ? entity.anonymous ?? false : false;
+  let author = (
+    // eslint-disable-next-line no-nested-ternary
+    "author" in entity ? entity.author : "userRef" in entity ? entity.userRef : entity.owner
+  );
+  if (!author.startsWith("user:")) {
+    author = `user:${author}`;
+  }
+  const { primaryTitle: userName } = useEntityPresentation(author);
+  useEffect(() => {
+    if (anonymous) {
+      return;
+    }
+    if (userCache.get(author)) {
+      setUser(userCache.get(author));
+      return;
+    }
+    dataLoaderFactory(catalogApi).load(author).then((data) => {
+      if (data) {
+        setUser(data);
+      } else {
+        setUser(null);
+      }
+    }).catch(() => {
+      setUser(null);
+    });
+  }, [catalogApi, author, anonymous]);
+  useEffect(() => {
+    identityApi.getBackstageIdentity().then((res) => {
+      setCurrentUser(res.userEntityRef ?? "user:default/guest");
+    });
+  }, [identityApi]);
+  useEffect(() => {
+    let displayName = userName;
+    if (author === currentUser) {
+      displayName = "You";
+      if (anonymous) {
+        displayName += " (anonymous)";
+      }
+    }
+    setName(displayName);
+  }, [author, anonymous, currentUser, userName]);
+  useEffect(() => {
+    const init = (name ?? "").split(" ").map((p) => p[0]).join("").substring(0, 2).toUpperCase();
+    setInitials(init);
+  }, [name]);
+  return { name, initials, user };
+};
+
+export { useEntityAuthor };
+//# sourceMappingURL=useEntityAuthor.esm.js.map

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

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

package/dist/hooks/useEntityFollow.esm.js

@@ -0,0 +1,49 @@
+import React, { useEffect, useCallback } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../api.esm.js';
+
+let followedEntities = void 0;
+const useEntityFollow = () => {
+  const [entities, setEntities] = React.useState(
+    followedEntities ?? []
+  );
+  const [loading, setLoading] = React.useState(followedEntities === void 0);
+  const qetaApi = useApi(qetaApiRef);
+  useEffect(() => {
+    if (followedEntities === void 0) {
+      qetaApi.getFollowedEntities().then((res) => {
+        followedEntities = res.entityRefs;
+        setEntities(res.entityRefs);
+        setLoading(false);
+      });
+    } else {
+      setEntities(followedEntities);
+    }
+  }, [qetaApi]);
+  const followEntity = useCallback(
+    (entityRef) => {
+      qetaApi.followEntity(entityRef).then(() => {
+        setEntities((prev) => [...prev, entityRef]);
+        followedEntities?.push(entityRef);
+      });
+    },
+    [qetaApi]
+  );
+  const unfollowEntity = useCallback(
+    (entityRef) => {
+      qetaApi.unfollowEntity(entityRef).then(() => {
+        setEntities((prev) => prev.filter((t) => t !== entityRef));
+        followedEntities = followedEntities?.filter((t) => t !== entityRef);
+      });
+    },
+    [qetaApi]
+  );
+  const isFollowingEntity = useCallback(
+    (entityRef) => entities.includes(entityRef),
+    [entities]
+  );
+  return { entities, followEntity, unfollowEntity, isFollowingEntity, loading };
+};
+
+export { useEntityFollow };
+//# sourceMappingURL=useEntityFollow.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityFollow.esm.js","sources":["../../src/hooks/useEntityFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedEntities: string[] | undefined = undefined;\n\nexport const useEntityFollow = () => {\n  const [entities, setEntities] = React.useState<string[]>(\n    followedEntities ?? [],\n  );\n  const [loading, setLoading] = React.useState(followedEntities === undefined);\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (followedEntities === undefined) {\n      qetaApi.getFollowedEntities().then(res => {\n        followedEntities = res.entityRefs;\n        setEntities(res.entityRefs);\n        setLoading(false);\n      });\n    } else {\n      setEntities(followedEntities);\n    }\n  }, [qetaApi]);\n\n  const followEntity = useCallback(\n    (entityRef: string) => {\n      qetaApi.followEntity(entityRef).then(() => {\n        setEntities(prev => [...prev, entityRef]);\n        followedEntities?.push(entityRef);\n      });\n    },\n    [qetaApi],\n  );\n\n  const unfollowEntity = useCallback(\n    (entityRef: string) => {\n      qetaApi.unfollowEntity(entityRef).then(() => {\n        setEntities(prev => prev.filter(t => t !== entityRef));\n        followedEntities = followedEntities?.filter(t => t !== entityRef);\n      });\n    },\n    [qetaApi],\n  );\n\n  const isFollowingEntity = useCallback(\n    (entityRef: string) => entities.includes(entityRef),\n    [entities],\n  );\n  return { entities, followEntity, unfollowEntity, isFollowingEntity, loading };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,gBAAyC,GAAA,KAAA,CAAA,CAAA;AAEtC,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACpC,oBAAoB,EAAC;AAAA,GACvB,CAAA;AACA,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,KAAM,CAAA,QAAA,CAAS,qBAAqB,KAAS,CAAA,CAAA,CAAA;AAC3E,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,qBAAqB,KAAW,CAAA,EAAA;AAClC,MAAQ,OAAA,CAAA,mBAAA,EAAsB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACxC,QAAA,gBAAA,GAAmB,GAAI,CAAA,UAAA,CAAA;AACvB,QAAA,WAAA,CAAY,IAAI,UAAU,CAAA,CAAA;AAC1B,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,WAAA,CAAY,gBAAgB,CAAA,CAAA;AAAA,KAC9B;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,SAAsB,KAAA;AACrB,MAAA,OAAA,CAAQ,YAAa,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM;AACzC,QAAA,WAAA,CAAY,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,SAAS,CAAC,CAAA,CAAA;AACxC,QAAA,gBAAA,EAAkB,KAAK,SAAS,CAAA,CAAA;AAAA,OACjC,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,SAAsB,KAAA;AACrB,MAAA,OAAA,CAAQ,cAAe,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,MAAM;AAC3C,QAAA,WAAA,CAAY,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,SAAS,CAAC,CAAA,CAAA;AACrD,QAAA,gBAAA,GAAmB,gBAAkB,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,SAAS,CAAA,CAAA;AAAA,OACjE,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,SAAA,KAAsB,QAAS,CAAA,QAAA,CAAS,SAAS,CAAA;AAAA,IAClD,CAAC,QAAQ,CAAA;AAAA,GACX,CAAA;AACA,EAAA,OAAO,EAAE,QAAA,EAAU,YAAc,EAAA,cAAA,EAAgB,mBAAmB,OAAQ,EAAA,CAAA;AAC9E;;;;"}

package/dist/hooks/useEntityQueryParameter.esm.js

@@ -0,0 +1,14 @@
+import { useSearchParams } from 'react-router-dom';
+import React, { useEffect } from 'react';
+
+function useEntityQueryParameter(entity) {
+  const [searchParams] = useSearchParams();
+  const [entityRef, setEntityRef] = React.useState(entity);
+  useEffect(() => {
+    setEntityRef(searchParams.get("entity") ?? void 0);
+  }, [searchParams, setEntityRef]);
+  return entityRef;
+}
+
+export { useEntityQueryParameter };
+//# sourceMappingURL=useEntityQueryParameter.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEntityQueryParameter.esm.js","sources":["../../src/hooks/useEntityQueryParameter.ts"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\n\nexport function useEntityQueryParameter(entity?: string) {\n  const [searchParams] = useSearchParams();\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(entity);\n\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n  }, [searchParams, setEntityRef]);\n\n  return entityRef;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,wBAAwB,MAAiB,EAAA;AACvD,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAA,KAAA,CAAM,SAA6B,MAAM,CAAA,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA,CAAA;AAAA,GACnD,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA,CAAA;AAE/B,EAAO,OAAA,SAAA,CAAA;AACT;;;;"}

package/dist/hooks/useFormStyles.esm.js

@@ -0,0 +1,26 @@
+import { makeStyles } from '@material-ui/core';
+
+const useFormStyles = makeStyles(
+  (theme) => {
+    return {
+      headerImage: {
+        marginBottom: "1rem",
+        marginTop: "1rem",
+        height: "250px",
+        objectFit: "cover",
+        width: "100%",
+        border: `1px solid ${theme.palette.background.paper}`,
+        boxShadow: theme.shadows[1]
+      },
+      postButton: {
+        marginTop: theme.spacing(1),
+        marginBottom: theme.spacing(1)
+      },
+      form: {}
+    };
+  },
+  { name: "QetaForm" }
+);
+
+export { useFormStyles };
+//# sourceMappingURL=useFormStyles.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormStyles.esm.js","sources":["../../src/hooks/useFormStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport type QetaFormClassKey = 'headerImage' | 'postButton' | 'postForm';\n\nexport const useFormStyles = makeStyles(\n  theme => {\n    return {\n      headerImage: {\n        marginBottom: '1rem',\n        marginTop: '1rem',\n        height: '250px',\n        objectFit: 'cover',\n        width: '100%',\n        border: `1px solid ${theme.palette.background.paper}`,\n        boxShadow: theme.shadows[1],\n      },\n      postButton: {\n        marginTop: theme.spacing(1),\n        marginBottom: theme.spacing(1),\n      },\n      form: {},\n    };\n  },\n  { name: 'QetaForm' },\n);\n"],"names":[],"mappings":";;AAIO,MAAM,aAAgB,GAAA,UAAA;AAAA,EAC3B,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,WAAa,EAAA;AAAA,QACX,YAAc,EAAA,MAAA;AAAA,QACd,SAAW,EAAA,MAAA;AAAA,QACX,MAAQ,EAAA,OAAA;AAAA,QACR,SAAW,EAAA,OAAA;AAAA,QACX,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACnD,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,OAC5B;AAAA,MACA,UAAY,EAAA;AAAA,QACV,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC1B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,OAC/B;AAAA,MACA,MAAM,EAAC;AAAA,KACT,CAAA;AAAA,GACF;AAAA,EACA,EAAE,MAAM,UAAW,EAAA;AACrB;;;;"}

package/dist/hooks/useIdentityApi.esm.js

@@ -0,0 +1,12 @@
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
+import useAsync from 'react-use/lib/useAsync';
+
+function useIdentityApi(f, deps = []) {
+  const identityApi = useApi(identityApiRef);
+  return useAsync(async () => {
+    return await f(identityApi);
+  }, deps);
+}
+
+export { useIdentityApi };
+//# sourceMappingURL=useIdentityApi.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIdentityApi.esm.js","sources":["../../src/hooks/useIdentityApi.ts"],"sourcesContent":["import {\n  IdentityApi,\n  identityApiRef,\n  useApi,\n} from '@backstage/core-plugin-api';\nimport useAsync from 'react-use/lib/useAsync';\n\nexport function useIdentityApi<T>(\n  f: (api: IdentityApi) => Promise<T>,\n  deps: any[] = [],\n) {\n  const identityApi = useApi(identityApiRef);\n\n  return useAsync(async () => {\n    return await f(identityApi);\n  }, deps);\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,cACd,CAAA,CAAA,EACA,IAAc,GAAA,EACd,EAAA;AACA,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA,CAAA;AAEzC,EAAA,OAAO,SAAS,YAAY;AAC1B,IAAO,OAAA,MAAM,EAAE,WAAW,CAAA,CAAA;AAAA,KACzB,IAAI,CAAA,CAAA;AACT;;;;"}

package/dist/hooks/useIsDarkTheme.esm.js

@@ -0,0 +1,12 @@
+import { useApi, appThemeApiRef } from '@backstage/core-plugin-api';
+import { useMemo } from 'react';
+
+function useIsDarkTheme() {
+  const appThemeApi = useApi(appThemeApiRef);
+  const themes = appThemeApi.getInstalledThemes();
+  const theme = useMemo(() => appThemeApi.getActiveThemeId(), [appThemeApi]);
+  return Boolean(themes.find((t) => t.id === theme)?.variant === "dark");
+}
+
+export { useIsDarkTheme };
+//# sourceMappingURL=useIsDarkTheme.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIsDarkTheme.esm.js","sources":["../../src/hooks/useIsDarkTheme.ts"],"sourcesContent":["import { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useMemo } from 'react';\n\nexport function useIsDarkTheme() {\n  const appThemeApi = useApi(appThemeApiRef);\n  const themes = appThemeApi.getInstalledThemes();\n  const theme = useMemo(() => appThemeApi.getActiveThemeId(), [appThemeApi]);\n  return Boolean(themes.find(t => t.id === theme)?.variant === 'dark');\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,cAAiB,GAAA;AAC/B,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA,CAAA;AACzC,EAAM,MAAA,MAAA,GAAS,YAAY,kBAAmB,EAAA,CAAA;AAC9C,EAAM,MAAA,KAAA,GAAQ,QAAQ,MAAM,WAAA,CAAY,kBAAoB,EAAA,CAAC,WAAW,CAAC,CAAA,CAAA;AACzE,EAAO,OAAA,OAAA,CAAQ,OAAO,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,KAAK,CAAG,EAAA,OAAA,KAAY,MAAM,CAAA,CAAA;AACrE;;;;"}