@drodil/backstage-plugin-qeta-react 3.31.3 → 3.31.4

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

@@ -2,7 +2,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { VoteButtons } from '../Buttons/VoteButtons.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';
@@ -13,6 +12,7 @@ import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
 import { makeStyles, Card, CardContent, Grid, Box, Button } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
+import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 
 const useStyles = makeStyles(
   (theme) => ({
@@ -149,37 +149,7 @@ const AnswerCard = (props) => {
                           ]
                         }
                       ) }),
-                      /* @__PURE__ */ jsxs(
-                        Box,
-                        {
-                          display: "flex",
-                          minWidth: 220,
-                          style: { gap: "8px" },
-                          ml: 1,
-                          children: [
-                            answerEntity.updated && answerEntity.updatedBy && /* @__PURE__ */ jsx(
-                              AuthorBox,
-                              {
-                                userEntityRef: answerEntity.updatedBy,
-                                time: answerEntity.updated,
-                                label: t("authorBox.updatedAtTime"),
-                                expert: false,
-                                anonymous: answerEntity.anonymous
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              AuthorBox,
-                              {
-                                userEntityRef: answerEntity.author,
-                                time: answerEntity.created,
-                                label: t("authorBox.answeredAtTime"),
-                                expert: answerEntity.expert,
-                                anonymous: answerEntity.anonymous
-                              }
-                            )
-                          ]
-                        }
-                      )
+                      /* @__PURE__ */ jsx(AuthorBoxes, { entity: answerEntity })
                     ]
                   }
                 )

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

@@ -1 +1 @@
-{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\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';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport type AnswerCardClassKeys =\n  | 'root'\n  | 'highlight'\n  | 'buttons'\n  | 'metadata'\n  | 'markdownContainer'\n  | 'contentContainer';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      marginTop: '1em',\n    },\n    contentContainer: {\n      marginLeft: '0.5em',\n      display: 'inline-block',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      minHeight: '6em',\n      paddingBottom: '0.5em',\n    },\n    metadata: {\n      marginTop: '1em',\n    },\n    highlight: {\n      animation: 'highlight 5s',\n    },\n    '@keyframes highlight': {\n      '0%': {\n        boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n      },\n      '100%': {\n        boxShadow: 'none',\n      },\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n  }),\n  { name: 'QetaAnswerCard' },\n);\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: PostResponse;\n  onAnswerDelete?: (answer: AnswerResponse) => void;\n}) => {\n  const { answer, question } = props;\n\n  const [editMode, setEditMode] = useState(false);\n  const [answerEntity, setAnswerEntity] = useState(answer);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  const [deleteModalOpen, setDeleteModalOpen] = 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.root} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item>\n              <VoteButtonContainer>\n                <VoteButtons entity={answerEntity} post={question} />\n                <LinkButton entity={answerEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid item className={styles.contentContainer}>\n              {editMode ? (\n                <AnswerForm\n                  post={question}\n                  onPost={onAnswerEdit}\n                  id={answerEntity.id}\n                />\n              ) : (\n                <>\n                  <Grid item className={styles.markdownContainer}>\n                    <MarkdownRenderer content={answerEntity.content} />\n                  </Grid>\n                  <Box\n                    display=\"flex\"\n                    alignItems=\"flex-end\"\n                    justifyContent=\"space-between\"\n                    className={styles.metadata}\n                    style={{ width: '100%' }}\n                  >\n                    <Box flex=\"1 1 0%\" minWidth={0}>\n                      {(answerEntity.canDelete || answerEntity.canEdit) && (\n                        <Box\n                          className={styles.buttons}\n                          style={{ alignSelf: 'flex-end' }}\n                        >\n                          {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                          {!answerEntity.correct && answerEntity.canDelete && (\n                            <>\n                              <Button\n                                variant=\"outlined\"\n                                size=\"small\"\n                                color=\"secondary\"\n                                onClick={handleDeleteModalOpen}\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                                onDelete={() =>\n                                  props.onAnswerDelete?.(answerEntity)\n                                }\n                              />\n                            </>\n                          )}\n                        </Box>\n                      )}\n                    </Box>\n                    <Box\n                      display=\"flex\"\n                      minWidth={220}\n                      style={{ gap: '8px' }}\n                      ml={1}\n                    >\n                      {answerEntity.updated && answerEntity.updatedBy && (\n                        <AuthorBox\n                          userEntityRef={answerEntity.updatedBy}\n                          time={answerEntity.updated}\n                          label={t('authorBox.updatedAtTime')}\n                          expert={false}\n                          anonymous={answerEntity.anonymous}\n                        />\n                      )}\n                      <AuthorBox\n                        userEntityRef={answerEntity.author}\n                        time={answerEntity.created}\n                        label={t('authorBox.answeredAtTime')}\n                        expert={answerEntity.expert}\n                        anonymous={answerEntity.anonymous}\n                      />\n                    </Box>\n                  </Box>\n                </>\n              )}\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        post={question}\n        answer={answerEntity}\n        onCommentAction={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/AnswerCard/AnswerCard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { AnswerForm } from '../AnswerForm';\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';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\n\nexport type AnswerCardClassKeys =\n  | 'root'\n  | 'highlight'\n  | 'buttons'\n  | 'metadata'\n  | 'markdownContainer'\n  | 'contentContainer';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      marginTop: '1em',\n    },\n    contentContainer: {\n      marginLeft: '0.5em',\n      display: 'inline-block',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      minHeight: '6em',\n      paddingBottom: '0.5em',\n    },\n    metadata: {\n      marginTop: '1em',\n    },\n    highlight: {\n      animation: 'highlight 5s',\n    },\n    '@keyframes highlight': {\n      '0%': {\n        boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n      },\n      '100%': {\n        boxShadow: 'none',\n      },\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n  }),\n  { name: 'QetaAnswerCard' },\n);\n\nexport const AnswerCard = (props: {\n  answer: AnswerResponse;\n  question: PostResponse;\n  onAnswerDelete?: (answer: AnswerResponse) => void;\n}) => {\n  const { answer, question } = props;\n\n  const [editMode, setEditMode] = useState(false);\n  const [answerEntity, setAnswerEntity] = useState(answer);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n\n  const [deleteModalOpen, setDeleteModalOpen] = 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.root} ${\n          highlightedAnswer ? styles.highlight : ''\n        }`}\n      >\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item>\n              <VoteButtonContainer>\n                <VoteButtons entity={answerEntity} post={question} />\n                <LinkButton entity={answerEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid item className={styles.contentContainer}>\n              {editMode ? (\n                <AnswerForm\n                  post={question}\n                  onPost={onAnswerEdit}\n                  id={answerEntity.id}\n                />\n              ) : (\n                <>\n                  <Grid item className={styles.markdownContainer}>\n                    <MarkdownRenderer content={answerEntity.content} />\n                  </Grid>\n                  <Box\n                    display=\"flex\"\n                    alignItems=\"flex-end\"\n                    justifyContent=\"space-between\"\n                    className={styles.metadata}\n                    style={{ width: '100%' }}\n                  >\n                    <Box flex=\"1 1 0%\" minWidth={0}>\n                      {(answerEntity.canDelete || answerEntity.canEdit) && (\n                        <Box\n                          className={styles.buttons}\n                          style={{ alignSelf: 'flex-end' }}\n                        >\n                          {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                          {!answerEntity.correct && answerEntity.canDelete && (\n                            <>\n                              <Button\n                                variant=\"outlined\"\n                                size=\"small\"\n                                color=\"secondary\"\n                                onClick={handleDeleteModalOpen}\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                                onDelete={() =>\n                                  props.onAnswerDelete?.(answerEntity)\n                                }\n                              />\n                            </>\n                          )}\n                        </Box>\n                      )}\n                    </Box>\n                    <AuthorBoxes entity={answerEntity} />\n                  </Box>\n                </>\n              )}\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection\n        post={question}\n        answer={answerEntity}\n        onCommentAction={onCommentAction}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AuthorBox/AuthorBoxes.esm.js

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '@material-ui/core';
+import { AuthorBox } from './AuthorBox.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+
+function isAnswer(entity) {
+  return "postId" in entity && "correct" in entity;
+}
+const AuthorBoxes = (props) => {
+  const entity = props.entity;
+  const { t } = useTranslationRef(qetaTranslationRef);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      display: "flex",
+      minWidth: 220,
+      style: { gap: "8px", justifyContent: "flex-end" },
+      ml: 1,
+      children: [
+        entity.updated && entity.updatedBy && /* @__PURE__ */ jsx(
+          AuthorBox,
+          {
+            userEntityRef: entity.updatedBy,
+            time: entity.updated,
+            label: t("authorBox.updatedAtTime"),
+            expert: false,
+            anonymous: entity.anonymous
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          AuthorBox,
+          {
+            userEntityRef: entity.author,
+            time: entity.created,
+            label: t("authorBox.answeredAtTime"),
+            expert: isAnswer(entity) ? entity.expert : false,
+            anonymous: entity.anonymous
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { AuthorBoxes };
+//# sourceMappingURL=AuthorBoxes.esm.js.map

package/dist/components/AuthorBox/AuthorBoxes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthorBoxes.esm.js","sources":["../../../src/components/AuthorBox/AuthorBoxes.tsx"],"sourcesContent":["import {\n  Answer,\n  PostAnswerEntity,\n  QetaIdEntity,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box } from '@material-ui/core';\nimport { AuthorBox } from './AuthorBox.tsx';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nfunction isAnswer(entity: QetaIdEntity): entity is Answer {\n  return 'postId' in entity && 'correct' in entity;\n}\n\nexport const AuthorBoxes = (props: { entity: PostAnswerEntity }) => {\n  const entity = props.entity;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Box\n      display=\"flex\"\n      minWidth={220}\n      style={{ gap: '8px', justifyContent: 'flex-end' }}\n      ml={1}\n    >\n      {entity.updated && entity.updatedBy && (\n        <AuthorBox\n          userEntityRef={entity.updatedBy}\n          time={entity.updated}\n          label={t('authorBox.updatedAtTime')}\n          expert={false}\n          anonymous={entity.anonymous}\n        />\n      )}\n      <AuthorBox\n        userEntityRef={entity.author}\n        time={entity.created}\n        label={t('authorBox.answeredAtTime')}\n        expert={isAnswer(entity) ? entity.expert : false}\n        anonymous={entity.anonymous}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUA,SAAS,SAAS,MAAwC,EAAA;AACxD,EAAO,OAAA,QAAA,IAAY,UAAU,SAAa,IAAA,MAAA;AAC5C;AAEa,MAAA,WAAA,GAAc,CAAC,KAAwC,KAAA;AAClE,EAAA,MAAM,SAAS,KAAM,CAAA,MAAA;AACrB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,QAAU,EAAA,GAAA;AAAA,MACV,KAAO,EAAA,EAAE,GAAK,EAAA,KAAA,EAAO,gBAAgB,UAAW,EAAA;AAAA,MAChD,EAAI,EAAA,CAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAO,MAAA,CAAA,OAAA,IAAW,OAAO,SACxB,oBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,SAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,YAClC,MAAQ,EAAA,KAAA;AAAA,YACR,WAAW,MAAO,CAAA;AAAA;AAAA,SACpB;AAAA,wBAEF,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAO,CAAA,MAAA;AAAA,YACtB,MAAM,MAAO,CAAA,OAAA;AAAA,YACb,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,YACnC,MAAQ,EAAA,QAAA,CAAS,MAAM,CAAA,GAAI,OAAO,MAAS,GAAA,KAAA;AAAA,YAC3C,WAAW,MAAO,CAAA;AAAA;AAAA;AACpB;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/QuestionCard/QuestionCard.esm.js

@@ -6,7 +6,6 @@ import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
 import RestoreIcon from '@material-ui/icons/Restore';
 import { FavoriteButton } from '../Buttons/FavoriteButton.esm.js';
-import { AuthorBox } from '../AuthorBox/AuthorBox.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 import { CommentSection } from '../CommentSection/CommentSection.esm.js';
 import { useRouteRef, useApi } from '@backstage/core-plugin-api';
@@ -25,6 +24,7 @@ import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 
 const useStyles = makeStyles(
   (theme) => ({
@@ -166,35 +166,7 @@ const QuestionCard = (props) => {
                           )
                         ] })
                       ] }),
-                      /* @__PURE__ */ jsxs(
-                        Box,
-                        {
-                          display: "flex",
-                          minWidth: 230,
-                          style: { gap: "8px" },
-                          ml: 1,
-                          children: [
-                            questionEntity.updated && questionEntity.updatedBy && /* @__PURE__ */ jsx(
-                              AuthorBox,
-                              {
-                                userEntityRef: questionEntity.updatedBy,
-                                time: questionEntity.updated,
-                                label: t("authorBox.updatedAtTime"),
-                                anonymous: questionEntity.anonymous
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              AuthorBox,
-                              {
-                                userEntityRef: questionEntity.author,
-                                time: questionEntity.created,
-                                label: t("authorBox.postedAtTime"),
-                                anonymous: questionEntity.anonymous
-                              }
-                            )
-                          ]
-                        }
-                      )
+                      /* @__PURE__ */ jsx(AuthorBoxes, { entity: questionEntity })
                     ]
                   }
                 )

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type QuestionCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      minHeight: '6em',\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaQuestionCard' },\n);\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n  const { question } = props;\n  const navigate = useNavigate();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [questionEntity, setQuestionEntity] = useState(question);\n  const qetaApi = useApi(qetaApiRef);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n  const styles = useStyles();\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  const restoreQuestion = async () => {\n    qetaApi.restorePost(question.id).then(q => {\n      setQuestionEntity(q);\n    });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item>\n              <VoteButtonContainer>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={questionEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={questionEntity} />\n                  <Box className={styles.buttons}>\n                    {(question.canEdit || question.canDelete) && (\n                      <>\n                        {question.canEdit && (\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            startIcon={<EditIcon />}\n                            onClick={() =>\n                              navigate(\n                                editQuestionRoute({\n                                  id: question.id.toString(10),\n                                }),\n                              )\n                            }\n                            className=\"qetaQuestionCardEditBtn\"\n                          >\n                            {t('questionPage.editButton')}\n                          </Button>\n                        )}\n                        {question.canDelete && (\n                          <>\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              color=\"secondary\"\n                              onClick={handleDeleteModalOpen}\n                              startIcon={<DeleteIcon />}\n                            >\n                              {t('deleteModal.deleteButton')}\n                            </Button>\n                            <DeleteModal\n                              open={deleteModalOpen}\n                              onClose={handleDeleteModalClose}\n                              entity={questionEntity}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {isModerator && questionEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreQuestion()}\n                        className=\"qetaQuestionCardRestoreBtn\"\n                      >\n                        {t('questionPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <Box\n                  display=\"flex\"\n                  minWidth={230}\n                  style={{ gap: '8px' }}\n                  ml={1}\n                >\n                  {questionEntity.updated && questionEntity.updatedBy && (\n                    <AuthorBox\n                      userEntityRef={questionEntity.updatedBy}\n                      time={questionEntity.updated}\n                      label={t('authorBox.updatedAtTime')}\n                      anonymous={questionEntity.anonymous}\n                    />\n                  )}\n                  <AuthorBox\n                    userEntityRef={questionEntity.author}\n                    time={questionEntity.created}\n                    label={t('authorBox.postedAtTime')}\n                    anonymous={questionEntity.anonymous}\n                  />\n                </Box>\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection post={questionEntity} onCommentAction={onCommentAction} />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QuestionCard.esm.js","sources":["../../../src/components/QuestionCard/QuestionCard.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useEffect, useState } from 'react';\nimport { VoteButtons } from '../Buttons/VoteButtons';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { editQuestionRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { VoteButtonContainer } from '../Utility/VoteButtonContainer';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  Grid,\n  makeStyles,\n} from '@material-ui/core';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\nimport { AuthorBoxes } from '../AuthorBox/AuthorBoxes.tsx';\n\nexport type QuestionCardClassKeys =\n  | 'root'\n  | 'contentContainer'\n  | 'markdownContainer'\n  | 'buttons'\n  | 'metadata';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    contentContainer: {\n      marginLeft: '0.5em',\n      width: 'calc(100% - 70px)',\n    },\n    markdownContainer: {\n      minHeight: '6em',\n      paddingBottom: '0.5em',\n    },\n    buttons: {\n      marginTop: '1em',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n    metadata: {\n      marginTop: theme.spacing(3),\n    },\n  }),\n  { name: 'QetaQuestionCard' },\n);\n\nexport const QuestionCard = (props: { question: PostResponse }) => {\n  const { question } = props;\n  const navigate = useNavigate();\n  const editQuestionRoute = useRouteRef(editQuestionRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const [questionEntity, setQuestionEntity] = useState(question);\n  const qetaApi = useApi(qetaApiRef);\n  const { isModerator } = useIsModerator();\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n    setQuestionEntity(q);\n  };\n  const styles = useStyles();\n\n  const highlightedAnswer = window.location.hash.slice(1) ?? undefined;\n  useEffect(() => {\n    if (highlightedAnswer) {\n      try {\n        const element = document.querySelector(`#${highlightedAnswer}`);\n        if (element) {\n          element.scrollIntoView();\n        }\n      } catch (e) {\n        // NOOP\n      }\n    }\n  }, [highlightedAnswer]);\n\n  const restoreQuestion = async () => {\n    qetaApi.restorePost(question.id).then(q => {\n      setQuestionEntity(q);\n    });\n  };\n\n  return (\n    <>\n      <Card variant=\"outlined\" className={styles.root}>\n        <CardContent>\n          <Grid\n            container\n            spacing={2}\n            justifyContent=\"flex-start\"\n            style={{ flexWrap: 'nowrap' }}\n          >\n            <Grid item>\n              <VoteButtonContainer>\n                <VoteButtons entity={questionEntity} />\n                <FavoriteButton entity={questionEntity} />\n                <LinkButton entity={questionEntity} />\n              </VoteButtonContainer>\n            </Grid>\n            <Grid\n              item\n              className={styles.contentContainer}\n              style={{ flexGrow: '1' }}\n            >\n              <Grid item className={styles.markdownContainer}>\n                <MarkdownRenderer content={questionEntity.content} />\n              </Grid>\n              <Box\n                display=\"flex\"\n                alignItems=\"flex-start\"\n                justifyContent=\"space-between\"\n                className={styles.metadata}\n                style={{ width: '100%' }}\n              >\n                <Box flex=\"1 1 0%\" minWidth={0}>\n                  <TagsAndEntities entity={questionEntity} />\n                  <Box className={styles.buttons}>\n                    {(question.canEdit || question.canDelete) && (\n                      <>\n                        {question.canEdit && (\n                          <Button\n                            variant=\"outlined\"\n                            size=\"small\"\n                            startIcon={<EditIcon />}\n                            onClick={() =>\n                              navigate(\n                                editQuestionRoute({\n                                  id: question.id.toString(10),\n                                }),\n                              )\n                            }\n                            className=\"qetaQuestionCardEditBtn\"\n                          >\n                            {t('questionPage.editButton')}\n                          </Button>\n                        )}\n                        {question.canDelete && (\n                          <>\n                            <Button\n                              variant=\"outlined\"\n                              size=\"small\"\n                              color=\"secondary\"\n                              onClick={handleDeleteModalOpen}\n                              startIcon={<DeleteIcon />}\n                            >\n                              {t('deleteModal.deleteButton')}\n                            </Button>\n                            <DeleteModal\n                              open={deleteModalOpen}\n                              onClose={handleDeleteModalClose}\n                              entity={questionEntity}\n                            />\n                          </>\n                        )}\n                      </>\n                    )}\n                    {isModerator && questionEntity.status === 'deleted' && (\n                      <Button\n                        variant=\"contained\"\n                        size=\"small\"\n                        startIcon={<RestoreIcon />}\n                        onClick={() => restoreQuestion()}\n                        className=\"qetaQuestionCardRestoreBtn\"\n                      >\n                        {t('questionPage.restoreButton')}\n                      </Button>\n                    )}\n                  </Box>\n                </Box>\n                <AuthorBoxes entity={questionEntity} />\n              </Box>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <CommentSection post={questionEntity} onCommentAction={onCommentAction} />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/package.json

@@ -7,7 +7,7 @@
     "frontend",
     "backstage.io"
   ],
-  "version": "3.31.3",
+  "version": "3.31.4",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "prepublishOnly": "yarn tsc && yarn build",
@@ -57,7 +57,7 @@
     "@backstage/plugin-permission-common": "^0.9.0",
     "@backstage/plugin-permission-react": "^0.4.34",
     "@backstage/plugin-signals-react": "^0.0.13",
-    "@drodil/backstage-plugin-qeta-common": "^3.31.3",
+    "@drodil/backstage-plugin-qeta-common": "^3.31.4",
     "@jsdevtools/rehype-toc": "^3.0.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",