@drodil/backstage-plugin-qeta-react 2.15.0 → 3.0.0

package/dist/api.esm.js

@@ -0,0 +1,8 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const qetaApiRef = createApiRef({
+  id: "plugin.qeta.service"
+});
+
+export { qetaApiRef };
+//# sourceMappingURL=api.esm.js.map

package/dist/api.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.esm.js","sources":["../src/api.ts"],"sourcesContent":["import { createApiRef } from '@backstage/core-plugin-api';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\n\nexport const qetaApiRef = createApiRef<QetaApi>({\n  id: 'plugin.qeta.service',\n});\n"],"names":[],"mappings":";;AAGO,MAAM,aAAa,YAAsB,CAAA;AAAA,EAC9C,EAAI,EAAA,qBAAA;AACN,CAAC;;;;"}

package/dist/components/AnswerCard/AnswerCard.esm.js

@@ -0,0 +1,113 @@
+import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
+import React from 'react';
+import { VoteButtons } from '../Buttons/VoteButtons.esm.js';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { AnswerForm } from '../AnswerForm/AnswerForm.esm.js';
+import { AuthorBox } from '../AuthorBox/AuthorBox.esm.js';
+import { CommentSection } from '../CommentSection/CommentSection.esm.js';
+import { LinkButton } from '../Buttons/LinkButton.esm.js';
+import DeleteIcon from '@material-ui/icons/Delete';
+import EditIcon from '@material-ui/icons/Edit';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+
+const AnswerCard = (props) => {
+  const { answer, question } = props;
+  const styles = useStyles();
+  const [editMode, setEditMode] = React.useState(false);
+  const [answerEntity, setAnswerEntity] = React.useState(answer);
+  const { t } = useTranslation();
+  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
+  const handleDeleteModalOpen = () => setDeleteModalOpen(true);
+  const handleDeleteModalClose = () => setDeleteModalOpen(false);
+  const highlightedAnswer = window.location.hash.slice(1) === `answer_${answer.id}`;
+  const onAnswerEdit = (a) => {
+    setEditMode(false);
+    setAnswerEntity(a);
+  };
+  const onCommentAction = (_, a) => {
+    if (a) {
+      setAnswerEntity(a);
+    }
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+    Card,
+    {
+      id: `answer_${answer.id}`,
+      className: `qetaAnswerCard ${styles.questionCard} ${highlightedAnswer ? styles.highlight : ""}`
+    },
+    /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: answerEntity, post: question }), /* @__PURE__ */ React.createElement(LinkButton, { entity: answerEntity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.answerCardContent }, editMode ? /* @__PURE__ */ React.createElement(
+      AnswerForm,
+      {
+        post: question,
+        onPost: onAnswerEdit,
+        id: answerEntity.id
+      }
+    ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
+      MarkdownRenderer,
+      {
+        className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
+        content: answerEntity.content
+      }
+    )), /* @__PURE__ */ React.createElement(
+      Grid,
+      {
+        container: true,
+        item: true,
+        spacing: 1,
+        justifyContent: "space-between",
+        alignItems: "flex-end",
+        className: styles.questionCardMetadata
+      },
+      /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9, style: { alignSelf: "flex-end" } }, (answerEntity.own || answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
+        Box,
+        {
+          className: `qetaAnswerCardActions ${styles.questionCardActions}`
+        },
+        !answerEntity.correct && (answerEntity.own || answerEntity.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outlined",
+            size: "small",
+            color: "secondary",
+            onClick: handleDeleteModalOpen,
+            className: `${styles.marginLeft} qetaAnswerCardDeleteBtn`,
+            startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
+          },
+          t("deleteModal.deleteButton")
+        ), /* @__PURE__ */ React.createElement(
+          DeleteModal,
+          {
+            open: deleteModalOpen,
+            onClose: handleDeleteModalClose,
+            entity: answerEntity,
+            question
+          }
+        )),
+        (answerEntity.own || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            variant: "outlined",
+            size: "small",
+            startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
+            onClick: () => setEditMode(true),
+            className: "qetaAnswerCardEditBtn"
+          },
+          t("questionPage.editButton")
+        )
+      )),
+      /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React.createElement(AuthorBox, { entity: answerEntity }))
+    )))))
+  ), /* @__PURE__ */ React.createElement(
+    CommentSection,
+    {
+      post: question,
+      answer: answerEntity,
+      onCommentPost: onCommentAction,
+      onCommentDelete: onCommentAction
+    }
+  ));
+};
+
+export { AnswerCard };
+//# sourceMappingURL=AnswerCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { useStyles, useTranslation } from '../../utils';\nimport { AnswerForm } from '../AnswerForm';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { DeleteModal } from '../DeleteModal';\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: PostResponse;\n}) => {\n  const { answer, question } = props;\n  const styles = useStyles();\n\n  const [editMode, setEditMode] = React.useState(false);\n  const [answerEntity, setAnswerEntity] = React.useState(answer);\n  const { t } = useTranslation();\n\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const highlightedAnswer =\n    window.location.hash.slice(1) === `answer_${answer.id}`;\n\n  const onAnswerEdit = (a: AnswerResponse) => {\n    setEditMode(false);\n    setAnswerEntity(a);\n  };\n\n  const onCommentAction = (_: PostResponse, a?: AnswerResponse) => {\n    if (a) {\n      setAnswerEntity(a);\n    }\n  };\n\n  return (\n    <>\n      <Card\n        id={`answer_${answer.id}`}\n        className={`qetaAnswerCard ${styles.questionCard} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <Grid container spacing={0} justifyContent=\"flex-start\">\n            <Grid container item xs={1} justifyContent=\"center\">\n              <div className={styles.questionCardVote}>\n                <VoteButtons entity={answerEntity} post={question} />\n                <LinkButton entity={answerEntity} />\n              </div>\n            </Grid>\n            <Grid item xs={11} className={styles.answerCardContent}>\n              {editMode ? (\n                <AnswerForm\n                  post={question}\n                  onPost={onAnswerEdit}\n                  id={answerEntity.id}\n                />\n              ) : (\n                <>\n                  <Typography variant=\"body1\" gutterBottom>\n                    <MarkdownRenderer\n                      className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n                      content={answerEntity.content}\n                    />\n                  </Typography>\n                  <Grid\n                    container\n                    item\n                    spacing={1}\n                    justifyContent=\"space-between\"\n                    alignItems=\"flex-end\"\n                    className={styles.questionCardMetadata}\n                  >\n                    <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n                      {(answerEntity.own ||\n                        answerEntity.canDelete ||\n                        answerEntity.canEdit) && (\n                        <Box\n                          className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n                        >\n                          {!answerEntity.correct &&\n                            (answerEntity.own || answerEntity.canDelete) && (\n                              <>\n                                <Button\n                                  variant=\"outlined\"\n                                  size=\"small\"\n                                  color=\"secondary\"\n                                  onClick={handleDeleteModalOpen}\n                                  className={`${styles.marginLeft} qetaAnswerCardDeleteBtn`}\n                                  startIcon={<DeleteIcon />}\n                                >\n                                  {t('deleteModal.deleteButton')}\n                                </Button>\n                                <DeleteModal\n                                  open={deleteModalOpen}\n                                  onClose={handleDeleteModalClose}\n                                  entity={answerEntity}\n                                  question={question}\n                                />\n                              </>\n                            )}\n                          {(answerEntity.own || answerEntity.canEdit) && (\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              startIcon={<EditIcon />}\n                              onClick={() => setEditMode(true)}\n                              className=\"qetaAnswerCardEditBtn\"\n                            >\n                              {t('questionPage.editButton')}\n                            </Button>\n                          )}\n                        </Box>\n                      )}\n                    </Grid>\n                    <Grid item xs={3} className={styles.noPadding}>\n                      <AuthorBox entity={answerEntity} />\n                    </Grid>\n                  </Grid>\n                </>\n              )}\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        post={question}\n        answer={answerEntity}\n        onCommentPost={onCommentAction}\n        onCommentDelete={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AnswerForm/AnswerForm.esm.js

@@ -0,0 +1,153 @@
+import { WarningPanel } from '@backstage/core-components';
+import { Typography, Button } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
+import { qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { useForm, Controller } from 'react-hook-form';
+import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js';
+import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+
+const getDefaultValues = (postId) => {
+  return { postId, answer: "" };
+};
+const AnswerForm = (props) => {
+  const { post, onPost, id } = props;
+  const [values, setValues] = React.useState(getDefaultValues(post.id));
+  const analytics = useAnalytics();
+  const [error, setError] = React.useState(false);
+  const [images, setImages] = React.useState([]);
+  const [edited, setEdited] = React.useState(false);
+  const qetaApi = useApi(qetaApiRef);
+  const styles = useStyles();
+  const configApi = useApi(configApiRef);
+  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
+  const { t } = useTranslation();
+  const {
+    handleSubmit,
+    control,
+    formState: { errors },
+    reset
+  } = useForm({
+    values,
+    defaultValues: getDefaultValues(post.id)
+  });
+  const postAnswer = (data) => {
+    if (id) {
+      qetaApi.updateAnswer(id, {
+        postId: post.id,
+        answer: data.answer,
+        images
+      }).then((a) => {
+        if (!a || !("id" in a)) {
+          setError(true);
+          return;
+        }
+        setEdited(false);
+        analytics.captureEvent("edit", "answer");
+        reset();
+        onPost(a);
+      }).catch((_e) => setError(true));
+      return;
+    }
+    qetaApi.postAnswer({
+      postId: post.id,
+      answer: data.answer,
+      images,
+      anonymous: data.anonymous
+    }).then((a) => {
+      if (!a || !("id" in a)) {
+        setError(true);
+        return;
+      }
+      setEdited(false);
+      analytics.captureEvent("post", "answer");
+      reset();
+      onPost(a);
+    }).catch((_e) => setError(true));
+  };
+  useEffect(() => {
+    if (id) {
+      qetaApi.getAnswer(post.id, id).then((a) => {
+        if ("content" in a) {
+          setValues({ postId: post.id, answer: a.content });
+        } else {
+          setError(true);
+        }
+      });
+    }
+  }, [id, post, qetaApi]);
+  useEffect(() => {
+    reset(values);
+  }, [values, reset]);
+  useEffect(() => {
+    return confirmNavigationIfEdited(edited);
+  }, [edited]);
+  return /* @__PURE__ */ React.createElement(
+    RequirePermission,
+    {
+      permission: qetaCreateAnswerPermission,
+      errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
+    },
+    /* @__PURE__ */ React.createElement(
+      "form",
+      {
+        onSubmit: handleSubmit(postAnswer),
+        onChange: () => {
+          setEdited(true);
+        },
+        className: "qetaAnswerForm"
+      },
+      /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Your answer"),
+      error && /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("answerForm.errorPosting") }),
+      /* @__PURE__ */ React.createElement(
+        Controller,
+        {
+          control,
+          defaultValue: "",
+          rules: {
+            required: true
+          },
+          render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+            MarkdownEditor,
+            {
+              value,
+              onChange,
+              height: 200,
+              error: "answer" in errors,
+              config: configApi,
+              placeholder: t("answerForm.contentInput.placeholder"),
+              onImageUpload: (imageId) => {
+                setImages((prevImages) => [...prevImages, imageId]);
+              }
+            }
+          ),
+          name: "answer"
+        }
+      ),
+      allowAnonymouns && !id && /* @__PURE__ */ React.createElement(
+        PostAnonymouslyCheckbox,
+        {
+          control,
+          label: t("anonymousCheckbox.answerAnonymously")
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        Button,
+        {
+          variant: "outlined",
+          type: "submit",
+          color: "primary",
+          className: `qetaAnswerFormPostBtn ${styles.postButton}`
+        },
+        id ? t("answerForm.submit.existingAnswer") : t("answerForm.submit.newAnswer")
+      )
+    )
+  );
+};
+
+export { AnswerForm };
+//# sourceMappingURL=AnswerForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { Button, Typography } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n  AnswerRequest,\n  AnswerResponse,\n  PostResponse,\n  qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation } from '../../utils';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\n\nconst getDefaultValues = (postId: number) => {\n  return { postId, answer: '' };\n};\n\nexport const AnswerForm = (props: {\n  post: PostResponse;\n  onPost: (answer: AnswerResponse) => void;\n  id?: number;\n}) => {\n  const { post, onPost, id } = props;\n  const [values, setValues] = React.useState(getDefaultValues(post.id));\n  const analytics = useAnalytics();\n  const [error, setError] = React.useState(false);\n  const [images, setImages] = React.useState<number[]>([]);\n  const [edited, setEdited] = React.useState(false);\n  const qetaApi = useApi(qetaApiRef);\n  const styles = useStyles();\n  const configApi = useApi(configApiRef);\n  const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n  const { t } = useTranslation();\n\n  const {\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<AnswerRequest>({\n    values,\n    defaultValues: getDefaultValues(post.id),\n  });\n\n  const postAnswer = (data: AnswerRequest) => {\n    if (id) {\n      qetaApi\n        .updateAnswer(id, {\n          postId: post.id,\n          answer: data.answer,\n          images,\n        })\n        .then(a => {\n          if (!a || !('id' in a)) {\n            setError(true);\n            return;\n          }\n          setEdited(false);\n          analytics.captureEvent('edit', 'answer');\n          reset();\n          onPost(a);\n        })\n        .catch(_e => setError(true));\n      return;\n    }\n    // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n    qetaApi\n      .postAnswer({\n        postId: post.id,\n        answer: data.answer,\n        images,\n        anonymous: data.anonymous,\n      })\n      .then(a => {\n        if (!a || !('id' in a)) {\n          setError(true);\n          return;\n        }\n        setEdited(false);\n        analytics.captureEvent('post', 'answer');\n        reset();\n        onPost(a);\n      })\n      .catch(_e => setError(true));\n  };\n\n  useEffect(() => {\n    if (id) {\n      qetaApi.getAnswer(post.id, id).then(a => {\n        if ('content' in a) {\n          setValues({ postId: post.id, answer: a.content });\n        } else {\n          setError(true);\n        }\n      });\n    }\n  }, [id, post, qetaApi]);\n\n  useEffect(() => {\n    reset(values);\n  }, [values, reset]);\n\n  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [edited]);\n\n  return (\n    <RequirePermission\n      permission={qetaCreateAnswerPermission}\n      errorPage={<></>}\n    >\n      <form\n        onSubmit={handleSubmit(postAnswer)}\n        onChange={() => {\n          setEdited(true);\n        }}\n        className=\"qetaAnswerForm\"\n      >\n        <Typography variant=\"h6\">Your answer</Typography>\n        {error && (\n          <WarningPanel severity=\"error\" title={t('answerForm.errorPosting')} />\n        )}\n        <Controller\n          control={control}\n          defaultValue=\"\"\n          rules={{\n            required: true,\n          }}\n          render={({ field: { onChange, value } }) => (\n            <MarkdownEditor\n              value={value}\n              onChange={onChange}\n              height={200}\n              error={'answer' in errors}\n              config={configApi}\n              placeholder={t('answerForm.contentInput.placeholder')}\n              onImageUpload={(imageId: number) => {\n                setImages(prevImages => [...prevImages, imageId]);\n              }}\n            />\n          )}\n          name=\"answer\"\n        />\n        {allowAnonymouns && !id && (\n          <PostAnonymouslyCheckbox\n            control={control}\n            label={t('anonymousCheckbox.answerAnonymously')}\n          />\n        )}\n        <Button\n          variant=\"outlined\"\n          type=\"submit\"\n          color=\"primary\"\n          className={`qetaAnswerFormPostBtn ${styles.postButton}`}\n        >\n          {id\n            ? t('answerForm.submit.existingAnswer')\n            : t('answerForm.submit.newAnswer')}\n        </Button>\n      </form>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AnswersContainer/AnswerList.esm.js

@@ -0,0 +1,100 @@
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { Progress, WarningPanel } from '@backstage/core-components';
+import { Card, CardContent, Grid, Typography, Box, Divider, Tooltip, FormControl, Select, MenuItem } from '@material-ui/core';
+import React, { useRef, useState, useEffect } from 'react';
+import { Pagination } from '@material-ui/lab';
+import { AnswerListItem } from './AnswerListItem.esm.js';
+
+const AnswerList = (props) => {
+  const {
+    loading,
+    error,
+    response,
+    onPageChange,
+    entity,
+    page,
+    onPageSizeChange
+  } = props;
+  const styles = useStyles();
+  const listRef = useRef(null);
+  const [initialLoad, setInitialLoad] = useState(true);
+  const { t } = useTranslation();
+  useEffect(() => {
+    if (!initialLoad) {
+      setInitialLoad(false);
+    }
+  }, [initialLoad, loading]);
+  const handlePageChange = (_event, value) => {
+    if (listRef.current) {
+      listRef.current.scrollIntoView();
+    }
+    onPageChange(value);
+  };
+  const handlePageSizeChange = (event) => {
+    if (listRef.current) {
+      listRef.current.scrollIntoView();
+    }
+    onPageSizeChange(Number.parseInt(event.target.value, 10));
+  };
+  if (loading && initialLoad) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("answerList.errorLoading") }, error?.message);
+  }
+  if (initialLoad && (!response.answers || response.answers.length === 0)) {
+    return /* @__PURE__ */ React.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+      Grid,
+      {
+        container: true,
+        justifyContent: "center",
+        alignItems: "center",
+        direction: "column"
+      },
+      /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, t("answerList.noAnswers")))
+    )));
+  }
+  const pageCount = response.total < props.pageSize ? 1 : Math.ceil(response.total / props.pageSize);
+  return /* @__PURE__ */ React.createElement("div", { ref: listRef }, /* @__PURE__ */ React.createElement(Box, { sx: { mt: 2 }, className: "qetaAnswerList" }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2, style: { paddingTop: "1rem" } }, response.answers.map((answer) => {
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: answer.id }, /* @__PURE__ */ React.createElement(AnswerListItem, { answer, entity }), /* @__PURE__ */ React.createElement(Divider, null));
+  }))), /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      spacing: 0,
+      className: `qetaAnswerListPaginationGrid ${styles.questionListPagination}`,
+      alignItems: "center",
+      justifyContent: "space-between"
+    },
+    /* @__PURE__ */ React.createElement(Tooltip, { title: t("answerList.limitSelect"), arrow: true }, /* @__PURE__ */ React.createElement(FormControl, { variant: "filled" }, /* @__PURE__ */ React.createElement(
+      Select,
+      {
+        value: props.pageSize,
+        onChange: handlePageSizeChange,
+        className: `qetaAnswerListPaginationSizeSelect ${styles.questionsPerPage}`,
+        inputProps: { className: styles.questionsPerPageInput }
+      },
+      /* @__PURE__ */ React.createElement(MenuItem, { value: 5 }, "5"),
+      /* @__PURE__ */ React.createElement(MenuItem, { value: 10 }, "10"),
+      /* @__PURE__ */ React.createElement(MenuItem, { value: 25 }, "25"),
+      /* @__PURE__ */ React.createElement(MenuItem, { value: 50 }, "50"),
+      /* @__PURE__ */ React.createElement(MenuItem, { value: 100 }, "100")
+    ))),
+    /* @__PURE__ */ React.createElement(
+      Pagination,
+      {
+        page,
+        onChange: handlePageChange,
+        count: pageCount,
+        size: "large",
+        variant: "outlined",
+        className: "qetaAnswerListPagination",
+        showFirstButton: true,
+        showLastButton: true
+      }
+    )
+  )));
+};
+
+export { AnswerList };
+//# sourceMappingURL=AnswerList.esm.js.map

package/dist/components/AnswersContainer/AnswerList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerList.esm.js","sources":["../../../src/components/AnswersContainer/AnswerList.tsx"],"sourcesContent":["import { useStyles, useTranslation } from '../../utils';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport {\n  Box,\n  Card,\n  CardContent,\n  Divider,\n  FormControl,\n  Grid,\n  MenuItem,\n  Select,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Pagination } from '@material-ui/lab';\nimport { AnswersResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { AnswerListItem } from './AnswerListItem';\n\nexport const AnswerList = (props: {\n  loading: boolean;\n  error: any;\n  response?: AnswersResponse;\n  onPageChange: (page: number) => void;\n  onPageSizeChange: (size: number) => void;\n  page: number;\n  pageSize: number;\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const {\n    loading,\n    error,\n    response,\n    onPageChange,\n    entity,\n    page,\n    onPageSizeChange,\n  } = props;\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement | null>(null);\n  const [initialLoad, setInitialLoad] = useState(true);\n  const { t } = useTranslation();\n\n  useEffect(() => {\n    if (!initialLoad) {\n      setInitialLoad(false);\n    }\n  }, [initialLoad, loading]);\n\n  const handlePageChange = (\n    _event: React.ChangeEvent<unknown>,\n    value: number,\n  ) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageChange(value);\n  };\n\n  const handlePageSizeChange = (\n    event: React.ChangeEvent<{ value: unknown }>,\n  ) => {\n    if (listRef.current) {\n      listRef.current.scrollIntoView();\n    }\n    onPageSizeChange(Number.parseInt(event.target.value as string, 10));\n  };\n\n  if (loading && initialLoad) {\n    return <Progress />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('answerList.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (initialLoad && (!response.answers || response.answers.length === 0)) {\n    return (\n      <Card style={{ marginTop: '2rem' }}>\n        <CardContent>\n          <Grid\n            container\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            direction=\"column\"\n          >\n            <Grid item>\n              <Typography variant=\"h6\">{t('answerList.noAnswers')}</Typography>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n    );\n  }\n\n  const pageCount =\n    response.total < props.pageSize\n      ? 1\n      : Math.ceil(response.total / props.pageSize);\n\n  return (\n    <div ref={listRef}>\n      <Box sx={{ mt: 2 }} className=\"qetaAnswerList\">\n        <Card>\n          <Grid container spacing={2} style={{ paddingTop: '1rem' }}>\n            {response.answers.map(answer => {\n              return (\n                <Grid item xs={12} key={answer.id}>\n                  <AnswerListItem answer={answer} entity={entity} />\n                  <Divider />\n                </Grid>\n              );\n            })}\n          </Grid>\n        </Card>\n        <Grid\n          container\n          spacing={0}\n          className={`qetaAnswerListPaginationGrid ${styles.questionListPagination}`}\n          alignItems=\"center\"\n          justifyContent=\"space-between\"\n        >\n          <Tooltip title={t('answerList.limitSelect')} arrow>\n            <FormControl variant=\"filled\">\n              <Select\n                value={props.pageSize}\n                onChange={handlePageSizeChange}\n                className={`qetaAnswerListPaginationSizeSelect ${styles.questionsPerPage}`}\n                inputProps={{ className: styles.questionsPerPageInput }}\n              >\n                <MenuItem value={5}>5</MenuItem>\n                <MenuItem value={10}>10</MenuItem>\n                <MenuItem value={25}>25</MenuItem>\n                <MenuItem value={50}>50</MenuItem>\n                <MenuItem value={100}>100</MenuItem>\n              </Select>\n            </FormControl>\n          </Tooltip>\n          <Pagination\n            page={page}\n            onChange={handlePageChange}\n            count={pageCount}\n            size=\"large\"\n            variant=\"outlined\"\n            className=\"qetaAnswerListPagination\"\n            showFirstButton\n            showLastButton\n          />\n        </Grid>\n      </Box>\n    </div>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AnswersContainer/AnswerListItem.esm.js

@@ -0,0 +1,90 @@
+import { Grid, Typography, Avatar } from '@material-ui/core';
+import { Link } from '@backstage/core-components';
+import React from 'react';
+import DOMPurify from 'dompurify';
+import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import { useStyles, useEntityAuthor, useTranslation } from '../../utils/hooks.esm.js';
+import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
+import { VoteButtons } from '../Buttons/VoteButtons.esm.js';
+import { questionRouteRef, userRouteRef } from '../../routes.esm.js';
+
+const AnswerListItem = (props) => {
+  const { answer, entity } = props;
+  const questionRoute = useRouteRef(questionRouteRef);
+  const userRoute = useRouteRef(userRouteRef);
+  const styles = useStyles();
+  const { name, initials, user } = useEntityAuthor(answer);
+  const { t } = useTranslation();
+  const getAnswerLink = () => {
+    return entity ? `${questionRoute({
+      id: answer.postId.toString(10)
+    })}?entity=${entity}#answer_${answer.id}` : `${questionRoute({
+      id: answer.postId.toString(10)
+    })}/#answer_${answer.id}`;
+  };
+  return /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      spacing: 0,
+      className: styles.questionListItem,
+      justifyContent: "flex-start"
+    },
+    /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: answer }))),
+    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.questionListItemContent }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React.createElement(
+      Link,
+      {
+        to: getAnswerLink(),
+        className: "qetaAnswerListItemQuestionBtn"
+      },
+      t("answer.questionTitle", {
+        question: answer.post?.title ?? ""
+      })
+    )), /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "caption",
+        noWrap: true,
+        component: "div",
+        className: "qetaQuestionListItemContent",
+        style: { marginBottom: "5px" }
+      },
+      DOMPurify.sanitize(
+        truncate(removeMarkdownFormatting(answer.content), 150)
+      )
+    ), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, answer.post && /* @__PURE__ */ React.createElement(TagsAndEntities, { entity: answer.post }), /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        variant: "caption",
+        display: "inline",
+        className: `${styles.questionListItemAuthor} qetaAnswerListItemAuthor`
+      },
+      /* @__PURE__ */ React.createElement(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          className: styles.questionListItemAvatar,
+          alt: name,
+          variant: "rounded"
+        },
+        initials
+      ),
+      answer.author === "anonymous" ? t("common.anonymousAuthor") : /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${answer.author}` }, name),
+      " ",
+      /* @__PURE__ */ React.createElement(
+        Link,
+        {
+          to: getAnswerLink(),
+          className: "qetaQuestionListItemQuestionBtn"
+        },
+        `${t("answer.answeredTime")} `,
+        /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: answer.created })
+      )
+    )))))
+  );
+};
+
+export { AnswerListItem };
+//# sourceMappingURL=AnswerListItem.esm.js.map

package/dist/components/AnswersContainer/AnswerListItem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnswerListItem.esm.js","sources":["../../../src/components/AnswersContainer/AnswerListItem.tsx"],"sourcesContent":["import { Avatar, Grid, Typography } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport React from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  AnswerResponse,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useEntityAuthor, useStyles, useTranslation } from '../../utils/hooks';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { questionRouteRef, userRouteRef } from '../../routes';\n\nexport interface AnswerListItemProps {\n  answer: AnswerResponse;\n  entity?: string;\n}\n\nexport const AnswerListItem = (props: AnswerListItemProps) => {\n  const { answer, entity } = props;\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const styles = useStyles();\n  const { name, initials, user } = useEntityAuthor(answer);\n  const { t } = useTranslation();\n\n  const getAnswerLink = () => {\n    return entity\n      ? `${questionRoute({\n          id: answer.postId.toString(10),\n        })}?entity=${entity}#answer_${answer.id}`\n      : `${questionRoute({\n          id: answer.postId.toString(10),\n        })}/#answer_${answer.id}`;\n  };\n\n  return (\n    <Grid\n      container\n      spacing={0}\n      className={styles.questionListItem}\n      justifyContent=\"flex-start\"\n    >\n      <Grid container item xs={1} justifyContent=\"center\">\n        <div className={styles.questionCardVote}>\n          <VoteButtons entity={answer} />\n        </div>\n      </Grid>\n      <Grid item xs={11} className={styles.questionListItemContent}>\n        <Grid container spacing={1}>\n          <Grid item xs={12}>\n            <Typography variant=\"h5\" component=\"div\">\n              <Link\n                to={getAnswerLink()}\n                className=\"qetaAnswerListItemQuestionBtn\"\n              >\n                {t('answer.questionTitle', {\n                  question: answer.post?.title ?? '',\n                })}\n              </Link>\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              noWrap\n              component=\"div\"\n              className=\"qetaQuestionListItemContent\"\n              style={{ marginBottom: '5px' }}\n            >\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(answer.content), 150),\n              )}\n            </Typography>\n            <Grid item xs={12}>\n              {answer.post && <TagsAndEntities entity={answer.post} />}\n              <Typography\n                variant=\"caption\"\n                display=\"inline\"\n                className={`${styles.questionListItemAuthor} qetaAnswerListItemAuthor`}\n              >\n                <Avatar\n                  src={user?.spec?.profile?.picture}\n                  className={styles.questionListItemAvatar}\n                  alt={name}\n                  variant=\"rounded\"\n                >\n                  {initials}\n                </Avatar>\n                {answer.author === 'anonymous' ? (\n                  t('common.anonymousAuthor')\n                ) : (\n                  <Link to={`${userRoute()}/${answer.author}`}>{name}</Link>\n                )}{' '}\n                <Link\n                  to={getAnswerLink()}\n                  className=\"qetaQuestionListItemQuestionBtn\"\n                >\n                  {`${t('answer.answeredTime')} `}\n                  <RelativeTimeWithTooltip value={answer.created} />\n                </Link>\n              </Typography>\n            </Grid>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}