@drodil/backstage-plugin-qeta 2.3.0 → 2.3.1

package/dist/components/QuestionPage/QuestionPage.esm.js

@@ -0,0 +1,131 @@
+import React, { useState, useEffect } from 'react';
+import { Container, Box, Grid, Typography, FormControl, Select, Divider } from '@material-ui/core';
+import { WarningPanel, Content, ContentHeader } from '@backstage/core-components';
+import { useParams, useSearchParams } from 'react-router-dom';
+import { useStyles, useQetaApi } from '../../utils/hooks.esm.js';
+import { QuestionCard } from './QuestionCard.esm.js';
+import { AnswerForm } from './AnswerForm.esm.js';
+import { AnswerCard } from './AnswerCard.esm.js';
+import { Skeleton } from '@material-ui/lab';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import { UpdatedByLink } from '../Links/Links.esm.js';
+import { useSignal } from '@backstage/plugin-signals-react';
+
+const QuestionPage = () => {
+  var _a;
+  const { id } = useParams();
+  const styles = useStyles();
+  const [newAnswers, setNewAnswers] = React.useState([]);
+  const [answerSort, setAnswerSort] = React.useState("default");
+  const [searchParams] = useSearchParams();
+  const [answersCount, setAnswersCount] = useState(0);
+  const [views, setViews] = useState(0);
+  const { lastSignal } = useSignal(`qeta:question_${id}`);
+  const {
+    value: question,
+    loading,
+    error
+  } = useQetaApi((api) => api.getQuestion(id), [id]);
+  useEffect(() => {
+    if (question) {
+      setAnswersCount(question.answersCount);
+      setViews(question.views);
+    }
+  }, [question]);
+  useEffect(() => {
+    if ((lastSignal == null ? void 0 : lastSignal.type) === "question_stats") {
+      setAnswersCount(lastSignal.answersCount);
+      setViews(lastSignal.views);
+    }
+  }, [lastSignal]);
+  const onAnswerPost = (answer) => {
+    setNewAnswers(newAnswers.concat([answer]));
+  };
+  const getDescription = (q) => {
+    return /* @__PURE__ */ React.createElement("span", null, "Asked", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline", sx: { mr: 2 } }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.created })), q.updated && /* @__PURE__ */ React.createElement(React.Fragment, null, "Updated", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline", sx: { mr: 2 } }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: q.updated }), " by", " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity: q }))), "Viewed", " ", /* @__PURE__ */ React.createElement(Box, { fontWeight: "fontWeightMedium", display: "inline" }, views, " times"));
+  };
+  if (loading) {
+    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
+  }
+  if (error || question === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load question." }, error == null ? void 0 : error.message);
+  }
+  const sortAnswers = (a, b) => {
+    var _a2, _b, _c, _d, _e, _f;
+    if (answerSort === "default") {
+      return 1;
+    }
+    const parts = answerSort.split("_");
+    const field = parts[0];
+    const order = parts[1];
+    let ret = -1;
+    switch (field) {
+      case "created":
+        ret = a.created > b.created ? -1 : 1;
+        break;
+      case "score":
+        ret = a.score > b.score ? -1 : 1;
+        break;
+      case "author":
+        ret = a.author > b.author ? -1 : 1;
+        break;
+      case "comments":
+        ret = ((_b = (_a2 = a.comments) == null ? void 0 : _a2.length) != null ? _b : 0) > ((_d = (_c = b.comments) == null ? void 0 : _c.length) != null ? _d : 0) ? -1 : 1;
+        break;
+      case "updated":
+        ret = ((_e = a.updated) != null ? _e : a.created) > ((_f = b.updated) != null ? _f : b.created) ? -1 : 1;
+        break;
+      default:
+        return 1;
+    }
+    if (order === "desc") {
+      ret *= -1;
+    }
+    return ret;
+  };
+  const allAnswers = ((_a = question.answers) != null ? _a : []).concat(newAnswers);
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: question.title,
+      description: getDescription(question)
+    },
+    /* @__PURE__ */ React.createElement(
+      BackToQuestionsButton,
+      {
+        entityPage: searchParams.get("entityPage") === "true"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(AskQuestionButton, null)
+  ), /* @__PURE__ */ React.createElement(QuestionCard, { question }), /* @__PURE__ */ React.createElement(Box, { sx: { mt: 3, mb: 2 } }, /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, answersCount + newAnswers.length, " answers")), allAnswers.length > 1 && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(FormControl, null, /* @__PURE__ */ React.createElement(
+    Select,
+    {
+      native: true,
+      label: "Sort answers",
+      value: answerSort,
+      onChange: (val) => setAnswerSort(val.target.value),
+      inputProps: {
+        name: "sortAnswers",
+        id: "sort-answers"
+      }
+    },
+    /* @__PURE__ */ React.createElement("option", { value: "default" }, "Default"),
+    /* @__PURE__ */ React.createElement("option", { value: "created_desc" }, "Created (desc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "created_asc" }, "Created (asc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "score_desc" }, "Score (desc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "score_asc" }, "Score (asc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "comments_desc" }, "Comments (desc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "comments_asc" }, "Comments (asc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "author_desc" }, "Author (desc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "author_asc" }, "Author (asc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "updated_desc" }, "Updated (desc)"),
+    /* @__PURE__ */ React.createElement("option", { value: "updated_asc" }, "Updated (asc)")
+  ))))), allAnswers.sort(sortAnswers).map((a) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, { key: a.id }, /* @__PURE__ */ React.createElement(Divider, { className: styles.questionDivider }), /* @__PURE__ */ React.createElement(Box, { key: a.id, sx: { mb: 1 } }, /* @__PURE__ */ React.createElement(AnswerCard, { answer: a, question })));
+  }), /* @__PURE__ */ React.createElement(Divider, { className: styles.questionDivider }), /* @__PURE__ */ React.createElement(AnswerForm, { question, onPost: onAnswerPost })));
+};
+
+export { QuestionPage };
+//# sourceMappingURL=QuestionPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionPage.esm.js","sources":["../../../src/components/QuestionPage/QuestionPage.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Box,\n  Container,\n  Divider,\n  FormControl,\n  Grid,\n  Select,\n  Typography,\n} from '@material-ui/core';\nimport {\n  Content,\n  ContentHeader,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useQetaApi, useStyles } from '../../utils/hooks';\nimport { QuestionCard } from './QuestionCard';\nimport {\n  Answer,\n  AnswerResponse,\n  QetaSignal,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { AnswerForm } from './AnswerForm';\nimport { AnswerCard } from './AnswerCard';\nimport { Skeleton } from '@material-ui/lab';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { UpdatedByLink } from '../Links/Links';\nimport { useSignal } from '@backstage/plugin-signals-react';\n\nexport const QuestionPage = () => {\n  const { id } = useParams();\n  const styles = useStyles();\n  const [newAnswers, setNewAnswers] = React.useState<AnswerResponse[]>([]);\n  const [answerSort, setAnswerSort] = React.useState<string>('default');\n  const [searchParams] = useSearchParams();\n\n  const [answersCount, setAnswersCount] = useState(0);\n  const [views, setViews] = useState(0);\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:question_${id}`);\n\n  const {\n    value: question,\n    loading,\n    error,\n  } = useQetaApi(api => api.getQuestion(id), [id]);\n\n  useEffect(() => {\n    if (question) {\n      setAnswersCount(question.answersCount);\n      setViews(question.views);\n    }\n  }, [question]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'question_stats') {\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const onAnswerPost = (answer: AnswerResponse) => {\n    setNewAnswers(newAnswers.concat([answer]));\n  };\n\n  const getDescription = (q: QuestionResponse) => {\n    return (\n      <span>\n        Asked{' '}\n        <Box fontWeight=\"fontWeightMedium\" display=\"inline\" sx={{ mr: 2 }}>\n          <RelativeTimeWithTooltip value={q.created} />\n        </Box>\n        {q.updated && (\n          <React.Fragment>\n            Updated{' '}\n            <Box fontWeight=\"fontWeightMedium\" display=\"inline\" sx={{ mr: 2 }}>\n              <RelativeTimeWithTooltip value={q.updated} /> by{' '}\n              <UpdatedByLink entity={q} />\n            </Box>\n          </React.Fragment>\n        )}\n        Viewed{' '}\n        <Box fontWeight=\"fontWeightMedium\" display=\"inline\">\n          {views} times\n        </Box>\n      </span>\n    );\n  };\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || question === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title=\"Could not load question.\">\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const sortAnswers = (a: Answer, b: Answer) => {\n    if (answerSort === 'default') {\n      return 1;\n    }\n\n    const parts = answerSort.split('_');\n    const field = parts[0];\n    const order = parts[1];\n\n    let ret = -1;\n    switch (field) {\n      case 'created':\n        ret = a.created > b.created ? -1 : 1;\n        break;\n      case 'score':\n        ret = a.score > b.score ? -1 : 1;\n        break;\n      case 'author':\n        ret = a.author > b.author ? -1 : 1;\n        break;\n      case 'comments':\n        ret = (a.comments?.length ?? 0) > (b.comments?.length ?? 0) ? -1 : 1;\n        break;\n      case 'updated':\n        ret = (a.updated ?? a.created) > (b.updated ?? b.created) ? -1 : 1;\n        break;\n      default:\n        return 1;\n    }\n\n    if (order === 'desc') {\n      ret *= -1;\n    }\n    return ret;\n  };\n\n  const allAnswers = (question.answers ?? []).concat(newAnswers);\n  return (\n    <Content>\n      <Container maxWidth=\"lg\">\n        <ContentHeader\n          title={question.title}\n          // @ts-ignore\n          description={getDescription(question)}\n        >\n          <BackToQuestionsButton\n            entityPage={searchParams.get('entityPage') === 'true'}\n          />\n          <AskQuestionButton />\n        </ContentHeader>\n        <QuestionCard question={question} />\n        <Box sx={{ mt: 3, mb: 2 }}>\n          <Grid container justifyContent=\"space-between\" alignItems=\"center\">\n            <Grid item>\n              <Typography variant=\"h6\">\n                {answersCount + newAnswers.length} answers\n              </Typography>\n            </Grid>\n            {allAnswers.length > 1 && (\n              <Grid item>\n                <FormControl>\n                  <Select\n                    native\n                    label=\"Sort answers\"\n                    value={answerSort}\n                    onChange={val => setAnswerSort(val.target.value as string)}\n                    inputProps={{\n                      name: 'sortAnswers',\n                      id: 'sort-answers',\n                    }}\n                  >\n                    <option value=\"default\">Default</option>\n                    <option value=\"created_desc\">Created (desc)</option>\n                    <option value=\"created_asc\">Created (asc)</option>\n                    <option value=\"score_desc\">Score (desc)</option>\n                    <option value=\"score_asc\">Score (asc)</option>\n                    <option value=\"comments_desc\">Comments (desc)</option>\n                    <option value=\"comments_asc\">Comments (asc)</option>\n                    <option value=\"author_desc\">Author (desc)</option>\n                    <option value=\"author_asc\">Author (asc)</option>\n                    <option value=\"updated_desc\">Updated (desc)</option>\n                    <option value=\"updated_asc\">Updated (asc)</option>\n                  </Select>\n                </FormControl>\n              </Grid>\n            )}\n          </Grid>\n        </Box>\n        {allAnswers.sort(sortAnswers).map(a => {\n          return (\n            <React.Fragment key={a.id}>\n              <Divider className={styles.questionDivider} />\n              <Box key={a.id} sx={{ mb: 1 }}>\n                <AnswerCard answer={a} question={question} />\n              </Box>\n            </React.Fragment>\n          );\n        })}\n        <Divider className={styles.questionDivider} />\n        <AnswerForm question={question} onPost={onAnswerPost} />\n      </Container>\n    </Content>\n  );\n};\n"],"names":["_a"],"mappings":"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"}

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

@@ -0,0 +1,44 @@
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import React, { useEffect } from 'react';
+import { compact } from 'lodash';
+import { Chip } from '@material-ui/core';
+import { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { EntityChip } from './EntityChip.esm.js';
+
+const TagsAndEntities = (props) => {
+  const { question } = props;
+  const catalogApi = useApi(catalogApiRef);
+  const tagRoute = useRouteRef(tagRouteRef);
+  const [entities, setEntities] = React.useState([]);
+  useEffect(() => {
+    if (question.entities && question.entities.length > 0) {
+      catalogApi.getEntitiesByRefs({
+        entityRefs: question.entities,
+        fields: [
+          "kind",
+          "metadata.name",
+          "metadata.namespace",
+          "metadata.title"
+        ]
+      }).catch((_) => setEntities([])).then(
+        (data) => data ? setEntities(compact(data.items)) : setEntities([])
+      );
+    }
+  }, [catalogApi, question]);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, question.tags && question.tags.map((tag) => /* @__PURE__ */ React.createElement(
+    Chip,
+    {
+      key: tag,
+      label: tag,
+      size: "small",
+      className: "qetaTagChip",
+      component: "a",
+      href: tagRoute({ tag }),
+      clickable: true
+    }
+  )), entities && entities.map((component, i) => /* @__PURE__ */ React.createElement(EntityChip, { entity: component, key: i })));
+};
+
+export { TagsAndEntities };
+//# sourceMappingURL=TagsAndEntities.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/QuestionPage/TagsAndEntities.tsx"],"sourcesContent":["import { QuestionResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport React, { useEffect } from 'react';\nimport { Entity } from '@backstage/catalog-model';\nimport { compact } from 'lodash';\nimport { Chip } from '@material-ui/core';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { EntityChip } from './EntityChip';\n\nexport const TagsAndEntities = (props: { question: QuestionResponse }) => {\n  const { question } = props;\n  const catalogApi = useApi(catalogApiRef);\n  const tagRoute = useRouteRef(tagRouteRef);\n  const [entities, setEntities] = React.useState<Entity[]>([]);\n  useEffect(() => {\n    if (question.entities && question.entities.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: question.entities,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n        .catch(_ => setEntities([]))\n        .then(data =>\n          data ? setEntities(compact(data.items)) : setEntities([]),\n        );\n    }\n  }, [catalogApi, question]);\n\n  return (\n    <>\n      {question.tags &&\n        question.tags.map(tag => (\n          <Chip\n            key={tag}\n            label={tag}\n            size=\"small\"\n            className=\"qetaTagChip\"\n            component=\"a\"\n            href={tagRoute({ tag: tag })}\n            clickable\n          />\n        ))}\n      {entities &&\n        entities.map((component, i) => (\n          <EntityChip entity={component} key={i} />\n        ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAUa,MAAA,eAAA,GAAkB,CAAC,KAA0C,KAAA;AACxE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA,CAAA;AACvC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAI,KAAM,CAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAC3D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAS,CAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,SAAS,CAAG,EAAA;AACrD,MAAA,UAAA,CACG,iBAAkB,CAAA;AAAA,QACjB,YAAY,QAAS,CAAA,QAAA;AAAA,QACrB,MAAQ,EAAA;AAAA,UACN,MAAA;AAAA,UACA,eAAA;AAAA,UACA,oBAAA;AAAA,UACA,gBAAA;AAAA,SACF;AAAA,OACD,EACA,KAAM,CAAA,CAAA,CAAA,KAAK,YAAY,EAAE,CAAC,CAC1B,CAAA,IAAA;AAAA,QAAK,CAAA,IAAA,KACJ,IAAO,GAAA,WAAA,CAAY,OAAQ,CAAA,IAAA,CAAK,KAAK,CAAC,CAAA,GAAI,WAAY,CAAA,EAAE,CAAA;AAAA,OAC1D,CAAA;AAAA,KACJ;AAAA,GACC,EAAA,CAAC,UAAY,EAAA,QAAQ,CAAC,CAAA,CAAA;AAEzB,EAAA,iEAEK,QAAS,CAAA,IAAA,IACR,QAAS,CAAA,IAAA,CAAK,IAAI,CAChB,GAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,GAAA;AAAA,MACL,KAAO,EAAA,GAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,SAAU,EAAA,aAAA;AAAA,MACV,SAAU,EAAA,GAAA;AAAA,MACV,IAAM,EAAA,QAAA,CAAS,EAAE,GAAA,EAAU,CAAA;AAAA,MAC3B,SAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAEZ,CAAA,EACF,QACC,IAAA,QAAA,CAAS,IAAI,CAAC,SAAA,EAAW,CACvB,qBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,MAAQ,EAAA,SAAA,EAAW,GAAK,EAAA,CAAA,EAAG,CACxC,CACL,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionPage/VoteButtons.esm.js

@@ -0,0 +1,146 @@
+import { makeStyles, createStyles, Tooltip, IconButton, Typography, Box } from '@material-ui/core';
+import ArrowDownward from '@material-ui/icons/ArrowDownward';
+import ArrowUpward from '@material-ui/icons/ArrowUpward';
+import Check from '@material-ui/icons/Check';
+import React, { useState, useEffect } from 'react';
+import { useAnalytics, useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+import { useSignal } from '@backstage/plugin-signals-react';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    qetaCorrectAnswerSelected: {
+      color: theme.palette.success.main
+    },
+    qetaCorrectAnswer: {
+      color: theme.palette.grey[500]
+    }
+  })
+);
+const VoteButtons = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [entity, setEntity] = React.useState(
+    props.entity
+  );
+  const [ownVote, setOwnVote] = React.useState((_a = props.entity.ownVote) != null ? _a : 0);
+  const [correctAnswer, setCorrectAnswer] = useState(
+    "questionId" in props.entity ? props.entity.correct : false
+  );
+  const [score, setScore] = useState(entity.score);
+  const analytics = useAnalytics();
+  const qetaApi = useApi(qetaApiRef);
+  const isQuestion = "title" in entity;
+  const own = (_b = props.entity.own) != null ? _b : false;
+  const classes = useStyles();
+  const { lastSignal } = useSignal(
+    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`
+  );
+  useEffect(() => {
+    if (entity) {
+      setScore(entity.score);
+    }
+  }, [entity]);
+  useEffect(() => {
+    if ((lastSignal == null ? void 0 : lastSignal.type) === "question_stats" || (lastSignal == null ? void 0 : lastSignal.type) === "answer_stats") {
+      setCorrectAnswer(lastSignal.correctAnswer);
+      setScore(lastSignal.score);
+    }
+  }, [lastSignal]);
+  const voteUp = () => {
+    if (isQuestion) {
+      qetaApi.voteQuestionUp(entity.id).then((response) => {
+        setOwnVote(1);
+        analytics.captureEvent("vote", "question", { value: 1 });
+        setEntity(response);
+      });
+    } else if ("questionId" in entity) {
+      qetaApi.voteAnswerUp(entity.questionId, entity.id).then((response) => {
+        setOwnVote(1);
+        analytics.captureEvent("vote", "answer", { value: 1 });
+        setEntity(response);
+      });
+    }
+  };
+  const voteDown = () => {
+    if (isQuestion) {
+      qetaApi.voteQuestionDown(entity.id).then((response) => {
+        setOwnVote(-1);
+        analytics.captureEvent("vote", "question", { value: -1 });
+        setEntity(response);
+      });
+    } else if ("questionId" in entity) {
+      qetaApi.voteAnswerDown(entity.questionId, entity.id).then((response) => {
+        setOwnVote(-1);
+        analytics.captureEvent("vote", "answer", { value: -1 });
+        setEntity(response);
+      });
+    }
+  };
+  let correctTooltip = correctAnswer ? "Mark answer as incorrect" : "Mark answer as correct";
+  if (!((_c = props.question) == null ? void 0 : _c.own)) {
+    correctTooltip = correctAnswer ? "This answer has been marked as correct" : "";
+  }
+  let voteUpTooltip = isQuestion ? "This question is good" : "This answer is good";
+  if (own) {
+    voteUpTooltip = isQuestion ? "You cannot vote your own question" : "You cannot vote your own answer";
+  }
+  let voteDownTooltip = isQuestion ? "This question is not good" : "This answer is not good";
+  if (own) {
+    voteDownTooltip = voteUpTooltip;
+  }
+  const toggleCorrectAnswer = () => {
+    if (!("questionId" in entity)) {
+      return;
+    }
+    if (correctAnswer) {
+      qetaApi.markAnswerIncorrect(entity.questionId, entity.id).then((response) => {
+        if (response) {
+          setCorrectAnswer(false);
+        }
+      });
+    } else {
+      qetaApi.markAnswerCorrect(entity.questionId, entity.id).then((response) => {
+        setCorrectAnswer(response);
+      });
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "vote up",
+      color: ownVote > 0 ? "primary" : "default",
+      className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
+      disabled: own,
+      size: "small",
+      onClick: voteUp
+    },
+    /* @__PURE__ */ React.createElement(ArrowUpward, null)
+  ))), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, score), /* @__PURE__ */ React.createElement(Tooltip, { title: voteDownTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "vote down",
+      color: ownVote < 0 ? "primary" : "default",
+      className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
+      disabled: own,
+      size: "small",
+      onClick: voteDown
+    },
+    /* @__PURE__ */ React.createElement(ArrowDownward, null)
+  ))), "correct" in props.entity && (((_d = props.question) == null ? void 0 : _d.own) || ((_e = props.question) == null ? void 0 : _e.canEdit) || correctAnswer) && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Tooltip, { title: correctTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "mark correct",
+      size: "small",
+      onClick: ((_f = props.question) == null ? void 0 : _f.own) || ((_g = props.question) == null ? void 0 : _g.canEdit) ? toggleCorrectAnswer : void 0
+    },
+    /* @__PURE__ */ React.createElement(
+      Check,
+      {
+        className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
+      }
+    )
+  )))));
+};
+
+export { VoteButtons };
+//# sourceMappingURL=VoteButtons.esm.js.map

package/dist/components/QuestionPage/VoteButtons.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/QuestionPage/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QetaSignal,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport React, { useEffect, useState } from 'react';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useSignal } from '@backstage/plugin-signals-react';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    qetaCorrectAnswerSelected: {\n      color: theme.palette.success.main,\n    },\n    qetaCorrectAnswer: {\n      color: theme.palette.grey[500],\n    },\n  }),\n);\n\nexport const VoteButtons = (props: {\n  entity: QuestionResponse | AnswerResponse;\n  question?: QuestionResponse;\n}) => {\n  const [entity, setEntity] = React.useState<QuestionResponse | AnswerResponse>(\n    props.entity,\n  );\n  const [ownVote, setOwnVote] = React.useState(props.entity.ownVote ?? 0);\n  const [correctAnswer, setCorrectAnswer] = useState(\n    'questionId' in props.entity ? props.entity.correct : false,\n  );\n  const [score, setScore] = useState(entity.score);\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n\n  const isQuestion = 'title' in entity;\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  const { lastSignal } = useSignal<QetaSignal>(\n    isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`,\n  );\n\n  useEffect(() => {\n    if (entity) {\n      setScore(entity.score);\n    }\n  }, [entity]);\n\n  useEffect(() => {\n    if (\n      lastSignal?.type === 'question_stats' ||\n      lastSignal?.type === 'answer_stats'\n    ) {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const voteUp = () => {\n    if (isQuestion) {\n      qetaApi.voteQuestionUp(entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'question', { value: 1 });\n        setEntity(response);\n      });\n    } else if ('questionId' in entity) {\n      qetaApi.voteAnswerUp(entity.questionId, entity.id).then(response => {\n        setOwnVote(1);\n        analytics.captureEvent('vote', 'answer', { value: 1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  const voteDown = () => {\n    if (isQuestion) {\n      qetaApi.voteQuestionDown(entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'question', { value: -1 });\n        setEntity(response);\n      });\n    } else if ('questionId' in entity) {\n      qetaApi.voteAnswerDown(entity.questionId, entity.id).then(response => {\n        setOwnVote(-1);\n        analytics.captureEvent('vote', 'answer', { value: -1 });\n        setEntity(response);\n      });\n    }\n  };\n\n  let correctTooltip = correctAnswer\n    ? 'Mark answer as incorrect'\n    : 'Mark answer as correct';\n  if (!props.question?.own) {\n    correctTooltip = correctAnswer\n      ? 'This answer has been marked as correct'\n      : '';\n  }\n\n  let voteUpTooltip = isQuestion\n    ? 'This question is good'\n    : 'This answer is good';\n  if (own) {\n    voteUpTooltip = isQuestion\n      ? 'You cannot vote your own question'\n      : 'You cannot vote your own answer';\n  }\n\n  let voteDownTooltip = isQuestion\n    ? 'This question is not good'\n    : 'This answer is not good';\n  if (own) {\n    voteDownTooltip = voteUpTooltip;\n  }\n\n  const toggleCorrectAnswer = () => {\n    if (!('questionId' in entity)) {\n      return;\n    }\n    if (correctAnswer) {\n      qetaApi\n        .markAnswerIncorrect(entity.questionId, entity.id)\n        .then(response => {\n          if (response) {\n            setCorrectAnswer(false);\n          }\n        });\n    } else {\n      qetaApi.markAnswerCorrect(entity.questionId, entity.id).then(response => {\n        setCorrectAnswer(response);\n      });\n    }\n  };\n\n  return (\n    <React.Fragment>\n      <Tooltip title={voteUpTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\">{score}</Typography>\n      <Tooltip title={voteDownTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.question?.own || props.question?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={correctTooltip}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  onClick={\n                    props.question?.own || props.question?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionTableCard/Content.esm.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QuestionsTable } from './QuestionsTable.esm.js';
+
+const Content = (props) => {
+  return /* @__PURE__ */ React.createElement(QuestionsTable, { hideTitle: true, ...props });
+};
+
+export { Content };
+//# sourceMappingURL=Content.esm.js.map

package/dist/components/QuestionTableCard/Content.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/QuestionTableCard/Content.tsx"],"sourcesContent":["import React from 'react';\nimport { QuestionsTable } from './QuestionsTable';\n\nexport const Content = (props: {\n  rowsPerPage?: number;\n  quickFilter?: 'latest' | 'favorites' | 'most_viewed';\n}) => {\n  return <QuestionsTable hideTitle {...props} />;\n};\n"],"names":[],"mappings":";;;AAGa,MAAA,OAAA,GAAU,CAAC,KAGlB,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA,CAAA,CAAA;AAC9C;;;;"}

package/dist/components/QuestionTableCard/QuestionTableRow.esm.js

@@ -0,0 +1,21 @@
+import { TableRow, TableCell } from '@material-ui/core';
+import { Link } from '@backstage/core-components';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import React from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { AuthorLink } from '../Links/Links.esm.js';
+
+const QuestionTableRow = (props) => {
+  const { question } = props;
+  const questionRoute = useRouteRef(questionRouteRef);
+  return /* @__PURE__ */ React.createElement(TableRow, { key: question.id }, /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(Link, { to: questionRoute({ id: question.id.toString(10) }) }, question.title)), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(AuthorLink, { entity: question })), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: question.created })), /* @__PURE__ */ React.createElement(TableCell, null, /* @__PURE__ */ React.createElement(
+    RelativeTimeWithTooltip,
+    {
+      value: question.updated ? question.updated : question.created
+    }
+  )));
+};
+
+export { QuestionTableRow };
+//# sourceMappingURL=QuestionTableRow.esm.js.map

package/dist/components/QuestionTableCard/QuestionTableRow.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionTableRow.esm.js","sources":["../../../src/components/QuestionTableCard/QuestionTableRow.tsx"],"sourcesContent":["import { Question } from '@drodil/backstage-plugin-qeta-common';\nimport { TableCell, TableRow } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { AuthorLink } from '../Links/Links';\n\nexport const QuestionTableRow = (props: { question: Question }) => {\n  const { question } = props;\n  const questionRoute = useRouteRef(questionRouteRef);\n\n  return (\n    <TableRow key={question.id}>\n      <TableCell>\n        <Link to={questionRoute({ id: question.id.toString(10) })}>\n          {question.title}\n        </Link>\n      </TableCell>\n      <TableCell>\n        <AuthorLink entity={question} />\n      </TableCell>\n      <TableCell>\n        <RelativeTimeWithTooltip value={question.created} />\n      </TableCell>\n      <TableCell>\n        <RelativeTimeWithTooltip\n          value={question.updated ? question.updated : question.created}\n        />\n      </TableCell>\n    </TableRow>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,gBAAA,GAAmB,CAAC,KAAkC,KAAA;AACjE,EAAM,MAAA,EAAE,UAAa,GAAA,KAAA,CAAA;AACrB,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAElD,EAAA,2CACG,QAAS,EAAA,EAAA,GAAA,EAAK,SAAS,EACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iCACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,aAAc,CAAA,EAAE,IAAI,QAAS,CAAA,EAAA,CAAG,SAAS,EAAE,CAAA,EAAG,CACrD,EAAA,EAAA,QAAA,CAAS,KACZ,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAU,CAChC,CAAA,sCACC,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,2BAAwB,KAAO,EAAA,QAAA,CAAS,SAAS,CACpD,CAAA,sCACC,SACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,QAAA,CAAS,OAAU,GAAA,QAAA,CAAS,UAAU,QAAS,CAAA,OAAA;AAAA,KAAA;AAAA,GAE1D,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/QuestionTableCard/QuestionsTable.esm.js

@@ -0,0 +1,130 @@
+import React from 'react';
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import { WarningPanel, LinkButton, Progress } from '@backstage/core-components';
+import { Grid, Typography, ButtonGroup, Button, TableContainer, Table, TableHead, TableRow, TableCell, TableBody, TablePagination } from '@material-ui/core';
+import RefreshIcon from '@material-ui/icons/Refresh';
+import { QuestionTableRow } from './QuestionTableRow.esm.js';
+
+const QuestionsTable = (props) => {
+  var _a, _b;
+  const [page, setPage] = React.useState(1);
+  const [questionsPerPage, setQuestionsPerPage] = React.useState(
+    (_a = props.rowsPerPage) != null ? _a : 10
+  );
+  const [quickFilter, setQuickFilter] = React.useState(
+    (_b = props.quickFilter) != null ? _b : "latest"
+  );
+  const [refresh, setRefresh] = React.useState(0);
+  const [filters, setFilters] = React.useState({
+    order: "desc",
+    orderBy: "created",
+    noAnswers: "false",
+    noCorrectAnswer: "false",
+    noVotes: "false",
+    searchQuery: "",
+    favorite: false
+  });
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi(
+    (api) => api.getQuestions({
+      limit: questionsPerPage,
+      offset: (page - 1) * questionsPerPage,
+      includeEntities: true,
+      ...filters
+    }),
+    [page, filters, questionsPerPage, refresh]
+  );
+  const handleQuickFilterChange = (filter) => {
+    setQuickFilter(filter);
+    if (filter === "latest") {
+      setFilters({
+        ...filters,
+        order: "desc",
+        orderBy: "created",
+        favorite: false
+      });
+    } else if (filter === "favorites") {
+      setFilters({
+        ...filters,
+        order: "desc",
+        orderBy: "created",
+        favorite: true
+      });
+    } else if (filter === "most_viewed") {
+      setFilters({
+        ...filters,
+        order: "desc",
+        orderBy: "views",
+        favorite: false
+      });
+    }
+  };
+  const handleChangePage = (_, newPage) => {
+    setPage(newPage + 1);
+  };
+  const handleChangeRowsPerPage = (event) => {
+    setQuestionsPerPage(parseInt(event.target.value, 10));
+    setPage(1);
+  };
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load questions." }, error == null ? void 0 : error.message);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      justifyContent: "space-between",
+      alignItems: "center",
+      style: { marginBottom: "1em" },
+      className: "qetaQuestionsTableGrid"
+    },
+    /* @__PURE__ */ React.createElement(Grid, { item: true }, props.hideTitle === true ? null : /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, "Q&A")),
+    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(ButtonGroup, null, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: quickFilter === "latest" ? "primary" : void 0,
+        onClick: () => handleQuickFilterChange("latest")
+      },
+      "Latest"
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: quickFilter === "favorites" ? "primary" : void 0,
+        onClick: () => handleQuickFilterChange("favorites")
+      },
+      "Favorites"
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        color: quickFilter === "most_viewed" ? "primary" : void 0,
+        onClick: () => handleQuickFilterChange("most_viewed")
+      },
+      "Most viewed"
+    )), /* @__PURE__ */ React.createElement(
+      LinkButton,
+      {
+        to: "#",
+        variant: "text",
+        onClick: () => setRefresh(refresh + 1)
+      },
+      /* @__PURE__ */ React.createElement(RefreshIcon, null)
+    ))
+  ), /* @__PURE__ */ React.createElement(TableContainer, null, /* @__PURE__ */ React.createElement(Table, { className: "qetaQuestionsTable" }, /* @__PURE__ */ React.createElement(TableHead, null, /* @__PURE__ */ React.createElement(TableRow, null, /* @__PURE__ */ React.createElement(TableCell, null, "Title"), /* @__PURE__ */ React.createElement(TableCell, null, "Author"), /* @__PURE__ */ React.createElement(TableCell, null, "Asked"), /* @__PURE__ */ React.createElement(TableCell, null, "Last updated"))), /* @__PURE__ */ React.createElement(TableBody, null, loading ? /* @__PURE__ */ React.createElement(Progress, null) : null, response.questions.map((q) => /* @__PURE__ */ React.createElement(QuestionTableRow, { question: q })))), /* @__PURE__ */ React.createElement(
+    TablePagination,
+    {
+      rowsPerPageOptions: [5, 10, 20, 30, 40, 50],
+      component: "div",
+      count: response.total,
+      rowsPerPage: questionsPerPage,
+      page: page - 1,
+      onPageChange: handleChangePage,
+      onRowsPerPageChange: handleChangeRowsPerPage
+    }
+  )));
+};
+
+export { QuestionsTable };
+//# sourceMappingURL=QuestionsTable.esm.js.map

package/dist/components/QuestionTableCard/QuestionsTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsTable.esm.js","sources":["../../../src/components/QuestionTableCard/QuestionsTable.tsx"],"sourcesContent":["import React from 'react';\nimport { useQetaApi } from '../../utils/hooks';\nimport { LinkButton, Progress, WarningPanel } from '@backstage/core-components';\nimport {\n  Button,\n  ButtonGroup,\n  Grid,\n  Table,\n  TableBody,\n  TableCell,\n  TableContainer,\n  TableHead,\n  TablePagination,\n  TableRow,\n  Typography,\n} from '@material-ui/core';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { QuestionTableRow } from './QuestionTableRow';\n\ntype QuickFilterType = 'latest' | 'favorites' | 'most_viewed';\n\nexport const QuestionsTable = (props: {\n  hideTitle?: boolean;\n  rowsPerPage?: number;\n  quickFilter?: QuickFilterType;\n}) => {\n  const [page, setPage] = React.useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = React.useState(\n    props.rowsPerPage ?? 10,\n  );\n  const [quickFilter, setQuickFilter] = React.useState(\n    props.quickFilter ?? 'latest',\n  );\n  const [refresh, setRefresh] = React.useState(0);\n  const [filters, setFilters] = React.useState({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    favorite: false,\n  });\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getQuestions({\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        ...filters,\n      }),\n    [page, filters, questionsPerPage, refresh],\n  );\n\n  const handleQuickFilterChange = (filter: QuickFilterType) => {\n    setQuickFilter(filter);\n    if (filter === 'latest') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: false,\n      });\n    } else if (filter === 'favorites') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'created',\n        favorite: true,\n      });\n    } else if (filter === 'most_viewed') {\n      setFilters({\n        ...filters,\n        order: 'desc',\n        orderBy: 'views',\n        favorite: false,\n      });\n    }\n  };\n\n  const handleChangePage = (_: unknown, newPage: number) => {\n    setPage(newPage + 1);\n  };\n\n  const handleChangeRowsPerPage = (\n    event: React.ChangeEvent<HTMLInputElement>,\n  ) => {\n    setQuestionsPerPage(parseInt(event.target.value, 10));\n    setPage(1);\n  };\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title=\"Could not load questions.\">\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid\n        container\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        style={{ marginBottom: '1em' }}\n        className=\"qetaQuestionsTableGrid\"\n      >\n        <Grid item>\n          {props.hideTitle === true ? null : (\n            <Typography variant=\"h5\">Q&A</Typography>\n          )}\n        </Grid>\n        <Grid item>\n          <ButtonGroup>\n            <Button\n              color={quickFilter === 'latest' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('latest')}\n            >\n              Latest\n            </Button>\n            <Button\n              color={quickFilter === 'favorites' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('favorites')}\n            >\n              Favorites\n            </Button>\n            <Button\n              color={quickFilter === 'most_viewed' ? 'primary' : undefined}\n              onClick={() => handleQuickFilterChange('most_viewed')}\n            >\n              Most viewed\n            </Button>\n          </ButtonGroup>\n          <LinkButton\n            to=\"#\"\n            variant=\"text\"\n            onClick={() => setRefresh(refresh + 1)}\n          >\n            <RefreshIcon />\n          </LinkButton>\n        </Grid>\n      </Grid>\n      <TableContainer>\n        <Table className=\"qetaQuestionsTable\">\n          <TableHead>\n            <TableRow>\n              <TableCell>Title</TableCell>\n              <TableCell>Author</TableCell>\n              <TableCell>Asked</TableCell>\n              <TableCell>Last updated</TableCell>\n            </TableRow>\n          </TableHead>\n          <TableBody>\n            {loading ? <Progress /> : null}\n            {response.questions.map(q => (\n              <QuestionTableRow question={q} />\n            ))}\n          </TableBody>\n        </Table>\n        <TablePagination\n          rowsPerPageOptions={[5, 10, 20, 30, 40, 50]}\n          component=\"div\"\n          count={response.total}\n          rowsPerPage={questionsPerPage}\n          page={page - 1}\n          onPageChange={handleChangePage}\n          onRowsPerPageChange={handleChangeRowsPerPage}\n        />\n      </TableContainer>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionTableCard/index.esm.js

@@ -0,0 +1,3 @@
+export { Content } from './Content.esm.js';
+export { QuestionsTable } from './QuestionsTable.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/QuestionTableCard/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}