@drodil/backstage-plugin-qeta 2.3.0 → 2.3.2

package/dist/components/CommentSection/CommentList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link, MarkdownContent } from '@backstage/core-components';\nimport { useStyles } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentList = (props: {\n  onCommentDelete: (\n    question: QuestionResponse,\n    answer?: AnswerResponse,\n  ) => void;\n  question: QuestionResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const styles = useStyles();\n  const qetaApi = useApi(qetaApiRef);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi\n      .deleteQuestionComment(question.id, id)\n      .then(q => onCommentDelete(q));\n  };\n\n  return (\n    <>\n      {entity.comments?.map(c => {\n        return (\n          <>\n            <Box key={c.id} className=\"qetaCommentBox\">\n              <MarkdownContent\n                dialect=\"gfm\"\n                content={c.content}\n                className={`${styles.markdownContent} inline`}\n              />\n              {' – '}\n              <AuthorLink entity={c} />{' '}\n              <Typography variant=\"caption\" className=\"qetaCommentTime\">\n                <RelativeTimeWithTooltip value={c.created} />\n              </Typography>\n              {(c.own || c.canDelete) && (\n                <>\n                  {' / '}\n                  <Link\n                    underline=\"none\"\n                    to=\"#\"\n                    className=\"qetaCommentDeleteBtn\"\n                    onClick={() => deleteComment(c.id)}\n                  >\n                    delete\n                  </Link>\n                </>\n              )}\n            </Box>\n            <Divider />\n          </>\n        );\n      })}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaa,MAAA,WAAA,GAAc,CAAC,KAOtB,KAAA;AApBN,EAAA,IAAA,EAAA,CAAA;AAqBE,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,IAAA,GAAA,MAAA,GAAA,QAAA,CAAA;AACzB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IACG,OAAA,CAAA,qBAAA,CAAsB,SAAS,EAAI,EAAA,EAAE,EACrC,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA,MAAA,CAAO,QAAP,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAiB,IAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,KAAA;AAAA,QACR,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,eAAe,CAAA,OAAA,CAAA;AAAA,OAAA;AAAA,KACtC,EACC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,CAAA,CAAE,OAAS,EAAA,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAClC,QAAA;AAAA,KAGH,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAGN,CAAA,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentSection.esm.js

@@ -0,0 +1,97 @@
+import React, { useState } from 'react';
+import { Box, Grid, TextField, Button } from '@material-ui/core';
+import { Link } from '@backstage/core-components';
+import { useForm, Controller } from 'react-hook-form';
+import { useAnalytics, useApi } from '@backstage/core-plugin-api';
+import { CommentList } from './CommentList.esm.js';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+const CommentSection = (props) => {
+  const { answer, question, onCommentPost, onCommentDelete } = props;
+  const analytics = useAnalytics();
+  const qetaApi = useApi(qetaApiRef);
+  const [posting, setPosting] = React.useState(false);
+  const [formVisible, setFormVisible] = useState(false);
+  const {
+    handleSubmit,
+    control,
+    formState: { errors },
+    reset
+  } = useForm({});
+  const postComment = (data) => {
+    setPosting(true);
+    if (answer) {
+      qetaApi.commentAnswer(question.id, answer.id, data.content).then((a) => {
+        setFormVisible(false);
+        analytics.captureEvent("comment", "answer");
+        reset();
+        setPosting(false);
+        onCommentPost(question, a);
+      });
+      return;
+    }
+    qetaApi.commentQuestion(question.id, data.content).then((q) => {
+      setFormVisible(false);
+      analytics.captureEvent("comment", "question");
+      reset();
+      setPosting(false);
+      onCommentPost(q);
+    });
+  };
+  return /* @__PURE__ */ React.createElement(Box, { marginLeft: 9, className: "qetaCommentSection" }, /* @__PURE__ */ React.createElement(
+    CommentList,
+    {
+      question,
+      answer,
+      onCommentDelete
+    }
+  ), !formVisible && /* @__PURE__ */ React.createElement(
+    Link,
+    {
+      underline: "none",
+      to: "#",
+      className: "qetaAddCommentBtn",
+      onClick: () => setFormVisible(true)
+    },
+    "Add comment"
+  ), formVisible && /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit(postComment), className: "qetaCommentForm" }, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React.createElement(
+    Controller,
+    {
+      control,
+      defaultValue: "",
+      rules: {
+        required: true
+      },
+      render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
+        TextField,
+        {
+          id: "comment",
+          multiline: true,
+          minRows: 2,
+          fullWidth: true,
+          className: "qetaCommentInput",
+          value,
+          placeholder: "Your commment",
+          onChange,
+          variant: "outlined",
+          error: "content" in errors
+        }
+      ),
+      name: "content"
+    }
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "contained",
+      size: "small",
+      className: "qetaCommentBtn",
+      type: "submit",
+      color: "primary",
+      disabled: posting
+    },
+    "Post"
+  )))));
+};
+
+export { CommentSection };
+//# sourceMappingURL=CommentSection.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Box, Button, Grid, TextField } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\n\nexport const CommentSection = (props: {\n  onCommentPost: (question: QuestionResponse, answer?: AnswerResponse) => void;\n  onCommentDelete: (\n    question: QuestionResponse,\n    answer?: AnswerResponse,\n  ) => void;\n  question: QuestionResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { answer, question, onCommentPost, onCommentDelete } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const {\n    handleSubmit,\n    control,\n    formState: { errors },\n    reset,\n  } = useForm<{ content: string }>({});\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(question.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        reset();\n        setPosting(false);\n        onCommentPost(question, a);\n      });\n      return;\n    }\n\n    qetaApi.commentQuestion(question.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', 'question');\n      reset();\n      setPosting(false);\n      onCommentPost(q);\n    });\n  };\n\n  return (\n    <Box marginLeft={9} className=\"qetaCommentSection\">\n      <CommentList\n        question={question}\n        answer={answer}\n        onCommentDelete={onCommentDelete}\n      />\n      {!formVisible && (\n        <Link\n          underline=\"none\"\n          to=\"#\"\n          className=\"qetaAddCommentBtn\"\n          onClick={() => setFormVisible(true)}\n        >\n          Add comment\n        </Link>\n      )}\n      {formVisible && (\n        <form onSubmit={handleSubmit(postComment)} className=\"qetaCommentForm\">\n          <Grid container>\n            <Grid item xs={11}>\n              <Controller\n                control={control}\n                defaultValue=\"\"\n                rules={{\n                  required: true,\n                }}\n                render={({ field: { onChange, value } }) => (\n                  <TextField\n                    id=\"comment\"\n                    multiline\n                    minRows={2}\n                    fullWidth\n                    className=\"qetaCommentInput\"\n                    value={value}\n                    placeholder=\"Your commment\"\n                    onChange={onChange}\n                    variant=\"outlined\"\n                    error={'content' in errors}\n                  />\n                )}\n                name=\"content\"\n              />\n            </Grid>\n            <Grid item xs={1}>\n              <Button\n                variant=\"contained\"\n                size=\"small\"\n                className=\"qetaCommentBtn\"\n                type=\"submit\"\n                color=\"primary\"\n                disabled={posting}\n              >\n                Post\n              </Button>\n            </Grid>\n          </Grid>\n        </form>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DeleteModal/DeleteModal.esm.js

@@ -0,0 +1,77 @@
+import { Modal, Backdrop, Box, Typography, Button } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import DeleteIcon from '@material-ui/icons/Delete';
+import React from 'react';
+import { useBasePath, useStyles } from '../../utils/hooks.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+import { useNavigate } from 'react-router-dom';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+const DeleteModal = (props) => {
+  const qetaApi = useApi(qetaApiRef);
+  const base_path = useBasePath();
+  const navigate = useNavigate();
+  const { entity, open, question, onClose } = props;
+  const styles = useStyles();
+  const [error, setError] = React.useState(false);
+  const isQuestion = "title" in entity;
+  const title = isQuestion ? "Are you sure you want to delete this question?" : "Are you sure you want to delete this answer?";
+  const handleDelete = () => {
+    if (isQuestion) {
+      qetaApi.deleteQuestion(entity.id).catch((_) => setError(true)).then((ret) => {
+        if (ret) {
+          onClose();
+          navigate(`${base_path}/qeta`);
+        } else {
+          setError(true);
+        }
+      });
+    } else if (question) {
+      qetaApi.deleteAnswer(question.id, entity.id).catch((_) => setError(true)).then((ret) => {
+        if (ret) {
+          onClose();
+          window.location.reload();
+        } else {
+          setError(true);
+        }
+      });
+    }
+  };
+  return /* @__PURE__ */ React.createElement(
+    Modal,
+    {
+      open,
+      onClose,
+      className: "qetaDeleteModal",
+      "aria-labelledby": "modal-modal-title",
+      "aria-describedby": "modal-modal-description",
+      closeAfterTransition: true,
+      BackdropComponent: Backdrop,
+      BackdropProps: {
+        timeout: 500
+      }
+    },
+    /* @__PURE__ */ React.createElement(Box, { className: `qetaDeleteModalContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, "Failed to delete"), /* @__PURE__ */ React.createElement(
+      Typography,
+      {
+        id: "modal-modal-title",
+        className: "qetaDeleteModalTitle",
+        variant: "h6",
+        component: "h2"
+      },
+      title
+    ), /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        onClick: handleDelete,
+        className: "qetaDeleteModalDeleteBtn",
+        startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null),
+        color: "secondary"
+      },
+      "Delete"
+    ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, "Cancel"))
+  );
+};
+
+export { DeleteModal };
+//# sourceMappingURL=DeleteModal.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Box, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport React from 'react';\nimport { useBasePath, useStyles } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\n\nexport const DeleteModal = (props: {\n  entity: QuestionResponse | AnswerResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: QuestionResponse;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const base_path = useBasePath();\n  const navigate = useNavigate();\n  const { entity, open, question, onClose } = props;\n  const styles = useStyles();\n  const [error, setError] = React.useState(false);\n  const isQuestion = 'title' in entity;\n\n  const title = isQuestion\n    ? 'Are you sure you want to delete this question?'\n    : 'Are you sure you want to delete this answer?';\n\n  const handleDelete = () => {\n    if (isQuestion) {\n      qetaApi\n        .deleteQuestion(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(`${base_path}/qeta`);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            window.location.reload();\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n        {error && <Alert severity=\"error\">Failed to delete</Alert>}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          Delete\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          Cancel\n        </Button>\n      </Box>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":";;;;;;;;;AAaa,MAAA,WAAA,GAAc,CAAC,KAKtB,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAA,MAAM,YAAY,WAAY,EAAA,CAAA;AAC9B,EAAA,MAAM,WAAW,WAAY,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,MAAA,EAAQ,IAAM,EAAA,QAAA,EAAU,SAAY,GAAA,KAAA,CAAA;AAC5C,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC9C,EAAA,MAAM,aAAa,OAAW,IAAA,MAAA,CAAA;AAE9B,EAAM,MAAA,KAAA,GAAQ,aACV,gDACA,GAAA,8CAAA,CAAA;AAEJ,EAAA,MAAM,eAAe,MAAM;AACzB,IAAA,IAAI,UAAY,EAAA;AACd,MACG,OAAA,CAAA,cAAA,CAAe,MAAO,CAAA,EAAE,CACxB,CAAA,KAAA,CAAM,CAAK,CAAA,KAAA,QAAA,CAAS,IAAI,CAAC,CACzB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAK,EAAA;AACP,UAAQ,OAAA,EAAA,CAAA;AACR,UAAS,QAAA,CAAA,CAAA,EAAG,SAAS,CAAO,KAAA,CAAA,CAAA,CAAA;AAAA,SACvB,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,eACM,QAAU,EAAA;AACnB,MAAA,OAAA,CACG,YAAa,CAAA,QAAA,CAAS,EAAI,EAAA,MAAA,CAAO,EAAE,CAAA,CACnC,KAAM,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,IAAI,CAAC,CAAA,CACzB,KAAK,CAAO,GAAA,KAAA;AACX,QAAA,IAAI,GAAK,EAAA;AACP,UAAQ,OAAA,EAAA,CAAA;AACR,UAAA,MAAA,CAAO,SAAS,MAAO,EAAA,CAAA;AAAA,SAClB,MAAA;AACL,UAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,SACf;AAAA,OACD,CAAA,CAAA;AAAA,KACL;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAU,EAAA,iBAAA;AAAA,MACV,iBAAgB,EAAA,mBAAA;AAAA,MAChB,kBAAiB,EAAA,yBAAA;AAAA,MACjB,oBAAoB,EAAA,IAAA;AAAA,MACpB,iBAAmB,EAAA,QAAA;AAAA,MACnB,aAAe,EAAA;AAAA,QACb,OAAS,EAAA,GAAA;AAAA,OACX;AAAA,KAAA;AAAA,oBAEC,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,CAAA,uBAAA,EAA0B,MAAO,CAAA,WAAW,CACzD,CAAA,EAAA,EAAA,KAAA,oBAAU,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAQ,kBAAgB,CAClD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,mBAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAQ,EAAA,IAAA;AAAA,QACR,SAAU,EAAA,IAAA;AAAA,OAAA;AAAA,MAET,KAAA;AAAA,KAEH,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,YAAA;AAAA,QACT,SAAU,EAAA,0BAAA;AAAA,QACV,SAAA,sCAAYA,UAAO,EAAA,IAAA,CAAA;AAAA,QACnB,KAAM,EAAA,WAAA;AAAA,OAAA;AAAA,MACP,QAAA;AAAA,KAED,sCACC,MAAO,EAAA,EAAA,OAAA,EAAS,SAAS,SAAU,EAAA,0BAAA,EAAA,EAA2B,QAE/D,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/FavoritePage/FavoritePage.esm.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Content, ContentHeader } from '@backstage/core-components';
+import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { Container } from '@material-ui/core';
+import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+
+const FavoritePage = () => {
+  return /* @__PURE__ */ React.createElement(Content, { className: "qetaFavoritePage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Your favorite questions" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(QuestionsContainer, { favorite: true })));
+};
+
+export { FavoritePage };
+//# sourceMappingURL=FavoritePage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Container } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\n\nexport const FavoritePage = () => {\n  return (\n    <Content className=\"qetaFavoritePage\">\n      <Container maxWidth=\"lg\">\n        <ContentHeader title=\"Your favorite questions\">\n          <BackToQuestionsButton />\n          <AskQuestionButton />\n        </ContentHeader>\n        <QuestionsContainer favorite />\n      </Container>\n    </Content>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,eAAe,MAAM;AAChC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,kBACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAU,QAAS,EAAA,IAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAM,EAAA,yBAAA,EAAA,sCAClB,qBAAsB,EAAA,IAAA,CAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,kBAAmB,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAC/B,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePage/HomePage.esm.js

@@ -0,0 +1,144 @@
+import React, { useEffect } from 'react';
+import { Container, Grid, Tooltip, IconButton, Menu, MenuItem, ListItemIcon } from '@material-ui/core';
+import { Page, Header, Content, ContentHeader } from '@backstage/core-components';
+import { Routes, Route, useSearchParams } from 'react-router-dom';
+import { AskPage } from '../AskPage/AskPage.esm.js';
+import { QuestionPage } from '../QuestionPage/QuestionPage.esm.js';
+import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
+import { TagPage } from '../TagPage/TagPage.esm.js';
+import { UserPage } from '../UserPage/UserPage.esm.js';
+import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
+import { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList.esm.js';
+import { useStyles, useIdentityApi } from '../../utils/hooks.esm.js';
+import Whatshot from '@material-ui/icons/Whatshot';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import StarIcon from '@material-ui/icons/Star';
+import AccountBox from '@material-ui/icons/AccountBox';
+import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
+import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { TrophyIcon } from '../Statistics/TrophyIcon.esm.js';
+import '../Statistics/styles.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { askRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, questionRouteRef, tagsRouteRef, tagRouteRef, userRouteRef, statisticsRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import '@backstage/plugin-catalog-react';
+import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+
+const MoreMenu = () => {
+  const [anchorEl, setAnchorEl] = React.useState(null);
+  const tagsRoute = useRouteRef(tagsRouteRef);
+  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
+  const statisticsRoute = useRouteRef(statisticsRouteRef);
+  const userRoute = useRouteRef(userRouteRef);
+  const open = Boolean(anchorEl);
+  const styles = useStyles();
+  const {
+    value: user,
+    loading: loadingUser,
+    error: userError
+  } = useIdentityApi((api) => api.getBackstageIdentity(), []);
+  const handleMenuOpen = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMenuClose = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { arrow: true, title: "More" }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "more",
+      "aria-controls": "long-menu",
+      "aria-haspopup": "true",
+      onClick: handleMenuOpen
+    },
+    /* @__PURE__ */ React.createElement(MoreVertIcon, null)
+  )), /* @__PURE__ */ React.createElement(
+    Menu,
+    {
+      id: "long-menu",
+      anchorEl,
+      keepMounted: true,
+      open,
+      getContentAnchorEl: null,
+      anchorOrigin: {
+        vertical: "bottom",
+        horizontal: "center"
+      },
+      transformOrigin: {
+        vertical: "top",
+        horizontal: "center"
+      },
+      onClose: handleMenuClose
+    },
+    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), "Tags"),
+    user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), "My questions"),
+    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), "Favorite questions"),
+    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), "Statistics")
+  ));
+};
+const HomePageContent = () => {
+  const [searchParams] = useSearchParams();
+  const [entityRef, setEntityRef] = React.useState(
+    void 0
+  );
+  const [tags, setTags] = React.useState(void 0);
+  useEffect(() => {
+    var _a;
+    setEntityRef((_a = searchParams.get("entity")) != null ? _a : void 0);
+    setTags(filterTags(searchParams.get("tags")));
+  }, [searchParams, setEntityRef]);
+  return /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: "All questions" }, /* @__PURE__ */ React.createElement(MoreMenu, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(QuestionsContainer, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
+    QuestionHighlightList,
+    {
+      type: "hot",
+      title: "Hot questions",
+      noQuestionsLabel: "No questions",
+      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" })
+    }
+  ), /* @__PURE__ */ React.createElement(
+    QuestionHighlightList,
+    {
+      type: "unanswered",
+      title: "Unanswered questions",
+      noQuestionsLabel: "No unanswered questions"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    QuestionHighlightList,
+    {
+      type: "incorrect",
+      title: "Questions without correct answer",
+      noQuestionsLabel: "No questions without correct answers"
+    }
+  )))));
+};
+const HomePage = (props) => {
+  const {
+    title = "Q&A",
+    subtitle,
+    headerElements,
+    themeId = "tool",
+    headerTooltip,
+    headerType,
+    headerTypeLink
+  } = props != null ? props : {};
+  return /* @__PURE__ */ React.createElement(Page, { themeId }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      title,
+      subtitle,
+      type: headerType,
+      typeLink: headerTypeLink,
+      tooltip: headerTooltip
+    },
+    headerElements
+  ), /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(HomePageContent, null) }), /* @__PURE__ */ React.createElement(Route, { path: askRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
+    Route,
+    {
+      path: favoriteQuestionsRouteRef.path,
+      element: /* @__PURE__ */ React.createElement(FavoritePage, null)
+    }
+  ), /* @__PURE__ */ React.createElement(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: questionRouteRef.path, element: /* @__PURE__ */ React.createElement(QuestionPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: userRouteRef.path, element: /* @__PURE__ */ React.createElement(UserPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: statisticsRouteRef.path, element: /* @__PURE__ */ React.createElement(StatisticsPage, null) })));
+};
+
+export { HomePage, HomePageContent };
+//# sourceMappingURL=HomePage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  Container,\n  Grid,\n  IconButton,\n  ListItemIcon,\n  Menu,\n  MenuItem,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n} from '@backstage/core-components';\nimport { Route, Routes, useSearchParams } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport { useIdentityApi, useStyles } from '../../utils/hooks';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport StarIcon from '@material-ui/icons/Star';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { StatisticsPage, TrophyIcon } from '../Statistics';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  askRouteRef,\n  editQuestionRouteRef,\n  favoriteQuestionsRouteRef,\n  questionRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nconst MoreMenu = () => {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const open = Boolean(anchorEl);\n  const styles = useStyles();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const handleMenuOpen = (event: any) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <Tooltip arrow title=\"More\">\n        <IconButton\n          aria-label=\"more\"\n          aria-controls=\"long-menu\"\n          aria-haspopup=\"true\"\n          onClick={handleMenuOpen}\n        >\n          <MoreVertIcon />\n        </IconButton>\n      </Tooltip>\n      <Menu\n        id=\"long-menu\"\n        anchorEl={anchorEl}\n        keepMounted\n        open={open}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n        onClose={handleMenuClose}\n      >\n        <MenuItem component=\"a\" href={tagsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          Tags\n        </MenuItem>\n        {user && !loadingUser && !userError && (\n          <MenuItem component=\"a\" href={`${userRoute()}/${user.userEntityRef}`}>\n            <ListItemIcon className={styles.menuIcon}>\n              <AccountBox fontSize=\"small\" />\n            </ListItemIcon>\n            My questions\n          </MenuItem>\n        )}\n        <MenuItem component=\"a\" href={favoritesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <StarIcon fontSize=\"small\" />\n          </ListItemIcon>\n          Favorite questions\n        </MenuItem>\n        <MenuItem component=\"a\" href={statisticsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <TrophyIcon />\n          </ListItemIcon>\n          Statistics\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport const HomePageContent = () => {\n  const [searchParams] = useSearchParams();\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Content className=\"qetaHomePage\">\n      <Container maxWidth=\"lg\">\n        <Grid container spacing={3}>\n          <Grid item xs={12} lg={9} xl={10}>\n            <ContentHeader title=\"All questions\">\n              <MoreMenu />\n              <AskQuestionButton entity={entityRef} tags={tags} />\n            </ContentHeader>\n            <QuestionsContainer entity={entityRef} tags={tags} />\n          </Grid>\n          <Grid item lg={3} xl={2}>\n            <QuestionHighlightList\n              type=\"hot\"\n              title=\"Hot questions\"\n              noQuestionsLabel=\"No questions\"\n              icon={<Whatshot fontSize=\"small\" />}\n            />\n            <QuestionHighlightList\n              type=\"unanswered\"\n              title=\"Unanswered questions\"\n              noQuestionsLabel=\"No unanswered questions\"\n            />\n            <QuestionHighlightList\n              type=\"incorrect\"\n              title=\"Questions without correct answer\"\n              noQuestionsLabel=\"No questions without correct answers\"\n            />\n          </Grid>\n        </Grid>\n      </Container>\n    </Content>\n  );\n};\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n};\n\nexport const HomePage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n  } = props ?? {};\n\n  return (\n    <Page themeId={themeId}>\n      <Header\n        title={title}\n        subtitle={subtitle}\n        type={headerType}\n        typeLink={headerTypeLink}\n        tooltip={headerTooltip}\n      >\n        {headerElements}\n      </Header>\n      <Routes>\n        <Route path=\"/\" element={<HomePageContent />} />\n        <Route path={askRouteRef.path} element={<AskPage />} />\n        <Route\n          path={favoriteQuestionsRouteRef.path}\n          element={<FavoritePage />}\n        />\n        <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n        <Route path={questionRouteRef.path} element={<QuestionPage />} />\n        <Route path={tagsRouteRef.path} element={<TagPage />} />\n        <Route path={tagRouteRef.path} element={<TagPage />} />\n        <Route path={userRouteRef.path} element={<UserPage />} />\n        <Route path={statisticsRouteRef.path} element={<StatisticsPage />} />\n      </Routes>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/components/Links/Links.esm.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { userRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { Link } from '@backstage/core-components';
+
+const UserLink = (props) => {
+  const { entityRef, linkProps } = props;
+  const userRoute = useRouteRef(userRouteRef);
+  const { primaryTitle: userName } = useEntityPresentation(
+    entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
+  );
+  if (entityRef === "anonymous") {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, "Anonymous");
+  }
+  return /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
+};
+const AuthorLink = (props) => {
+  const { entity, linkProps } = props;
+  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.author, linkProps });
+};
+const UpdatedByLink = (props) => {
+  const { entity, linkProps } = props;
+  if (!entity.updatedBy) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
+};
+
+export { AuthorLink, UpdatedByLink, UserLink };
+//# sourceMappingURL=Links.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import {\n  Answer,\n  Comment,\n  Question,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\n\nexport const UserLink = (props: {\n  entityRef: string;\n  linkProps?: LinkProps;\n}) => {\n  const { entityRef, linkProps } = props;\n  const userRoute = useRouteRef(userRouteRef);\n  const { primaryTitle: userName } = useEntityPresentation(\n    entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n  );\n  if (entityRef === 'anonymous') {\n    return <>Anonymous</>;\n  }\n  return (\n    <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n      {userName}\n    </Link>\n  );\n};\n\nexport const AuthorLink = (props: {\n  entity: Question | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n  entity: Question | Answer | Comment;\n  linkProps?: LinkProps;\n}) => {\n  const { entity, linkProps } = props;\n  if (!entity.updatedBy) {\n    return null;\n  }\n  return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":[],"mappings":";;;;;;AAWa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAA,iEAAS,WAAS,CAAA,CAAA;AAAA,GACpB;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}

package/dist/components/MarkdownEditor/MarkdownEditor.esm.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import ReactMde from 'react-mde';
+import { MarkdownContent } from '@backstage/core-components';
+import 'react-mde/lib/styles/css/react-mde.css';
+import 'react-mde/lib/styles/css/react-mde-editor.css';
+import 'react-mde/lib/styles/css/react-mde-toolbar.css';
+import { useStyles } from '../../utils/hooks.esm.js';
+import FileType from 'file-type';
+import { useApi, errorApiRef } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api/QetaClient.esm.js';
+
+const MarkdownEditor = (props) => {
+  const { config, value, onChange, height, error, placeholder } = props;
+  const [selectedTab, setSelectedTab] = React.useState(
+    "write"
+  );
+  const styles = useStyles();
+  const errorApi = useApi(errorApiRef);
+  const qetaApi = useApi(qetaApiRef);
+  const imageUpload = () => {
+    return async function* (data) {
+      var _a, _b;
+      const fileType = await FileType.fromBuffer(data);
+      const mimeType = fileType ? fileType.mime : "text/plain";
+      const attachment = await qetaApi.postAttachment(
+        new Blob([data], { type: mimeType })
+      );
+      if ("errors" in attachment) {
+        errorApi.post({
+          name: "Upload failed",
+          message: (_b = (_a = attachment.errors) == null ? void 0 : _a.map((e) => e.message).join(", ")) != null ? _b : ""
+        });
+        return false;
+      }
+      props.onImageUpload(attachment.id);
+      yield attachment.locationUri;
+      return true;
+    };
+  };
+  const isUploadDisabled = (config == null ? void 0 : config.getOptionalBoolean("qeta.storage.disabled")) || false;
+  return /* @__PURE__ */ React.createElement(
+    ReactMde,
+    {
+      classes: {
+        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,
+        textArea: error ? `qetaMarkdownEditorError ${styles.markdownEditorError}` : void 0,
+        preview: "qetaMarkdownEditorPreview",
+        toolbar: "qetaMarkdownEditorToolbar"
+      },
+      value,
+      onChange,
+      selectedTab,
+      onTabChange: setSelectedTab,
+      minEditorHeight: height,
+      minPreviewHeight: height - 10,
+      childProps: {
+        textArea: {
+          required: true,
+          placeholder
+        }
+      },
+      generateMarkdownPreview: (content) => Promise.resolve(
+        /* @__PURE__ */ React.createElement(
+          MarkdownContent,
+          {
+            content,
+            dialect: "gfm",
+            className: `qetaMarkdownEditorPreview ${styles.markdownContent}`
+          }
+        )
+      ),
+      paste: isUploadDisabled ? void 0 : {
+        saveImage: imageUpload()
+      }
+    }
+  );
+};
+
+export { MarkdownEditor };
+//# sourceMappingURL=MarkdownEditor.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport { MarkdownContent } from '@backstage/core-components';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { useStyles } from '../../utils/hooks';\nimport FileType from 'file-type';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\n\nexport const MarkdownEditor = (props: {\n  config: Config;\n  value: string;\n  onChange: (value: string) => void;\n  height: number;\n  error?: boolean;\n  placeholder?: string;\n  onImageUpload: (imageId: number) => void;\n}) => {\n  const { config, value, onChange, height, error, placeholder } = props;\n  const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n    'write',\n  );\n  const styles = useStyles();\n  const errorApi = useApi(errorApiRef);\n  const qetaApi = useApi(qetaApiRef);\n\n  const imageUpload = () => {\n    // eslint-disable-next-line func-names\n    return async function* (data: ArrayBuffer) {\n      const fileType = await FileType.fromBuffer(data);\n\n      const mimeType = fileType ? fileType.mime : 'text/plain';\n      const attachment = await qetaApi.postAttachment(\n        new Blob([data], { type: mimeType }),\n      );\n      if ('errors' in attachment) {\n        errorApi.post({\n          name: 'Upload failed',\n          message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n        });\n        return false;\n      }\n      props.onImageUpload(attachment.id);\n      yield attachment.locationUri;\n      return true;\n    };\n  };\n\n  const isUploadDisabled =\n    config?.getOptionalBoolean('qeta.storage.disabled') || false;\n\n  return (\n    <ReactMde\n      classes={{\n        reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n        textArea: error\n          ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n          : undefined,\n        preview: 'qetaMarkdownEditorPreview',\n        toolbar: 'qetaMarkdownEditorToolbar',\n      }}\n      value={value}\n      onChange={onChange}\n      selectedTab={selectedTab}\n      onTabChange={setSelectedTab}\n      minEditorHeight={height}\n      minPreviewHeight={height - 10}\n      childProps={{\n        textArea: {\n          required: true,\n          placeholder,\n        },\n      }}\n      generateMarkdownPreview={content =>\n        Promise.resolve(\n          <MarkdownContent\n            content={content}\n            dialect=\"gfm\"\n            className={`qetaMarkdownEditorPreview ${styles.markdownContent}`}\n          />,\n        )\n      }\n      paste={\n        isUploadDisabled\n          ? undefined\n          : {\n              saveImage: imageUpload(),\n            }\n      }\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js

@@ -0,0 +1,61 @@
+import { Box, List, ListSubheader, ListItem, ListItemText, Divider } from '@material-ui/core';
+import React from 'react';
+import { useQetaApi, useStyles } from '../../utils/hooks.esm.js';
+import { Skeleton } from '@material-ui/lab';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';
+
+const QuestionHighlightList = (props) => {
+  var _a;
+  const {
+    value: response,
+    loading,
+    error
+  } = useQetaApi((api) => api.getQuestionsList(props.type), []);
+  const classes = useStyles();
+  const questionRoute = useRouteRef(questionRouteRef);
+  const questions = (_a = response == null ? void 0 : response.questions) != null ? _a : [];
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      className: `qetaQuestionHighlightList ${classes.questionHighlightList}`,
+      display: { md: "none", lg: "block" }
+    },
+    /* @__PURE__ */ React.createElement(
+      List,
+      {
+        component: "nav",
+        "aria-labelledby": "nested-list-subheader",
+        className: "qetaQuestionHighlightListList",
+        subheader: /* @__PURE__ */ React.createElement(
+          ListSubheader,
+          {
+            disableSticky: true,
+            component: "div",
+            id: "nested-list-subheader",
+            color: "primary"
+          },
+          props.title,
+          props.icon
+        )
+      },
+      loading && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
+      error && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, "Failed to load questions")),
+      !error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
+      !error && questions.map((q) => /* @__PURE__ */ React.createElement(React.Fragment, { key: q.id }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
+        ListItem,
+        {
+          className: "qetaQuestionHighlightListListItem",
+          button: true,
+          dense: true,
+          component: "a",
+          href: questionRoute({ id: q.id.toString(10) })
+        },
+        /* @__PURE__ */ React.createElement(ListItemText, null, q.title)
+      )))
+    )
+  );
+};
+
+export { QuestionHighlightList };
+//# sourceMappingURL=QuestionHighlightList.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionHighlightList.esm.js","sources":["../../../src/components/QuestionHighlightList/QuestionHighlightList.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  List,\n  ListItem,\n  ListItemText,\n  ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useStyles } from '../../utils/hooks';\nimport { Skeleton } from '@material-ui/lab';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const QuestionHighlightList = (props: {\n  type: string;\n  title: string;\n  noQuestionsLabel: string;\n  icon?: JSX.Element;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getQuestionsList(props.type), []);\n  const classes = useStyles();\n  const questionRoute = useRouteRef(questionRouteRef);\n\n  const questions = response?.questions ?? [];\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.questionHighlightList}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className=\"qetaQuestionHighlightListList\"\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"div\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {props.title}\n            {props.icon}\n          </ListSubheader>\n        }\n      >\n        {loading && (\n          <ListItem>\n            <Skeleton variant=\"rect\" />\n          </ListItem>\n        )}\n        {error && (\n          <ListItem>\n            <ListItemText>Failed to load questions</ListItemText>\n          </ListItem>\n        )}\n        {!error && questions.length === 0 && (\n          <ListItem>\n            <ListItemText>{props.noQuestionsLabel}</ListItemText>\n          </ListItem>\n        )}\n        {!error &&\n          questions.map(q => (\n            <React.Fragment key={q.id}>\n              <Divider />\n              <ListItem\n                className=\"qetaQuestionHighlightListListItem\"\n                button\n                dense\n                component=\"a\"\n                href={questionRoute({ id: q.id.toString(10) })}\n              >\n                <ListItemText>{q.title}</ListItemText>\n              </ListItem>\n            </React.Fragment>\n          ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAca,MAAA,qBAAA,GAAwB,CAAC,KAKhC,KAAA;AAnBN,EAAA,IAAA,EAAA,CAAA;AAoBE,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,iBAAiB,KAAM,CAAA,IAAI,CAAG,EAAA,EAAE,CAAA,CAAA;AAC1D,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAElD,EAAA,MAAM,SAAY,GAAA,CAAA,EAAA,GAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,QAAA,CAAU,SAAV,KAAA,IAAA,GAAA,EAAA,GAAuB,EAAC,CAAA;AAE1C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,MACrE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAU,EAAA,+BAAA;AAAA,QACV,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,KAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,KAAM,CAAA,KAAA;AAAA,UACN,KAAM,CAAA,IAAA;AAAA,SACT;AAAA,OAAA;AAAA,MAGD,2BACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,sCACE,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,CAC3B,CAAA;AAAA,MAED,yBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EAAa,0BAAwB,CACxC,CAAA;AAAA,MAED,CAAC,KAAS,IAAA,SAAA,CAAU,MAAW,KAAA,CAAA,oBAC7B,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EAAc,KAAM,CAAA,gBAAiB,CACxC,CAAA;AAAA,MAED,CAAC,KAAA,IACA,SAAU,CAAA,GAAA,CAAI,uBACX,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,QAAN,EAAA,EAAe,GAAK,EAAA,CAAA,CAAE,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACT,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,mCAAA;AAAA,UACV,MAAM,EAAA,IAAA;AAAA,UACN,KAAK,EAAA,IAAA;AAAA,UACL,SAAU,EAAA,GAAA;AAAA,UACV,IAAA,EAAM,cAAc,EAAE,EAAA,EAAI,EAAE,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAAA,SAAA;AAAA,wBAE7C,KAAA,CAAA,aAAA,CAAC,YAAc,EAAA,IAAA,EAAA,CAAA,CAAE,KAAM,CAAA;AAAA,OAE3B,CACD,CAAA;AAAA,KACL;AAAA,GACF,CAAA;AAEJ;;;;"}