@drodil/backstage-plugin-qeta 2.2.1 → 2.3.1

package/dist/components/QuestionsContainer/QuestionsContainer.esm.js

@@ -0,0 +1,231 @@
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import { Box, Typography, Grid, TextField, Button, Collapse } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import useDebounce from 'react-use/lib/useDebounce';
+import { filterKeys, FilterPanel } from './FilterPanel.esm.js';
+import { QuestionList } from './QuestionList.esm.js';
+import FilterList from '@material-ui/icons/FilterList';
+import { useSearchParams } from 'react-router-dom';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { EntityRefLink } from '@backstage/plugin-catalog-react';
+import { useAnalytics } from '@backstage/core-plugin-api';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+
+const QuestionsContainer = (props) => {
+  var _a;
+  const {
+    tags,
+    author,
+    entity,
+    showFilters,
+    showTitle,
+    title,
+    favorite,
+    showAskButton,
+    showNoQuestionsBtn
+  } = props;
+  const analytics = useAnalytics();
+  const [page, setPage] = React.useState(1);
+  const [questionsPerPage, setQuestionsPerPage] = React.useState(10);
+  const [showFilterPanel, setShowFilterPanel] = React.useState(false);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [filters, setFilters] = React.useState({
+    order: "desc",
+    orderBy: "created",
+    noAnswers: "false",
+    noCorrectAnswer: "false",
+    noVotes: "false",
+    searchQuery: "",
+    entity: entity != null ? entity : "",
+    tags: tags != null ? tags : []
+  });
+  const onPageChange = (value) => {
+    setPage(value);
+    setSearchParams((prev) => {
+      const newValue = prev;
+      newValue.set("page", String(value));
+      return newValue;
+    });
+  };
+  const onFilterChange = (key, value) => {
+    if (filters[key] === value) {
+      return;
+    }
+    setPage(1);
+    setFilters({ ...filters, ...{ [key]: value } });
+    setSearchParams((prev) => {
+      const newValue = prev;
+      if (!value || value === "false") {
+        newValue.delete(key);
+      } else if (Array.isArray(value)) {
+        if (value.length === 0) {
+          newValue.delete(key);
+        } else {
+          newValue.set(key, value.join(","));
+        }
+      } else if (value.length > 0) {
+        newValue.set(key, value);
+      } else {
+        newValue.delete(key);
+      }
+      return newValue;
+    });
+  };
+  const onSearchQueryChange = (event) => {
+    onPageChange(1);
+    if (event.target.value) {
+      analytics.captureEvent("qeta_search", event.target.value);
+    }
+    setSearchQuery(event.target.value);
+  };
+  useDebounce(
+    () => {
+      if (filters.searchQuery !== searchQuery) {
+        setFilters({ ...filters, searchQuery });
+      }
+    },
+    400,
+    [searchQuery]
+  );
+  useEffect(() => {
+    let filtersApplied = false;
+    searchParams.forEach((value, key) => {
+      var _a2;
+      try {
+        if (key === "page") {
+          const pv = Number.parseInt(value, 10);
+          if (pv > 0) {
+            setPage(pv);
+          } else {
+            setPage(1);
+          }
+        } else if (key === "questionsPerPage") {
+          const qpp = Number.parseInt(value, 10);
+          if (qpp > 0)
+            setQuestionsPerPage(qpp);
+        } else if (filterKeys.includes(key)) {
+          filtersApplied = true;
+          if (key === "tags") {
+            filters.tags = (_a2 = filterTags(value)) != null ? _a2 : [];
+          } else {
+            filters[key] = value;
+          }
+        }
+      } catch (_e) {
+      }
+    });
+    setFilters(filters);
+    if (filtersApplied) {
+      setShowFilterPanel(true);
+    }
+  }, [searchParams, filters]);
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi(
+    (api) => {
+      return api.getQuestions({
+        limit: questionsPerPage,
+        offset: (page - 1) * questionsPerPage,
+        includeEntities: true,
+        author,
+        favorite,
+        ...filters
+      });
+    },
+    [page, filters, questionsPerPage]
+  );
+  const onPageSizeChange = (value) => {
+    if (response) {
+      let newPage = page;
+      while (newPage * value > response.total) {
+        newPage -= 1;
+      }
+      onPageChange(Math.max(1, newPage));
+    }
+    setQuestionsPerPage(value);
+    setSearchParams((prev) => {
+      const newValue = prev;
+      newValue.set("questionsPerPage", String(value));
+      return newValue;
+    });
+  };
+  let shownTitle = title;
+  let link = void 0;
+  if (author) {
+    shownTitle = `Questions by `;
+    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
+  } else if (entity) {
+    shownTitle = `Questions about `;
+    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: entity });
+  } else if (tags) {
+    shownTitle = `Questions tagged with [${tags.join(", ")}]`;
+  } else if (favorite) {
+    shownTitle = "Your favorite questions";
+  }
+  return /* @__PURE__ */ React.createElement(Box, { className: "qetaQuestionsContainer" }, showTitle && /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "h5",
+      className: "qetaQuestionsContainerTitle",
+      style: { marginBottom: "1.5rem" }
+    },
+    shownTitle,
+    link
+  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React.createElement(
+    TextField,
+    {
+      id: "search-bar",
+      fullWidth: true,
+      onChange: onSearchQueryChange,
+      label: "Search for questions",
+      className: "qetaQuestionsContainerSearchInput",
+      variant: "outlined",
+      placeholder: "Search...",
+      size: "small",
+      style: { marginBottom: "5px" }
+    }
+  )), showAskButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    AskQuestionButton,
+    {
+      entity: entity != null ? entity : filters.entity,
+      entityPage: entity !== void 0,
+      tags
+    }
+  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Typography,
+    {
+      variant: "h6",
+      className: "qetaQuestionsContainerQuestionCount"
+    },
+    `${(_a = response == null ? void 0 : response.total) != null ? _a : 0} ${(response == null ? void 0 : response.total) === 1 ? "question" : "questions"}`
+  )), (showFilters != null ? showFilters : true) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      onClick: () => setShowFilterPanel(!showFilterPanel),
+      className: "qetaQuestionsContainerFilterPanelBtn",
+      startIcon: /* @__PURE__ */ React.createElement(FilterList, null)
+    },
+    "Filter"
+  ))), (showFilters != null ? showFilters : true) && /* @__PURE__ */ React.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React.createElement(FilterPanel, { onChange: onFilterChange, filters })), /* @__PURE__ */ React.createElement(
+    QuestionList,
+    {
+      loading,
+      error,
+      response,
+      onPageChange,
+      onPageSizeChange,
+      entity,
+      page,
+      pageSize: questionsPerPage,
+      showNoQuestionsBtn,
+      entityPage: entity !== void 0,
+      tags
+    }
+  ));
+};
+
+export { QuestionsContainer };
+//# sourceMappingURL=QuestionsContainer.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsContainer.esm.js","sources":["../../../src/components/QuestionsContainer/QuestionsContainer.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport {\n  Box,\n  Button,\n  Collapse,\n  Grid,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nimport React, { useEffect } from 'react';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { FilterKey, filterKeys, FilterPanel, Filters } from './FilterPanel';\nimport { QuestionList } from './QuestionList';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useSearchParams } from 'react-router-dom';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useAnalytics } from '@backstage/core-plugin-api';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport interface QuestionsContainerProps {\n  tags?: string[];\n  author?: string;\n  entity?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n}\n\nexport const QuestionsContainer = (props: QuestionsContainerProps) => {\n  const {\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showNoQuestionsBtn,\n  } = props;\n  const analytics = useAnalytics();\n  const [page, setPage] = React.useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = React.useState(10);\n  const [showFilterPanel, setShowFilterPanel] = React.useState(false);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<Filters>({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    entity: entity ?? '',\n    tags: tags ?? [],\n  });\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const onFilterChange = (key: FilterKey, value: string | string[]) => {\n    if (filters[key] === value) {\n      return;\n    }\n\n    setPage(1);\n    setFilters({ ...filters, ...{ [key]: value } });\n    setSearchParams(prev => {\n      const newValue = prev;\n      if (!value || value === 'false') {\n        newValue.delete(key);\n      } else if (Array.isArray(value)) {\n        if (value.length === 0) {\n          newValue.delete(key);\n        } else {\n          newValue.set(key, value.join(','));\n        }\n      } else if (value.length > 0) {\n        newValue.set(key, value);\n      } else {\n        newValue.delete(key);\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onPageChange(1);\n    if (event.target.value) {\n      analytics.captureEvent('qeta_search', event.target.value);\n    }\n    setSearchQuery(event.target.value);\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    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n          }\n        } else if (key === 'questionsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setQuestionsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value) ?? [];\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api => {\n      return api.getQuestions({\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        author,\n        favorite,\n        ...filters,\n      });\n    },\n    [page, filters, questionsPerPage],\n  );\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setQuestionsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('questionsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  let shownTitle = title;\n  let link = undefined;\n  if (author) {\n    shownTitle = `Questions by `;\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = `Questions about `;\n    link = <EntityRefLink entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `Questions tagged with [${tags.join(', ')}]`;\n  } else if (favorite) {\n    shownTitle = 'Your favorite questions';\n  }\n\n  return (\n    <Box className=\"qetaQuestionsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaQuestionsContainerTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle}\n          {link}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <TextField\n            id=\"search-bar\"\n            fullWidth\n            onChange={onSearchQueryChange}\n            label=\"Search for questions\"\n            className=\"qetaQuestionsContainerSearchInput\"\n            variant=\"outlined\"\n            placeholder=\"Search...\"\n            size=\"small\"\n            style={{ marginBottom: '5px' }}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item>\n          <Typography\n            variant=\"h6\"\n            className=\"qetaQuestionsContainerQuestionCount\"\n          >{`${response?.total ?? 0} ${\n            response?.total === 1 ? 'question' : 'questions'\n          }`}</Typography>\n        </Grid>\n        {(showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaQuestionsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              Filter\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel onChange={onFilterChange} filters={filters} />\n        </Collapse>\n      )}\n\n      <QuestionList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={questionsPerPage}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n      />\n    </Box>\n  );\n};\n"],"names":["_a"],"mappings":"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"}

package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js

@@ -0,0 +1,22 @@
+import { Tooltip } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import RelativeTime from 'react-relative-time';
+
+const RelativeTimeWithTooltip = (props) => {
+  const { value } = props;
+  let date = value;
+  const [updates, setUpdates] = React.useState(1);
+  useEffect(() => {
+    const interval = setInterval(() => {
+      setUpdates(updates === 1 ? 0 : 1);
+    }, 3e4);
+    return () => clearInterval(interval);
+  }, [updates, setUpdates]);
+  if (typeof date === "string" || date instanceof String) {
+    date = new Date(date);
+  }
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: date.toLocaleString(navigator.languages) }, /* @__PURE__ */ React.createElement(RelativeTime, { value: date }));
+};
+
+export { RelativeTimeWithTooltip };
+//# sourceMappingURL=RelativeTimeWithTooltip.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import { Tooltip } from '@material-ui/core';\nimport React, { useEffect } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date | string }) => {\n  const { value } = props;\n  let date = value;\n  const [updates, setUpdates] = React.useState(1);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setUpdates(updates === 1 ? 0 : 1);\n    }, 30000);\n    return () => clearInterval(interval);\n  }, [updates, setUpdates]);\n\n  if (typeof date === 'string' || date instanceof String) {\n    date = new Date(date);\n  }\n\n  return (\n    <Tooltip title={date.toLocaleString(navigator.languages)}>\n      <RelativeTime value={date} />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAAoC,KAAA;AAC1E,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAA,IAAI,IAAO,GAAA,KAAA,CAAA;AACX,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,QAAA,GAAW,YAAY,MAAM;AACjC,MAAW,UAAA,CAAA,OAAA,KAAY,CAAI,GAAA,CAAA,GAAI,CAAC,CAAA,CAAA;AAAA,OAC/B,GAAK,CAAA,CAAA;AACR,IAAO,OAAA,MAAM,cAAc,QAAQ,CAAA,CAAA;AAAA,GAClC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA,CAAA;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAY,IAAA,IAAA,YAAgB,MAAQ,EAAA;AACtD,IAAO,IAAA,GAAA,IAAI,KAAK,IAAI,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,SAAA,CAAU,SAAS,CAAA,EAAA,kBACpD,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,IAAA,EAAM,CAC7B,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/StatisticsPage.esm.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Content, ContentHeader } from '@backstage/core-components';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { Container } from '@material-ui/core';
+import { TopRankingUsers } from './TopRankingUsersCard.esm.js';
+import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+
+const StatisticsPage = () => {
+  return /* @__PURE__ */ React.createElement(Content, { className: "qetaStatisticsPage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Statistics" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TopRankingUsers, { limit: 10 })));
+};
+
+export { StatisticsPage };
+//# sourceMappingURL=StatisticsPage.esm.js.map

package/dist/components/Statistics/StatisticsPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatisticsPage.esm.js","sources":["../../../src/components/Statistics/StatisticsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Container } from '@material-ui/core';\nimport { TopRankingUsers } from './TopRankingUsersCard';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\n\nexport const StatisticsPage = () => {\n  return (\n    <Content className=\"qetaStatisticsPage\">\n      <Container maxWidth=\"lg\">\n        <ContentHeader title=\"Statistics\">\n          <BackToQuestionsButton />\n          <AskQuestionButton />\n        </ContentHeader>\n        <TopRankingUsers limit={10} />\n      </Container>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,iBAAiB,MAAM;AAClC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,oBACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,QAAS,EAAA,IAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAM,EAAA,YAAA,EAAA,sCAClB,qBAAsB,EAAA,IAAA,CAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,eAAgB,EAAA,EAAA,KAAA,EAAO,EAAI,EAAA,CAC9B,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,163 @@
+import React from 'react';
+import { WarningPanel, CardTab, TabbedCard, Progress } from '@backstage/core-components';
+import { ListItem, ListItemAvatar, Avatar, ListItemText, Typography, List } from '@material-ui/core';
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import { TrophyIcon } from './TrophyIcon.esm.js';
+import { useStyles } from './styles.esm.js';
+import { UserLink } from '../Links/Links.esm.js';
+
+const DefaultRankingIcons = /* @__PURE__ */ new Map([
+  [
+    1,
+    /* @__PURE__ */ React.createElement(
+      TrophyIcon,
+      {
+        style: { color: "#DAA520", height: "2.2rem", width: "2.2rem" }
+      }
+    )
+  ],
+  [
+    2,
+    /* @__PURE__ */ React.createElement(
+      TrophyIcon,
+      {
+        style: { color: "#C0C0C0", height: "2.1rem", width: "2.1rem" }
+      }
+    )
+  ],
+  [
+    3,
+    /* @__PURE__ */ React.createElement(TrophyIcon, { style: { color: "#B87333", height: "2rem", width: "2rem" } })
+  ]
+]);
+const DefaultUserIcon = /* @__PURE__ */ React.createElement(TrophyIcon, { style: { height: "2rem", width: "2rem" } });
+const getOrdinal = (n) => {
+  if (n % 10 === 1 && n % 100 !== 11) {
+    return `${n}st`;
+  } else if (n % 10 === 2 && n % 100 !== 12) {
+    return `${n}nd`;
+  } else if (n % 10 === 3 && n % 100 !== 13) {
+    return `${n}rd`;
+  }
+  return `${n}th`;
+};
+const RankingRow = (props) => {
+  var _a, _b;
+  const classes = useStyles();
+  const userRef = props.userRef;
+  const ordinalPosition = (props == null ? void 0 : props.position) ? getOrdinal(props == null ? void 0 : props.position) : "";
+  const userIcon = ((_a = props.rankingIcon) == null ? void 0 : _a.userRankingIcon) ? (_b = props.rankingIcon) == null ? void 0 : _b.userRankingIcon : DefaultUserIcon;
+  const topRankingIcon = props.rankingIcon ? props.rankingIcon.iconsByRanking.get(Number(props == null ? void 0 : props.position)) : DefaultRankingIcons.get(Number(props == null ? void 0 : props.position)) || DefaultUserIcon;
+  const rankingIcon = (props == null ? void 0 : props.position) > 3 ? userIcon : topRankingIcon;
+  return /* @__PURE__ */ React.createElement(ListItem, { className: "qetaRankingCardRow" }, /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, { className: classes.trophyIcon }, rankingIcon)), /* @__PURE__ */ React.createElement(
+    ListItemText,
+    {
+      disableTypography: true,
+      style: {
+        display: "flex",
+        justifyContent: "center"
+      },
+      primary: /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, /* @__PURE__ */ React.createElement(
+        Typography,
+        {
+          style: { marginRight: "10px", fontWeight: 400 },
+          variant: "subtitle1"
+        },
+        `${ordinalPosition}`
+      ), /* @__PURE__ */ React.createElement(UserLink, { entityRef: userRef != null ? userRef : "" }))
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: classes.votesText }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle1" }, props == null ? void 0 : props.total, " ", props.unit)));
+};
+const RankingCard = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const rankingStats = props.limit ? (_a = props.statistic) == null ? void 0 : _a.ranking.slice(0, props.limit) : (_b = props.statistic) == null ? void 0 : _b.ranking;
+  return /* @__PURE__ */ React.createElement("div", { style: { display: "block" }, className: "qetaRankingCard" }, /* @__PURE__ */ React.createElement("span", { className: "qetaRankingCardDescription" }, props.description), /* @__PURE__ */ React.createElement(List, { className: "qetaRankingCardList" }, rankingStats == null ? void 0 : rankingStats.map((authorStats) => {
+    return /* @__PURE__ */ React.createElement(
+      RankingRow,
+      {
+        total: authorStats.total || 0,
+        position: authorStats.position || 0,
+        userRef: authorStats.author,
+        unit: props.unit
+      }
+    );
+  }), !(rankingStats == null ? void 0 : rankingStats.some(
+    (authorStats) => {
+      var _a2, _b2;
+      return authorStats.author === ((_b2 = (_a2 = props.statistic) == null ? void 0 : _a2.loggedUser) == null ? void 0 : _b2.author);
+    }
+  )) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("hr", null), /* @__PURE__ */ React.createElement(
+    RankingRow,
+    {
+      total: ((_d = (_c = props.statistic) == null ? void 0 : _c.loggedUser) == null ? void 0 : _d.total) || 0,
+      position: ((_f = (_e = props.statistic) == null ? void 0 : _e.loggedUser) == null ? void 0 : _f.position) || 0,
+      userRef: (_h = (_g = props.statistic) == null ? void 0 : _g.loggedUser) == null ? void 0 : _h.author,
+      unit: props.unit
+    }
+  ))));
+};
+const TopRankingUsers = (props) => {
+  const {
+    value: topStatistics,
+    loading,
+    error
+  } = useQetaApi(
+    (api) => api.getTopStatisticsHomepage({
+      options: { limit: 50 }
+    })
+  );
+  const tabData = [
+    {
+      title: "Most questions",
+      description: "People who have posted most questions",
+      unit: "questions"
+    },
+    {
+      title: "Most answers",
+      description: "People who have answered most questions",
+      unit: "answers"
+    },
+    {
+      title: "Top Upvoted Questions",
+      description: "People who have the highest rated questions",
+      unit: "votes"
+    },
+    {
+      title: "Top Upvoted Answers",
+      description: "People who have the highest rated answers",
+      unit: "votes"
+    },
+    {
+      title: "Top Upvoted Correct Answers",
+      description: "People who have the highest rated correct answers",
+      unit: "votes"
+    }
+  ];
+  if ((error || topStatistics === void 0) && !loading) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load statistics." }, error == null ? void 0 : error.message);
+  }
+  let content;
+  if (loading) {
+    content = [
+      /* @__PURE__ */ React.createElement(CardTab, null, /* @__PURE__ */ React.createElement(Progress, null))
+    ];
+  } else if (topStatistics && topStatistics.length > 0) {
+    content = topStatistics == null ? void 0 : topStatistics.map((stats, index) => {
+      return /* @__PURE__ */ React.createElement(CardTab, { label: tabData[index].title }, /* @__PURE__ */ React.createElement(
+        RankingCard,
+        {
+          description: tabData[index].description,
+          limit: props.limit,
+          statistic: stats,
+          unit: tabData[index].unit
+        }
+      ));
+    });
+  } else {
+    content = [/* @__PURE__ */ React.createElement(CardTab, null, "No statistics available")];
+  }
+  return /* @__PURE__ */ React.createElement(TabbedCard, { title: props.title || "Ranking Q&A \u{1F3C6}" }, content);
+};
+
+export { RankingCard, RankingRow, TopRankingUsers };
+//# sourceMappingURL=TopRankingUsersCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/Statistics/TopRankingUsersCard.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport {\n  CardTab,\n  Progress,\n  TabbedCard,\n  WarningPanel,\n} from '@backstage/core-components';\nimport {\n  Avatar,\n  List,\n  ListItem,\n  ListItemAvatar,\n  ListItemText,\n  Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../utils/hooks';\nimport { TrophyIcon } from './TrophyIcon';\nimport { useStyles } from './styles';\nimport { UserLink } from '../Links/Links';\n\ntype RankingIcon = {\n  iconsByRanking: Map<number, ReactNode>;\n  userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n  [\n    1,\n    <TrophyIcon\n      style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n    />,\n  ],\n  [\n    2,\n    <TrophyIcon\n      style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n    />,\n  ],\n  [\n    3,\n    <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n  ],\n]);\n\nconst DefaultUserIcon = (\n  <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n  if (n % 10 === 1 && n % 100 !== 11) {\n    return `${n}st`;\n  } else if (n % 10 === 2 && n % 100 !== 12) {\n    return `${n}nd`;\n  } else if (n % 10 === 3 && n % 100 !== 13) {\n    return `${n}rd`;\n  }\n\n  return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n  userRef?: string;\n  total: number;\n  position: number;\n  rankingIcon?: RankingIcon;\n  unit: string;\n}) => {\n  const classes = useStyles();\n  const userRef = props.userRef;\n\n  const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n  const userIcon = props.rankingIcon?.userRankingIcon\n    ? props.rankingIcon?.userRankingIcon\n    : DefaultUserIcon;\n\n  const topRankingIcon = props.rankingIcon\n    ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n    : DefaultRankingIcons.get(Number(props?.position)) || DefaultUserIcon;\n\n  const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n  return (\n    <ListItem className=\"qetaRankingCardRow\">\n      <ListItemAvatar>\n        <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n      </ListItemAvatar>\n\n      <ListItemText\n        disableTypography\n        style={{\n          display: 'flex',\n          justifyContent: 'center',\n        }}\n        primary={\n          <div style={{ display: 'flex' }}>\n            <Typography\n              style={{ marginRight: '10px', fontWeight: 400 }}\n              variant=\"subtitle1\"\n            >{`${ordinalPosition}`}</Typography>\n            <UserLink entityRef={userRef ?? ''} />\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 {\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: 'Most questions',\n      description: 'People who have posted most questions',\n      unit: 'questions',\n    },\n    {\n      title: 'Most answers',\n      description: 'People who have answered most questions',\n      unit: 'answers',\n    },\n    {\n      title: 'Top Upvoted Questions',\n      description: 'People who have the highest rated questions',\n      unit: 'votes',\n    },\n    {\n      title: 'Top Upvoted Answers',\n      description: 'People who have the highest rated answers',\n      unit: 'votes',\n    },\n    {\n      title: 'Top Upvoted Correct Answers',\n      description: 'People who have the highest rated correct answers',\n      unit: 'votes',\n    },\n  ];\n\n  if ((error || topStatistics === undefined) && !loading) {\n    return (\n      <WarningPanel severity=\"error\" title=\"Could not load statistics.\">\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>No statistics available</CardTab>];\n  }\n\n  return (\n    <TabbedCard title={props.title || 'Ranking Q&A 🏆'}>{content}</TabbedCard>\n  );\n};\n"],"names":["_a","_b"],"mappings":"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"}

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

@@ -0,0 +1,19 @@
+import { SvgIcon } from '@material-ui/core';
+import React from 'react';
+
+const TrophyIcon = (props) => /* @__PURE__ */ React.createElement(SvgIcon, { ...props, viewBox: "0 0 24 24" }, /* @__PURE__ */ React.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.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"
+  }
+));
+
+export { TrophyIcon };
+//# sourceMappingURL=TrophyIcon.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrophyIcon.esm.js","sources":["../../../src/components/Statistics/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":[],"mappings":";;;AAIa,MAAA,UAAA,GAAa,CAAC,KACzB,qBAAA,KAAA,CAAA,aAAA,CAAC,WAAS,GAAG,KAAA,EAAO,SAAQ,WAC1B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,WAAA;AAAA,IACH,CAAE,EAAA,+OAAA;AAAA,GAAA;AACJ,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,SAAA;AAAA,IACH,CAAE,EAAA,gLAAA;AAAA,GAAA;AACJ,CACF;;;;"}

package/dist/components/Statistics/styles.esm.js

@@ -0,0 +1,23 @@
+import { makeStyles } from '@material-ui/core';
+
+const useStyles = makeStyles((theme) => {
+  return {
+    trophyIcon: {
+      backgroundColor: "initial",
+      color: theme.palette.text.primary,
+      borderRadius: "50%",
+      boxSizing: "border-box",
+      padding: "1rem",
+      height: 100,
+      width: 100
+    },
+    votesText: {
+      display: "grid",
+      placeItems: "center",
+      marginLeft: "16px"
+    }
+  };
+});
+
+export { useStyles };
+//# sourceMappingURL=styles.esm.js.map

package/dist/components/Statistics/styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.esm.js","sources":["../../../src/components/Statistics/styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const 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: '1rem',\n      height: 100,\n      width: 100,\n    },\n    votesText: {\n      display: 'grid',\n      placeItems: 'center',\n      marginLeft: '16px',\n    },\n  };\n});\n"],"names":[],"mappings":";;AAEa,MAAA,SAAA,GAAY,WAAW,CAAS,KAAA,KAAA;AAC3C,EAAO,OAAA;AAAA,IACL,UAAY,EAAA;AAAA,MACV,eAAiB,EAAA,SAAA;AAAA,MACjB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,YAAc,EAAA,KAAA;AAAA,MACd,SAAW,EAAA,YAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,MAAQ,EAAA,GAAA;AAAA,MACR,KAAO,EAAA,GAAA;AAAA,KACT;AAAA,IACA,SAAW,EAAA;AAAA,MACT,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,UAAY,EAAA,MAAA;AAAA,KACd;AAAA,GACF,CAAA;AACF,CAAC;;;;"}

package/dist/components/TagPage/TagPage.esm.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Content, ContentHeader } from '@backstage/core-components';
+import { useParams } from 'react-router-dom';
+import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
+import { TagsContainer } from './TagsContainer.esm.js';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { Container } from '@material-ui/core';
+import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+
+const TagPage = () => {
+  const { tag } = useParams();
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `Questions tagged [${tag}]` : "Tags" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 })), tag ? /* @__PURE__ */ React.createElement(QuestionsContainer, { tags: [tag != null ? tag : ""] }) : /* @__PURE__ */ React.createElement(TagsContainer, null)));
+};
+
+export { TagPage };
+//# sourceMappingURL=TagPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagsContainer } from './TagsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Container } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\n\nexport const TagPage = () => {\n  const { tag } = useParams();\n  return (\n    <Content>\n      <Container maxWidth=\"lg\">\n        <ContentHeader title={tag ? `Questions tagged [${tag}]` : 'Tags'}>\n          <BackToQuestionsButton />\n          <AskQuestionButton tags={tag ? [tag] : undefined} />\n        </ContentHeader>\n        {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n      </Container>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,GAAI,EAAA,GAAI,SAAU,EAAA,CAAA;AAC1B,EAAA,2CACG,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAS,wBACjB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,GAAA,GAAM,qBAAqB,GAAG,CAAA,CAAA,CAAA,GAAM,0BACvD,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,IAAsB,mBACtB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,IAAM,EAAA,GAAA,GAAM,CAAC,GAAG,CAAA,GAAI,QAAW,CACpD,CAAA,EACC,sBAAO,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,IAAM,EAAA,CAAC,oBAAO,EAAE,CAAA,EAAG,oBAAM,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACF,CAAA,CAAA;AAEJ;;;;"}