@drodil/backstage-plugin-qeta-react 3.24.5 → 3.25.1

package/dist/components/TemplateList/TemplateList.esm.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
-import React__default, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -48,13 +49,13 @@ const TemplateList = () => {
     qetaApi.deleteTemplate(templateId).then(() => retry());
   };
   if (loading) {
-    return /* @__PURE__ */ React__default.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (error || value === void 0) {
-    return /* @__PURE__ */ React__default.createElement(WarningPanel, { severity: "error", title: t("templateList.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("templateList.errorLoading"), children: error?.message });
   }
   if (mode === "create" || mode === "edit") {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(
       TemplateForm,
       {
         onPost: () => {
@@ -64,43 +65,55 @@ const TemplateList = () => {
       }
     );
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      variant: "contained",
-      color: "primary",
-      onClick: () => {
-        navigate("#template:new");
-      }
-    },
-    t("templateList.createButton")
-  ), /* @__PURE__ */ React__default.createElement(
-    Box,
-    {
-      sx: { width: "100%", bgcolor: "background.paper", marginTop: "1em" }
-    },
-    /* @__PURE__ */ React__default.createElement(List, { style: { width: "100%" } }, value.total === 0 && /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(
-      ListItemText,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        primary: t("templateList.noTemplates"),
-        secondary: t("templateList.noTemplatesDescription")
+        variant: "contained",
+        color: "primary",
+        onClick: () => {
+          navigate("#template:new");
+        },
+        children: t("templateList.createButton")
       }
-    )), value.templates.map((template, index) => /* @__PURE__ */ React__default.createElement(ListItem, { key: index }, /* @__PURE__ */ React__default.createElement(
-      ListItemText,
+    ),
+    /* @__PURE__ */ jsx(
+      Box,
       {
-        primary: template.title,
-        secondary: template.description
+        sx: { width: "100%", bgcolor: "background.paper", marginTop: "1em" },
+        children: /* @__PURE__ */ jsxs(List, { style: { width: "100%" }, children: [
+          value.total === 0 && /* @__PURE__ */ jsx(ListItem, { children: /* @__PURE__ */ jsx(
+            ListItemText,
+            {
+              primary: t("templateList.noTemplates"),
+              secondary: t("templateList.noTemplatesDescription")
+            }
+          ) }),
+          value.templates.map((template, index) => /* @__PURE__ */ jsxs(ListItem, { children: [
+            /* @__PURE__ */ jsx(
+              ListItemText,
+              {
+                primary: template.title,
+                secondary: template.description
+              }
+            ),
+            /* @__PURE__ */ jsxs(ListItemSecondaryAction, { children: [
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  onClick: () => {
+                    navigate(`#template:${template.id}`);
+                  },
+                  children: /* @__PURE__ */ jsx(EditIcon, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(IconButton, { onClick: () => onDelete(template.id), children: /* @__PURE__ */ jsx(DeleteIcon, {}) })
+            ] })
+          ] }, index))
+        ] })
       }
-    ), /* @__PURE__ */ React__default.createElement(ListItemSecondaryAction, null, /* @__PURE__ */ React__default.createElement(
-      IconButton,
-      {
-        onClick: () => {
-          navigate(`#template:${template.id}`);
-        }
-      },
-      /* @__PURE__ */ React__default.createElement(EditIcon, null)
-    ), /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => onDelete(template.id) }, /* @__PURE__ */ React__default.createElement(DeleteIcon, null))))))
-  ));
+    )
+  ] });
 };
 
 export { TemplateList };

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

@@ -1 +1 @@
-{"version":3,"file":"TemplateList.esm.js","sources":["../../../src/components/TemplateList/TemplateList.tsx"],"sourcesContent":["import { useIsModerator, useQetaApi, useTranslation } from '../../hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { qetaApiRef } from '../../api';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { TemplateForm } from './TemplateForm';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n} from '@material-ui/core';\n\nexport const TemplateList = () => {\n  const { isModerator } = useIsModerator();\n\n  const [mode, setMode] = useState<'list' | 'create' | 'edit'>('list');\n  const [id, setId] = useState<number | undefined>(undefined);\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { hash } = useLocation();\n  const { value, loading, error, retry } = useQetaApi(api =>\n    api.getTemplates(),\n  );\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const [, hashMode] = (hash ?? '').split(':');\n    if (hashMode === 'new') {\n      setMode('create');\n    } else {\n      const hashId = parseInt(hashMode, 10);\n      if (!isNaN(hashId)) {\n        setId(hashId);\n        setMode('edit');\n      } else {\n        setMode('list');\n      }\n    }\n  }, [hash]);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const onDelete = (templateId: number) => {\n    qetaApi.deleteTemplate(templateId).then(() => retry());\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error || value === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('templateList.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (mode === 'create' || mode === 'edit') {\n    return (\n      <TemplateForm\n        onPost={() => {\n          navigate('#template:list');\n        }}\n        id={id}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={() => {\n          navigate('#template:new');\n        }}\n      >\n        {t('templateList.createButton')}\n      </Button>\n      <Box\n        sx={{ width: '100%', bgcolor: 'background.paper', marginTop: '1em' }}\n      >\n        <List style={{ width: '100%' }}>\n          {value.total === 0 && (\n            <ListItem>\n              <ListItemText\n                primary={t('templateList.noTemplates')}\n                secondary={t('templateList.noTemplatesDescription')}\n              />\n            </ListItem>\n          )}\n          {value.templates.map((template, index) => (\n            <ListItem key={index}>\n              <ListItemText\n                primary={template.title}\n                secondary={template.description}\n              />\n              <ListItemSecondaryAction>\n                <IconButton\n                  onClick={() => {\n                    navigate(`#template:${template.id}`);\n                  }}\n                >\n                  <EditIcon />\n                </IconButton>\n                <IconButton onClick={() => onDelete(template.id)}>\n                  <DeleteIcon />\n                </IconButton>\n              </ListItemSecondaryAction>\n            </ListItem>\n          ))}\n        </List>\n      </Box>\n    </>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"TemplateList.esm.js","sources":["../../../src/components/TemplateList/TemplateList.tsx"],"sourcesContent":["import { useIsModerator, useQetaApi, useTranslation } from '../../hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { qetaApiRef } from '../../api';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { TemplateForm } from './TemplateForm';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\nimport {\n  Box,\n  Button,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n} from '@material-ui/core';\n\nexport const TemplateList = () => {\n  const { isModerator } = useIsModerator();\n\n  const [mode, setMode] = useState<'list' | 'create' | 'edit'>('list');\n  const [id, setId] = useState<number | undefined>(undefined);\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { hash } = useLocation();\n  const { value, loading, error, retry } = useQetaApi(api =>\n    api.getTemplates(),\n  );\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    const [, hashMode] = (hash ?? '').split(':');\n    if (hashMode === 'new') {\n      setMode('create');\n    } else {\n      const hashId = parseInt(hashMode, 10);\n      if (!isNaN(hashId)) {\n        setId(hashId);\n        setMode('edit');\n      } else {\n        setMode('list');\n      }\n    }\n  }, [hash]);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const onDelete = (templateId: number) => {\n    qetaApi.deleteTemplate(templateId).then(() => retry());\n  };\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error || value === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('templateList.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (mode === 'create' || mode === 'edit') {\n    return (\n      <TemplateForm\n        onPost={() => {\n          navigate('#template:list');\n        }}\n        id={id}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        color=\"primary\"\n        onClick={() => {\n          navigate('#template:new');\n        }}\n      >\n        {t('templateList.createButton')}\n      </Button>\n      <Box\n        sx={{ width: '100%', bgcolor: 'background.paper', marginTop: '1em' }}\n      >\n        <List style={{ width: '100%' }}>\n          {value.total === 0 && (\n            <ListItem>\n              <ListItemText\n                primary={t('templateList.noTemplates')}\n                secondary={t('templateList.noTemplatesDescription')}\n              />\n            </ListItem>\n          )}\n          {value.templates.map((template, index) => (\n            <ListItem key={index}>\n              <ListItemText\n                primary={template.title}\n                secondary={template.description}\n              />\n              <ListItemSecondaryAction>\n                <IconButton\n                  onClick={() => {\n                    navigate(`#template:${template.id}`);\n                  }}\n                >\n                  <EditIcon />\n                </IconButton>\n                <IconButton onClick={() => onDelete(template.id)}>\n                  <DeleteIcon />\n                </IconButton>\n              </ListItemSecondaryAction>\n            </ListItem>\n          ))}\n        </List>\n      </Box>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,10 @@
-import React__default from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { WarningPanel, CardTab, TabbedCard, Progress } from '@backstage/core-components';
 import { makeStyles, List, ListItem, ListItemAvatar, Avatar, ListItemText, Typography } from '@material-ui/core';
 import { TrophyIcon } from './TrophyIcon.esm.js';
 import { UserLink } from '../Links/Links.esm.js';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import 'react';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -11,6 +12,9 @@ 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';
 
 const useStyles = makeStyles((theme) => {
   return {
@@ -33,7 +37,7 @@ const useStyles = makeStyles((theme) => {
 const DefaultRankingIcons = /* @__PURE__ */ new Map([
   [
     1,
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ jsx(
       TrophyIcon,
       {
         style: { color: "#DAA520", height: "2.2rem", width: "2.2rem" }
@@ -42,7 +46,7 @@ const DefaultRankingIcons = /* @__PURE__ */ new Map([
   ],
   [
     2,
-    /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ jsx(
       TrophyIcon,
       {
         style: { color: "#C0C0C0", height: "2.1rem", width: "2.1rem" }
@@ -51,10 +55,10 @@ const DefaultRankingIcons = /* @__PURE__ */ new Map([
   ],
   [
     3,
-    /* @__PURE__ */ React__default.createElement(TrophyIcon, { style: { color: "#B87333", height: "2rem", width: "2rem" } })
+    /* @__PURE__ */ jsx(TrophyIcon, { style: { color: "#B87333", height: "2rem", width: "2rem" } })
   ]
 ]);
-const DefaultUserIcon = /* @__PURE__ */ React__default.createElement(TrophyIcon, { style: { height: "2rem", width: "2rem" } });
+const DefaultUserIcon = /* @__PURE__ */ jsx(TrophyIcon, { style: { height: "2rem", width: "2rem" } });
 const getOrdinal = (n) => {
   if (n % 10 === 1 && n % 100 !== 11) {
     return `${n}st`;
@@ -72,50 +76,70 @@ const RankingRow = (props) => {
   const userIcon = props.rankingIcon?.userRankingIcon ? props.rankingIcon?.userRankingIcon : DefaultUserIcon;
   const topRankingIcon = props.rankingIcon ? props.rankingIcon.iconsByRanking.get(Number(props?.position)) : DefaultRankingIcons.get(Number(props?.position)) || DefaultUserIcon;
   const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;
-  return /* @__PURE__ */ React__default.createElement(ListItem, { className: "qetaRankingCardRow" }, /* @__PURE__ */ React__default.createElement(ListItemAvatar, null, /* @__PURE__ */ React__default.createElement(Avatar, { className: classes.trophyIcon }, rankingIcon)), /* @__PURE__ */ React__default.createElement(
-    ListItemText,
-    {
-      disableTypography: true,
-      style: {
-        display: "flex",
-        justifyContent: "center"
-      },
-      primary: /* @__PURE__ */ React__default.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React__default.createElement(
-        Typography,
-        {
-          style: { marginRight: "10px", fontWeight: 400 },
-          variant: "subtitle1"
+  return /* @__PURE__ */ jsxs(ListItem, { className: "qetaRankingCardRow", children: [
+    /* @__PURE__ */ jsx(ListItemAvatar, { children: /* @__PURE__ */ jsx(Avatar, { className: classes.trophyIcon, children: rankingIcon }) }),
+    /* @__PURE__ */ jsx(
+      ListItemText,
+      {
+        disableTypography: true,
+        style: {
+          display: "flex",
+          justifyContent: "center"
         },
-        `${ordinalPosition}`,
-        " ",
-        /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: userRef ?? "" })
-      ))
-    }
-  ), /* @__PURE__ */ React__default.createElement("div", { className: classes.votesText }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, props?.total, " ", props.unit)));
+        primary: /* @__PURE__ */ jsx("div", { style: { display: "flex" }, children: /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            style: { marginRight: "10px", fontWeight: 400 },
+            variant: "subtitle1",
+            children: [
+              `${ordinalPosition}`,
+              " ",
+              /* @__PURE__ */ jsx(UserLink, { entityRef: userRef ?? "" })
+            ]
+          }
+        ) })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: classes.votesText, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle1", children: [
+      props?.total,
+      " ",
+      props.unit
+    ] }) })
+  ] });
 };
 const RankingCard = (props) => {
   const rankingStats = props.limit ? props.statistic?.ranking.slice(0, props.limit) : props.statistic?.ranking;
-  return /* @__PURE__ */ React__default.createElement("div", { style: { display: "block" }, className: "qetaRankingCard" }, /* @__PURE__ */ React__default.createElement("span", { className: "qetaRankingCardDescription" }, props.description), /* @__PURE__ */ React__default.createElement(List, { className: "qetaRankingCardList" }, rankingStats?.map((authorStats) => {
-    return /* @__PURE__ */ React__default.createElement(
-      RankingRow,
-      {
-        total: authorStats.total || 0,
-        position: authorStats.position || 0,
-        userRef: authorStats.author,
-        unit: props.unit
-      }
-    );
-  }), !rankingStats?.some(
-    (authorStats) => authorStats.author === props.statistic?.loggedUser?.author
-  ) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("hr", null), /* @__PURE__ */ React__default.createElement(
-    RankingRow,
-    {
-      total: props.statistic?.loggedUser?.total || 0,
-      position: props.statistic?.loggedUser?.position || 0,
-      userRef: props.statistic?.loggedUser?.author,
-      unit: props.unit
-    }
-  ))));
+  return /* @__PURE__ */ jsxs("div", { style: { display: "block" }, className: "qetaRankingCard", children: [
+    /* @__PURE__ */ jsx("span", { className: "qetaRankingCardDescription", children: props.description }),
+    /* @__PURE__ */ jsxs(List, { className: "qetaRankingCardList", children: [
+      rankingStats?.map((authorStats) => {
+        return /* @__PURE__ */ jsx(
+          RankingRow,
+          {
+            total: authorStats.total || 0,
+            position: authorStats.position || 0,
+            userRef: authorStats.author,
+            unit: props.unit
+          },
+          authorStats.author
+        );
+      }),
+      !rankingStats?.some(
+        (authorStats) => authorStats.author === props.statistic?.loggedUser?.author
+      ) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("hr", {}),
+        /* @__PURE__ */ jsx(
+          RankingRow,
+          {
+            total: props.statistic?.loggedUser?.total || 0,
+            position: props.statistic?.loggedUser?.position || 0,
+            userRef: props.statistic?.loggedUser?.author,
+            unit: props.unit
+          }
+        )
+      ] })
+    ] })
+  ] });
 };
 const TopRankingUsers = (props) => {
   const { t } = useTranslation();
@@ -156,16 +180,16 @@ const TopRankingUsers = (props) => {
     }
   ];
   if ((error || topStatistics === void 0) && !loading) {
-    return /* @__PURE__ */ React__default.createElement(WarningPanel, { severity: "error", title: t("statistics.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("statistics.errorLoading"), children: error?.message });
   }
   let content;
   if (loading) {
     content = [
-      /* @__PURE__ */ React__default.createElement(CardTab, null, /* @__PURE__ */ React__default.createElement(Progress, null))
+      /* @__PURE__ */ jsx(CardTab, { children: /* @__PURE__ */ jsx(Progress, {}) })
     ];
   } else if (topStatistics && topStatistics.length > 0) {
     content = topStatistics?.map((stats, index) => {
-      return /* @__PURE__ */ React__default.createElement(CardTab, { label: tabData[index].title }, /* @__PURE__ */ React__default.createElement(
+      return /* @__PURE__ */ jsx(CardTab, { label: tabData[index].title, children: /* @__PURE__ */ jsx(
         RankingCard,
         {
           description: tabData[index].description,
@@ -173,12 +197,12 @@ const TopRankingUsers = (props) => {
           statistic: stats,
           unit: tabData[index].unit
         }
-      ));
+      ) }, tabData[index].title);
     });
   } else {
-    content = [/* @__PURE__ */ React__default.createElement(CardTab, null, t("statistics.notAvailable"))];
+    content = [/* @__PURE__ */ jsx(CardTab, { children: t("statistics.notAvailable") })];
   }
-  return /* @__PURE__ */ React__default.createElement(TabbedCard, { title: props.title || t("statistics.ranking") }, content);
+  return /* @__PURE__ */ jsx(TabbedCard, { title: props.title || t("statistics.ranking"), children: content });
 };
 
 export { RankingCard, RankingRow, TopRankingUsers };

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

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

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

@@ -1,19 +1,22 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { SvgIcon } from '@material-ui/core';
-import React__default from 'react';
 
-const TrophyIcon = (props) => /* @__PURE__ */ React__default.createElement(SvgIcon, { ...props, viewBox: "0 0 24 24" }, /* @__PURE__ */ React__default.createElement(
-  "path",
-  {
-    id: "secondary",
-    d: "M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"
-  }
-), /* @__PURE__ */ React__default.createElement(
-  "path",
-  {
-    id: "primary",
-    d: "M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z"
-  }
-));
+const TrophyIcon = (props) => /* @__PURE__ */ jsxs(SvgIcon, { ...props, viewBox: "0 0 24 24", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      id: "secondary",
+      d: "M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      id: "primary",
+      d: "M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z"
+    }
+  )
+] });
 
 export { TrophyIcon };
 //# sourceMappingURL=TrophyIcon.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TrophyIcon.esm.js","sources":["../../../src/components/TopRankingUsersCard/TrophyIcon.tsx"],"sourcesContent":["import { SvgIcon, SvgIconProps } from '@material-ui/core';\n\nimport React from 'react';\n\nexport const TrophyIcon = (props: SvgIconProps) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <path\n      id=\"secondary\"\n      d=\"M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z\"\n    />\n    <path\n      id=\"primary\"\n      d=\"M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z\"\n    />\n  </SvgIcon>\n);\n"],"names":["React"],"mappings":";;;AAIa,MAAA,UAAA,GAAa,CAAC,KACzB,qBAAAA,cAAA,CAAA,aAAA,CAAC,WAAS,GAAG,KAAA,EAAO,SAAQ,WAC1B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,WAAA;AAAA,IACH,CAAE,EAAA;AAAA;AACJ,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,SAAA;AAAA,IACH,CAAE,EAAA;AAAA;AACJ,CACF;;;;"}
+{"version":3,"file":"TrophyIcon.esm.js","sources":["../../../src/components/TopRankingUsersCard/TrophyIcon.tsx"],"sourcesContent":["import { SvgIcon, SvgIconProps } from '@material-ui/core';\n\nexport const TrophyIcon = (props: SvgIconProps) => (\n  <SvgIcon {...props} viewBox=\"0 0 24 24\">\n    <path\n      id=\"secondary\"\n      d=\"M17,12a1,1,0,0,1,0-2,3,3,0,0,0,3-3V6H17.17a1,1,0,0,1,0-2H20a2,2,0,0,1,2,2V7A5,5,0,0,1,17,12ZM8,11a1,1,0,0,0-1-1A3,3,0,0,1,4,7V6H6.74a1,1,0,0,0,0-2H4A2,2,0,0,0,2,6V7a5,5,0,0,0,5,5A1,1,0,0,0,8,11Zm5,10V16.18a1,1,0,0,0-2,0V21a1,1,0,0,0,2,0Z\"\n    />\n    <path\n      id=\"primary\"\n      d=\"M16,22H8a1,1,0,0,1,0-2h8a1,1,0,0,1,0,2ZM17,2H7A1,1,0,0,0,6,3V9.57a7.75,7.75,0,0,0,4.89,7.22A3,3,0,0,0,12,17a3.13,3.13,0,0,0,1.12-.21A7.76,7.76,0,0,0,18,9.57V3A1,1,0,0,0,17,2Z\"\n    />\n  </SvgIcon>\n);\n"],"names":[],"mappings":";;;AAEa,MAAA,UAAA,GAAa,CAAC,KACzB,qBAAA,IAAA,CAAC,WAAS,GAAG,KAAA,EAAO,SAAQ,WAC1B,EAAA,QAAA,EAAA;AAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,WAAA;AAAA,MACH,CAAE,EAAA;AAAA;AAAA,GACJ;AAAA,kBACA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,SAAA;AAAA,MACH,CAAE,EAAA;AAAA;AAAA;AACJ,CACF,EAAA;;;;"}

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

@@ -1,26 +1,30 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 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 { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoUsersCard = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(Card, { style: { marginTop: "2em" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       justifyContent: "center",
       alignItems: "center",
-      direction: "column"
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t(`usersPage.users`, { count: 0 })))
-  )));
+      direction: "column",
+      children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t(`usersPage.users`, { count: 0 }) }) })
+    }
+  ) }) });
 };
 
 export { NoUsersCard };

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

@@ -1 +1 @@
-{"version":3,"file":"NoUsersCard.esm.js","sources":["../../../src/components/UsersGrid/NoUsersCard.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoUsersCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\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":["React"],"mappings":";;;;;;;;;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAAA,+CAC7B,WACC,EAAA,IAAA,kBAAAA,cAAA,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;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,CAAE,EAAC,CACpC,CACF;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoUsersCard.esm.js","sources":["../../../src/components/UsersGrid/NoUsersCard.tsx"],"sourcesContent":["import { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoUsersCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\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":";;;;;;;;;;;;;;;AAGO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;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,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,mBAAmB,EAAE,KAAA,EAAO,CAAE,EAAC,GACpC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default, { useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -7,6 +8,9 @@ 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 { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { UsersGridContent } from './UsersGridContent.esm.js';
 import useDebounce from 'react-use/lib/useDebounce';
@@ -14,11 +18,11 @@ import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 import { Grid, Typography } from '@material-ui/core';
 
 const UsersGrid = () => {
-  const [page, setPage] = React__default.useState(1);
-  const [pageCount, setPageCount] = React__default.useState(1);
-  const [entitiesPerPage, setEntitiesPerPage] = React__default.useState(25);
-  const [searchQuery, setSearchQuery] = React__default.useState("");
-  const [filters, setFilters] = React__default.useState({
+  const [page, setPage] = useState(1);
+  const [pageCount, setPageCount] = useState(1);
+  const [entitiesPerPage, setEntitiesPerPage] = useState(25);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filters, setFilters] = useState({
     order: "desc",
     searchQuery: ""
   });
@@ -49,23 +53,30 @@ const UsersGrid = () => {
       setPageCount(Math.ceil(response.total / entitiesPerPage));
     }
   }, [response, entitiesPerPage]);
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, className: "qetaUsersContainer" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
-    SearchBar,
-    {
-      onSearch: setSearchQuery,
-      label: t("usersPage.search.label"),
-      loading
-    }
-  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6", className: "qetaUsersContainerTitle" }, t("usersPage.users", { count: response.total }))), /* @__PURE__ */ React__default.createElement(UsersGridContent, { response, loading, error }), response && response?.total > 0 && /* @__PURE__ */ React__default.createElement(
-    QetaPagination,
-    {
-      pageSize: entitiesPerPage,
-      handlePageChange: (_e, p) => setPage(p),
-      handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
-      page,
-      pageCount
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, className: "qetaUsersContainer", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
+      SearchBar,
+      {
+        onSearch: setSearchQuery,
+        label: t("usersPage.search.label"),
+        loading
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      response && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "qetaUsersContainerTitle", children: t("usersPage.users", { count: response.total }) }) }),
+      /* @__PURE__ */ jsx(UsersGridContent, { response, loading, error }),
+      response && response?.total > 0 && /* @__PURE__ */ jsx(
+        QetaPagination,
+        {
+          pageSize: entitiesPerPage,
+          handlePageChange: (_e, p) => setPage(p),
+          handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
+          page,
+          pageCount
+        }
+      )
+    ] })
+  ] });
 };
 
 export { UsersGrid };