npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.50.0 → 3.51.0 - Mend

@drodil/backstage-plugin-qeta-react 3.50.0 → 3.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (65) hide show

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

@@ -7,11 +7,17 @@ import { LinkButton } from '../Buttons/LinkButton.esm.js';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
-import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
-import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
+import { DeleteModal } from '../Modals/DeleteModal.esm.js';
 import { makeStyles, Card, CardContent, Grid, Box, Button } from '@material-ui/core';
+import '@material-ui/lab';
+import '@material-ui/icons/Block';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
+import '../Utility/ModalContent.esm.js';
+import '@material-ui/icons/Check';
+import { VoteButtonContainer } from '../Utility/VoteButtonContainer.esm.js';
 import { AuthorBoxes } from '../AuthorBox/AuthorBoxes.esm.js';
 const useStyles = makeStyles(
@@ -106,7 +112,7 @@ const AnswerCard = (props) => {
                     className: styles.metadata,
                     style: { width: "100%" },
                     children: [
-                      /* @__PURE__ */ jsx(Box, { flex: "1 1 0%", minWidth: 0, children: (answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ jsxs(
+                      /* @__PURE__ */ jsx(Box, { flex: "1 1 0%", minWidth: 0, children: (answerEntity.canDelete || answerEntity.canEdit) && question.status !== "obsolete" && /* @__PURE__ */ jsxs(
                         Box,
                         {
                           className: styles.buttons,

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

	@@ -1 +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 { 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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"}
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 { 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 '../Modals';\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 question.status !== 'obsolete' && (\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 &&\n 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/AnswerForm/AnswerForm.esm.js CHANGED Viewed

@@ -18,6 +18,8 @@ import 'dataloader';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
 import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
 const getDefaultValues = (postId) => {
@@ -186,6 +188,7 @@ const AnswerForm = (props) => {
                     value,
                     onChange,
                     height: 200,
+                    disabled: post.status === "obsolete",
                     error: "answer" in errors,
                     placeholder: t("answerForm.contentInput.placeholder"),
                     onImageUpload,
@@ -206,6 +209,7 @@ const AnswerForm = (props) => {
                       label: t("postForm.authorInput.label"),
                       placeholder: t("postForm.authorInput.placeholder"),
                       hideHelpText: true,
+                      disabled: post.status === "obsolete",
                       multiple: false,
                       kind: ["User"],
                       required: true,
@@ -221,6 +225,7 @@ const AnswerForm = (props) => {
               PostAnonymouslyCheckbox,
               {
                 control,
+                disabled: post.status === "obsolete",
                 label: t("anonymousCheckbox.answerAnonymously")
               }
             ),
@@ -230,7 +235,7 @@ const AnswerForm = (props) => {
                 variant: "contained",
                 type: "submit",
                 color: "primary",
-                disabled: posting || isSubmitting,
+                disabled: posting || isSubmitting || post.status === "obsolete",
                 style: { marginTop: theme.spacing(2) },
                 children: posting || isSubmitting ? /* @__PURE__ */ jsxs("span", { children: [
                   t("answerForm.submitting"),

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n alertApiRef,\n configApiRef,\n useAnalytics,\n useApi,\n} from '@backstage/core-plugin-api';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useIdentityApi, useIsModerator } from '../../hooks';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\ntype AnswerFormData = {\n postId: number;\n answer: string;\n images: number[];\n author?: Entity;\n anonymous?: boolean;\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n post: PostResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { post, onPost, id } = props;\n const [values, setValues] = useState<AnswerFormData>(\n getDefaultValues(post.id),\n );\n const analytics = useAnalytics();\n const { isModerator } = useIsModerator();\n const { value: identity } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n const theme = useTheme();\n const [error, setError] = useState(false);\n const [posting, setPosting] = useState(false);\n const catalogApi = useApi(catalogApiRef);\n const [images, setImages] = useState<number[]>([]);\n const [edited, setEdited] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const {\n handleSubmit,\n control,\n formState: { errors, isSubmitting },\n reset,\n } = useForm<AnswerFormData>({\n values,\n defaultValues: getDefaultValues(post.id),\n });\n\n const postAnswer = (data: AnswerFormData) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateAnswer(id, {\n postId: post.id,\n answer: data.answer,\n author: data.author ? stringifyEntityRef(data.author) : undefined,\n images,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n })\n .finally(() => setPosting(false));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n postId: post.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n })\n .finally(() => setPosting(false));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi\n .getAnswer(post.id, id)\n .then(a => {\n if ('content' in a) {\n setValues({ postId: post.id, answer: a.content, images: a.images });\n setImages(a.images);\n catalogApi.getEntityByRef(a.author).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, author: data };\n });\n }\n });\n } else {\n setError(true);\n }\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n });\n }\n }, [alertApi, catalogApi, id, post, qetaApi]);\n\n useEffect(() => {\n if (!id && identity?.userEntityRef) {\n catalogApi.getEntityByRef(identity.userEntityRef).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, author: data };\n });\n }\n });\n }\n }, [catalogApi, id, identity]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n return (\n <OptionalRequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <Card variant=\"outlined\">\n <CardContent>\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel\n severity=\"error\"\n title={t('answerForm.errorPosting')}\n />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n error={'answer' in errors}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={onImageUpload}\n answerId={id ? Number(id) : undefined}\n />\n )}\n name=\"answer\"\n />\n {isModerator && id && (\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n render={({ field, fieldState: { error: authorError } }) => {\n return (\n <EntitiesInput\n label={t('postForm.authorInput.label')}\n placeholder={t('postForm.authorInput.placeholder')}\n hideHelpText\n multiple={false}\n kind={['User']}\n required\n {...field}\n error={authorError}\n />\n );\n }}\n name=\"author\"\n />\n </Box>\n )}\n {allowAnonymouns && !id && (\n <PostAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button\n variant=\"contained\"\n type=\"submit\"\n color=\"primary\"\n disabled={posting \|\| isSubmitting}\n style={{ marginTop: theme.spacing(2) }}\n >\n {posting \|\| isSubmitting ? (\n <span>\n {t('answerForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n ) : (\n t(\n id\n ? 'answerForm.submit.existingAnswer'\n : 'answerForm.submit.newAnswer',\n )\n )}\n </Button>\n </form>\n </CardContent>\n </Card>\n </OptionalRequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/AnswerForm/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { useCallback, useEffect, useState } from 'react';\nimport {\n alertApiRef,\n configApiRef,\n useAnalytics,\n useApi,\n} from '@backstage/core-plugin-api';\nimport {\n AnswerResponse,\n PostResponse,\n qetaCreateAnswerPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { PostAnonymouslyCheckbox } from '../PostAnonymouslyCheckbox/PostAnonymouslyCheckbox';\nimport { useConfirmNavigationIfEdited } from '../../utils/utils';\nimport { qetaApiRef } from '../../api';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useIdentityApi, useIsModerator } from '../../hooks';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\n\ntype AnswerFormData = {\n postId: number;\n answer: string;\n images: number[];\n author?: Entity;\n anonymous?: boolean;\n};\n\nconst getDefaultValues = (postId: number): AnswerFormData => {\n return { postId, answer: '', images: [] };\n};\n\nexport const AnswerForm = (props: {\n post: PostResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { post, onPost, id } = props;\n const [values, setValues] = useState<AnswerFormData>(\n getDefaultValues(post.id),\n );\n const analytics = useAnalytics();\n const { isModerator } = useIsModerator();\n const { value: identity } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n const theme = useTheme();\n const [error, setError] = useState(false);\n const [posting, setPosting] = useState(false);\n const catalogApi = useApi(catalogApiRef);\n const [images, setImages] = useState<number[]>([]);\n const [edited, setEdited] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const {\n handleSubmit,\n control,\n formState: { errors, isSubmitting },\n reset,\n } = useForm<AnswerFormData>({\n values,\n defaultValues: getDefaultValues(post.id),\n });\n\n const postAnswer = (data: AnswerFormData) => {\n setPosting(true);\n\n if (id) {\n qetaApi\n .updateAnswer(id, {\n postId: post.id,\n answer: data.answer,\n author: data.author ? stringifyEntityRef(data.author) : undefined,\n images,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n })\n .finally(() => setPosting(false));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n postId: post.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a \|\| !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n })\n .finally(() => setPosting(false));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi\n .getAnswer(post.id, id)\n .then(a => {\n if ('content' in a) {\n setValues({ postId: post.id, answer: a.content, images: a.images });\n setImages(a.images);\n catalogApi.getEntityByRef(a.author).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, author: data };\n });\n }\n });\n } else {\n setError(true);\n }\n })\n .catch(e => {\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n });\n setError(true);\n });\n }\n }, [alertApi, catalogApi, id, post, qetaApi]);\n\n useEffect(() => {\n if (!id && identity?.userEntityRef) {\n catalogApi.getEntityByRef(identity.userEntityRef).then(data => {\n if (data) {\n setValues(v => {\n return { ...v, author: data };\n });\n }\n });\n }\n }, [catalogApi, id, identity]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useConfirmNavigationIfEdited(edited);\n\n const onImageUpload = useCallback(\n (imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n },\n [setImages],\n );\n\n return (\n <OptionalRequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <Card variant=\"outlined\">\n <CardContent>\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel\n severity=\"error\"\n title={t('answerForm.errorPosting')}\n />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n disabled={post.status === 'obsolete'}\n error={'answer' in errors}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={onImageUpload}\n answerId={id ? Number(id) : undefined}\n />\n )}\n name=\"answer\"\n />\n {isModerator && id && (\n <Box mt={1} mb={1}>\n <Controller\n control={control}\n render={({ field, fieldState: { error: authorError } }) => {\n return (\n <EntitiesInput\n label={t('postForm.authorInput.label')}\n placeholder={t('postForm.authorInput.placeholder')}\n hideHelpText\n disabled={post.status === 'obsolete'}\n multiple={false}\n kind={['User']}\n required\n {...field}\n error={authorError}\n />\n );\n }}\n name=\"author\"\n />\n </Box>\n )}\n {allowAnonymouns && !id && (\n <PostAnonymouslyCheckbox\n control={control}\n disabled={post.status === 'obsolete'}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button\n variant=\"contained\"\n type=\"submit\"\n color=\"primary\"\n disabled={posting \|\| isSubmitting \|\| post.status === 'obsolete'}\n style={{ marginTop: theme.spacing(2) }}\n >\n {posting \|\| isSubmitting ? (\n <span>\n {t('answerForm.submitting')}{' '}\n <span className=\"spinner-border spinner-border-sm\" />\n </span>\n ) : (\n t(\n id\n ? 'answerForm.submit.existingAnswer'\n : 'answerForm.submit.newAnswer',\n )\n )}\n </Button>\n </form>\n </CardContent>\n </Card>\n </OptionalRequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/ArticleContent/ArticleButtons.esm.js CHANGED Viewed

@@ -8,20 +8,27 @@ import { LinkButton } from '../Buttons/LinkButton.esm.js';
 import { useRouteRef, useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { editArticleRouteRef } from '../../routes.esm.js';
 import DeleteIcon from '@material-ui/icons/Delete';
-import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import { DeleteModal } from '../Modals/DeleteModal.esm.js';
+import '@material-ui/lab';
+import '@material-ui/icons/Block';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../Utility/ModalContent.esm.js';
+import '@material-ui/icons/Check';
 import EditIcon from '@material-ui/icons/Edit';
 import RestoreIcon from '@material-ui/icons/Restore';
 import { useVoting } from '../../hooks/useVoting.esm.js';
-import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { qetaTranslationRef } from '../../translation.esm.js';
 import { useNavigate } from 'react-router-dom';
-import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 const useLocalStyles = makeStyles(
   (theme) => {
@@ -112,49 +119,47 @@ const ArticleButtons = (props) => {
     /* @__PURE__ */ jsxs(Grid, { item: true, children: [
       /* @__PURE__ */ jsx(FavoriteButton, { entity: post }),
       /* @__PURE__ */ jsx(LinkButton, { entity: post }),
-      (post.canEdit || post.canDelete) && /* @__PURE__ */ jsxs(Fragment, { children: [
-        post.canEdit && /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.editButton"), children: /* @__PURE__ */ jsx(
+      post.canEdit && post.status !== "obsolete" && /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.editButton"), children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: () => navigate(
+            editArticleRoute({
+              id: post.id.toString(10)
+            })
+          ),
+          color: "primary",
+          children: /* @__PURE__ */ jsx(EditIcon, {})
+        }
+      ) }),
+      post.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.deleteButton"), children: /* @__PURE__ */ jsx(
           IconButton,
           {
             size: "small",
-            onClick: () => navigate(
-              editArticleRoute({
-                id: post.id.toString(10)
-              })
-            ),
-            color: "primary",
-            children: /* @__PURE__ */ jsx(EditIcon, {})
+            onClick: handleDeleteModalOpen,
+            color: "secondary",
+            children: /* @__PURE__ */ jsx(DeleteIcon, {})
           }
         ) }),
-        post.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.deleteButton"), children: /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              size: "small",
-              onClick: handleDeleteModalOpen,
-              color: "secondary",
-              children: /* @__PURE__ */ jsx(DeleteIcon, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsx(
-            DeleteModal,
-            {
-              open: deleteModalOpen,
-              onClose: handleDeleteModalClose,
-              entity: post
-            }
-          )
-        ] }),
-        isModerator && post.status === "deleted" && /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.restoreButton"), children: /* @__PURE__ */ jsx(
-          IconButton,
+        /* @__PURE__ */ jsx(
+          DeleteModal,
           {
-            size: "small",
-            onClick: () => restoreArticle(),
-            color: "primary",
-            children: /* @__PURE__ */ jsx(RestoreIcon, {})
+            open: deleteModalOpen,
+            onClose: handleDeleteModalClose,
+            entity: post
           }
-        ) })
-      ] })
+        )
+      ] }),
+      isModerator && post.status === "deleted" && /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.restoreButton"), children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          size: "small",
+          onClick: () => restoreArticle(),
+          color: "primary",
+          children: /* @__PURE__ */ jsx(RestoreIcon, {})
+        }
+      ) })
     ] })
   ] }) });
 };

package/dist/components/ArticleContent/ArticleButtons.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useNavigate } from 'react-router-dom';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type QetaArticleButtonsClassKey = 'container' \| 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n },\n { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const navigate = useNavigate();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const { isModerator } = useIsModerator();\n const qetaApi = useApi(qetaApiRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const alertApi = useApi(alertApiRef);\n\n const own = props.post.own ?? false;\n\n const isDisabled = () => {\n return own \|\| post.status !== 'active';\n };\n\n const getVoteUpTooltip = () => {\n if (isDisabled()) {\n return '';\n }\n return voteUpTooltip;\n };\n\n const getVoteDownTooltip = () => {\n if (isDisabled()) {\n return '';\n }\n return voteDownTooltip;\n };\n\n const restoreArticle = async () => {\n qetaApi\n .restorePost(post.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(() => {\n window.location.reload();\n });\n };\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\n <Tooltip title={getVoteUpTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={getVoteDownTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canEdit && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n onClick={() =>\n navigate(\n editArticleRoute({\n id: post.id.toString(10),\n }),\n )\n }\n color=\"primary\"\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n color=\"secondary\"\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n {isModerator && post.status === 'deleted' && (\n <Tooltip title={t('articlePage.restoreButton')}>\n <IconButton\n size=\"small\"\n onClick={() => restoreArticle()}\n color=\"primary\"\n >\n <RestoreIcon />\n </IconButton>\n </Tooltip>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../Modals';\nimport EditIcon from '@material-ui/icons/Edit';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useNavigate } from 'react-router-dom';\nimport { useIsModerator } from '../../hooks';\nimport { qetaApiRef } from '../../api.ts';\n\nexport type QetaArticleButtonsClassKey = 'container' \| 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n },\n { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const navigate = useNavigate();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const { isModerator } = useIsModerator();\n const qetaApi = useApi(qetaApiRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const alertApi = useApi(alertApiRef);\n\n const own = props.post.own ?? false;\n\n const isDisabled = () => {\n return own \|\| post.status !== 'active';\n };\n\n const getVoteUpTooltip = () => {\n if (isDisabled()) {\n return '';\n }\n return voteUpTooltip;\n };\n\n const getVoteDownTooltip = () => {\n if (isDisabled()) {\n return '';\n }\n return voteDownTooltip;\n };\n\n const restoreArticle = async () => {\n qetaApi\n .restorePost(post.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(() => {\n window.location.reload();\n });\n };\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\n <Tooltip title={getVoteUpTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={getVoteDownTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {post.canEdit && post.status !== 'obsolete' && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n onClick={() =>\n navigate(\n editArticleRoute({\n id: post.id.toString(10),\n }),\n )\n }\n color=\"primary\"\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n color=\"secondary\"\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n {isModerator && post.status === 'deleted' && (\n <Tooltip title={t('articlePage.restoreButton')}>\n <IconButton\n size=\"small\"\n onClick={() => restoreArticle()}\n color=\"primary\"\n >\n <RestoreIcon />\n </IconButton>\n </Tooltip>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,SAAW,EAAA;AAAA,QACT,KAAO,EAAA,MAAA;AAAA,QACP,UAAY,EAAA,QAAA;AAAA,QACZ,aAAe,EAAA,QAAA;AAAA,QACf,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACtD,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA,OAC3D;AAAA,MACA,SAAW,EAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,UAAY,EAAA;AAAA;AACd,KACF;AAAA,GACF;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B;AAEa,MAAA,cAAA,GAAiB,CAAC,KAAkC,KAAA;AAC/D,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA;AACjB,EAAM,MAAA,EAAE,eAAe,OAAS,EAAA,MAAA,EAAQ,OAAO,eAAiB,EAAA,QAAA,EAC9D,GAAA,SAAA,CAAU,IAAI,CAAA;AAChB,EAAA,MAAM,SAAS,cAAe,EAAA;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,gBAAA,GAAmB,YAAY,mBAAmB,CAAA;AACxD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAC7D,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,IAAA,CAAK,GAAO,IAAA,KAAA;AAE9B,EAAA,MAAM,aAAa,MAAM;AACvB,IAAO,OAAA,GAAA,IAAO,KAAK,MAAW,KAAA,QAAA;AAAA,GAChC;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,aAAA;AAAA,GACT;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,eAAA;AAAA,GACT;AAEA,EAAA,MAAM,iBAAiB,YAAY;AACjC,IACG,OAAA,CAAA,WAAA,CAAY,IAAK,CAAA,EAAE,CACnB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,MAAM;AACV,MAAA,MAAA,CAAO,SAAS,MAAO,EAAA;AAAA,KACxB,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,SAAA,EACrB,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,eAC7B,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,gBAAiB,EAAA,EAC/B,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAW,EAAA,SAAA;AAAA,UACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,UACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,oBAAuB,GAAA,YAAA;AAAA,UAChD,UAAU,UAAW,EAAA;AAAA,UACrB,IAAK,EAAA,OAAA;AAAA,UACL,OAAS,EAAA,MAAA;AAAA,UAET,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,SAEjB,CACF,EAAA,CAAA;AAAA,0BACC,OAAQ,EAAA,EAAA,KAAA,EAAO,kBAAmB,EAAA,EACjC,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAW,EAAA,WAAA;AAAA,UACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,UACjC,SAAA,EACE,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,UAEzC,UAAU,UAAW,EAAA;AAAA,UACrB,IAAK,EAAA,OAAA;AAAA,UACL,OAAS,EAAA,QAAA;AAAA,UAET,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA,SAEnB,CACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,MAAM,QAAS,CAAA,EAAE,GAAG,CAAA,EAC7D,8BAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAO,SAAW,EAAA,OAAA,EAAQ,QAC9C,EAAA,QAAA,EAAA,KAAA,EACH,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,IAAM,EAAA,CAAA;AAAA,sBAC9B,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,IAAM,EAAA,CAAA;AAAA,MACzB,IAAA,CAAK,OAAW,IAAA,IAAA,CAAK,MAAW,KAAA,UAAA,wBAC9B,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,wBAAwB,CACxC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,OAAA;AAAA,UACL,SAAS,MACP,QAAA;AAAA,YACE,gBAAiB,CAAA;AAAA,cACf,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,aACxB;AAAA,WACH;AAAA,UAEF,KAAM,EAAA,SAAA;AAAA,UAEN,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,OAEd,EAAA,CAAA;AAAA,MAED,IAAA,CAAK,6BAEF,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAC1C,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,OAAA;AAAA,YACL,OAAS,EAAA,qBAAA;AAAA,YACT,KAAM,EAAA,WAAA;AAAA,YAEN,8BAAC,UAAW,EAAA,EAAA;AAAA;AAAA,SAEhB,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,IAAM,EAAA,eAAA;AAAA,YACN,OAAS,EAAA,sBAAA;AAAA,YACT,MAAQ,EAAA;AAAA;AAAA;AACV,OACF,EAAA,CAAA;AAAA,MAED,WAAA,IAAe,KAAK,MAAW,KAAA,SAAA,wBAC7B,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,OAAA;AAAA,UACL,OAAA,EAAS,MAAM,cAAe,EAAA;AAAA,UAC9B,KAAM,EAAA,SAAA;AAAA,UAEN,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,OAEjB,EAAA;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ArticleContent/ArticleContent.esm.js CHANGED Viewed

@@ -12,6 +12,7 @@ import { qetaTranslationRef } from '../../translation.esm.js';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 import { DraftBanner } from '../Utility/DraftBanner.esm.js';
 import { DeletedBanner } from '../Utility/DeletedBanner.esm.js';
+import { ObsoleteBanner } from '../Utility/ObsoleteBanner.esm.js';
 import { getPostDisplayDate } from '../../utils/utils.esm.js';
 const useStyles = makeStyles(
@@ -60,6 +61,7 @@ const ArticleContent = (props) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     postEntity.status === "draft" && /* @__PURE__ */ jsx(DraftBanner, {}),
     postEntity.status === "deleted" && /* @__PURE__ */ jsx(DeletedBanner, {}),
+    postEntity.status === "obsolete" && /* @__PURE__ */ jsx(ObsoleteBanner, {}),
     /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
       /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
         Avatar,

package/dist/components/ArticleContent/ArticleContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useState } from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { DraftBanner } from '../Utility/DraftBanner';\nimport { DeletedBanner } from '../Utility/DeletedBanner.tsx';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nexport type QetaArticleContentClassKey =\n \| 'content'\n \| 'headerImage'\n \| 'commentSection'\n \| 'commentSectionContainer';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n content: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n headerImage: {\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '300px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n boxShadow: theme.shadows[1],\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n },\n commentSectionContainer: {\n marginTop: theme.spacing(4),\n },\n };\n },\n { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n );\n }\n\n return (\n <>\n {postEntity.status === 'draft' && <DraftBanner />}\n {postEntity.status === 'deleted' && <DeletedBanner />}\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.viewsCount', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={getPostDisplayDate(postEntity)} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n onError={e => (e.currentTarget.style.display = 'none')}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n showToc\n />\n {post.status === 'active' && (\n <Box className={styles.commentSectionContainer}>\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentAction={onCommentAction}\n showProminentButton\n />\n </Box>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;AAyBO~~,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC3B,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA,OAC3D;AAAA,MACA,WAAa,EAAA;AAAA,QACX,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC1B,MAAQ,EAAA,OAAA;AAAA,QACR,SAAW,EAAA,OAAA;AAAA,QACX,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACnD,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,OAC5B;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACzD,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,UAAY,EAAA;AAAA,OACd;AAAA,MACA,uBAAyB,EAAA;AAAA,QACvB,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC5B,KACF;AAAA,GACF;AAAA,EACA,EAAE,MAAM,aAAc;AACxB;AAEa,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA;AACxB,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AACjD,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,GACjB;AAEA,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,IAAA,uBACG,GAAA,CAAA,YAAA,EAAA,EAAa,KAAM,EAAA,WAAA,EAAY,SAAQ,4BAA6B,EAAA,CAAA;AAAA;AAIzE,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAW,UAAA,CAAA,MAAA,KAAW,OAAW,oBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,IAC9C,UAAW,CAAA,MAAA,KAAW,SAAa,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,~~oBAClD~~,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,YAAW,QACzB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,UAC1B,SAAU,EAAA,mBAAA;AAAA,UACV,GAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,SAAA;AAAA,UAEP,QAAA,EAAA;AAAA;AAAA,OAEL,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,WAAA,EAAa,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA,wBACtC,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,UAAA,CAAA,CAAE,mBAAqB,EAAA,EAAE,KAAO,EAAA,KAAA,EAAO,CAAA;AAAA,UAAE,GAAA;AAAA,UAAE,QAAA;AAAA,UAC3C,EAAE,wBAAwB,CAAA;AAAA,UAAG,GAAA;AAAA,0BAC7B,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,kBAAA,CAAmB,UAAU,CAAG,EAAA;AAAA,SAClE,EAAA;AAAA,OACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EACb,8BAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,IAAM,EAAA,UAAA,EAAY,GACpC,CACF,EAAA,CAAA;AAAA,IACC,WAAW,WACV,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAK,IAAK,CAAA,WAAA;AAAA,QACV,KAAK,IAAK,CAAA,KAAA;AAAA,QACV,OAAS,EAAA,CAAA,CAAA,KAAM,CAAE,CAAA,aAAA,CAAc,MAAM,OAAU,GAAA,MAAA;AAAA,QAC/C,WAAW,MAAO,CAAA;AAAA;AAAA,KACpB;AAAA,oBAEF,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,UAAW,CAAA,OAAA;AAAA,QACpB,WAAW,MAAO,CAAA,OAAA;AAAA,QAClB,OAAO,EAAA;AAAA;AAAA,KACT;AAAA,IACC,KAAK,MAAW,KAAA,QAAA,yBACd,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,uBACrB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,QAAA,EAAA,CAAA,CAAE,iBAAiB,CAAE,EAAA,CAAA;AAAA,sBAC/C,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,WAAW,MAAO,CAAA,cAAA;AAAA,UAClB,IAAM,EAAA,UAAA;AAAA,UACN,eAAA;AAAA,UACA,mBAAmB,EAAA;AAAA;AAAA;AACrB,KACF,EAAA,CAAA;AAAA,oBAED,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EACb,8BAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EAAgB,MAAQ,EAAA,UAAA,EAAY,GACvC,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useState } from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\nimport { DraftBanner } from '../Utility/DraftBanner';\nimport { DeletedBanner } from '../Utility/DeletedBanner.tsx';\nimport { ObsoleteBanner } from '../Utility/ObsoleteBanner.tsx';\nimport { getPostDisplayDate } from '../../utils/utils';\n\nexport type QetaArticleContentClassKey =\n \| 'content'\n \| 'headerImage'\n \| 'commentSection'\n \| 'commentSectionContainer';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n content: {\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n headerImage: {\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '300px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n boxShadow: theme.shadows[1],\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n },\n commentSectionContainer: {\n marginTop: theme.spacing(4),\n },\n };\n },\n { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n );\n }\n\n return (\n <>\n {postEntity.status === 'draft' && <DraftBanner />}\n {postEntity.status === 'deleted' && <DeletedBanner />}\n {postEntity.status === 'obsolete' && <ObsoleteBanner />}\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.viewsCount', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={getPostDisplayDate(postEntity)} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n onError={e => (e.currentTarget.style.display = 'none')}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n showToc\n />\n {post.status === 'active' && (\n <Box className={styles.commentSectionContainer}>\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentAction={onCommentAction}\n showProminentButton\n />\n </Box>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/AuthorBox/AuthorBox.esm.js CHANGED Viewed

@@ -21,6 +21,7 @@ const useStyles = makeStyles(
       gap: theme.spacing(0.5),
       alignItems: "center",
       marginBottom: "8px",
+      whiteSpace: "nowrap",
       "& > *": {
         fontSize: "12px",
         display: "inline-flex",
@@ -69,7 +70,7 @@ const useStyles = makeStyles(
   { name: "QetaAuthorBox" }
 );
 const AuthorBox = (props) => {
-  const { userEntityRef, time, label, expert, anonymous, compact } = props;
+  const { userEntityRef, time, label, expert, anonymous, compact, noLink } = props;
   const { name, initials, user } = useUserInfo(userEntityRef);
   const styles = useStyles();
   if (compact) {
@@ -84,7 +85,14 @@ const AuthorBox = (props) => {
           children: initials
         }
       ),
-      /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: /* @__PURE__ */ jsx(UserLink, { entityRef: userEntityRef, anonymous }) }),
+      /* @__PURE__ */ jsx(Typography, { variant: "body2", component: "span", children: /* @__PURE__ */ jsx(
+        UserLink,
+        {
+          entityRef: userEntityRef,
+          anonymous,
+          noLink
+        }
+      ) }),
       expert && /* @__PURE__ */ jsx(ExpertIcon, { className: styles.expertIcon }),
       /* @__PURE__ */ jsx(Typography, { className: "qetaAuthorBoxCreated", variant: "caption", children: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: time }) })
     ] });
@@ -107,7 +115,14 @@ const AuthorBox = (props) => {
         }
       ),
       /* @__PURE__ */ jsxs(Box, { className: styles.authorLink, children: [
-        /* @__PURE__ */ jsx(UserLink, { entityRef: userEntityRef, anonymous }),
+        /* @__PURE__ */ jsx(
+          UserLink,
+          {
+            entityRef: userEntityRef,
+            anonymous,
+            noLink
+          }
+        ),
         expert && /* @__PURE__ */ jsx(ExpertIcon, { className: styles.expertIcon })
       ] })
     ] })

package/dist/components/AuthorBox/AuthorBox.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(0, 1.5, 0, 0),\n textAlign: 'right',\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n marginLeft: theme.spacing(2),\n maxWidth: '200px',\n },\n authorBoxCompact: {\n display: 'flex',\n gap: theme.spacing(0.5),\n alignItems: 'center',\n marginBottom: '8px',\n '& > *': {\n fontSize: '12px',\n display: 'inline-flex',\n lineHeight: '16px',\n },\n },\n timeRow: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n },\n avatar: {\n width: '20px',\n height: '20px',\n },\n avatarCompact: {\n width: '20px',\n height: '20px',\n },\n authorInfo: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: theme.spacing(0.5),\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n },\n expertIcon: {\n marginLeft: theme.spacing(0.5),\n verticalAlign: 'middle',\n },\n meta: {\n color: theme.palette.text.secondary,\n textAlign: 'center',\n margin: 0,\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n userEntityRef: string;\n time: string \| Date;\n label: string;\n expert?: boolean;\n anonymous?: boolean;\n compact?: boolean;\n}) => {\n const { userEntityRef, time, label, expert, anonymous, compact } = props;\n const { name, initials, user } = useUserInfo(userEntityRef);\n const styles = useStyles();\n\n if (compact) {\n return (\n <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Typography variant=\"body2\" component=\"span\">\n <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n </Typography>\n {expert && <ExpertIcon className={styles.expertIcon} />}\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n );\n }\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n <Box className={styles.timeRow}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {label} <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n <Box className={styles.authorInfo}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={styles.authorLink}>\n <UserLink entityRef={userEntityRef} anonymous={anonymous} />\n {expert && <ExpertIcon className={styles.expertIcon} />}\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,MACnC,SAAW,EAAA,OAAA;AAAA,MACX,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,QAAA;AAAA,MACf,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,MAAA;AAAA,MACT,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MACtB,UAAY,EAAA,QAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,MACd,OAAS,EAAA;AAAA,QACP,QAAU,EAAA,MAAA;AAAA,QACV,OAAS,EAAA,aAAA;AAAA,QACT,UAAY,EAAA;AAAA;AACd,KACF;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA;AAAA,KAClB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV;AAAA,IACA,UAAY,EAAA;AAAA,MACV,YAAc,EAAA,UAAA;AAAA,MACd,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,MAC1B,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,cAAgB,EAAA,UAAA;AAAA,MAChB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,KACxB;AAAA,IACA,UAAY,EAAA;AAAA,MACV,YAAc,EAAA,UAAA;AAAA,MACd,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,MACZ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA,KAC5B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,MAC7B,aAAe,EAAA;AAAA,KACjB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,MAC1B,SAAW,EAAA,QAAA;AAAA,MACX,MAAQ,EAAA;AAAA;AACV,GACF,CAAA;AAAA,EACA,EAAE,MAAM,eAAgB;AAC1B,CAAA;AAEa,MAAA,SAAA,GAAY,CAAC,~~KAOpB~~,KAAA;AACJ,~~EAAA~~,~~MAAM~~,EAAE,~~aAAe~~,EAAA,~~IAAA~~,~~EAAM~~,~~OAAO~~,~~MAAQ~~,EAAA,~~SAAA~~,~~EAAW~~,~~SAAY~~,GAAA,KAAA;~~AACnE~~,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,YAAY,aAAa,CAAA;AAC1D,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,4BACG,GAAI,EAAA,EAAA,SAAA,EAAW,CAAiB,cAAA,EAAA,MAAA,CAAO,gBAAgB,CACtD,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,UAC1B,SAAA,EAAW,CAAuB,oBAAA,EAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,UACtD,GAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,SAAA;AAAA,UAEP,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,~~sBACA~~,GAAA,~~CAAC~~,~~UAAW~~,EAAA,EAAA,OAAA,EAAQ,~~OAAQ~~,~~EAAA,SAAA,EAAU,~~MACpC,EAAA,QAAA,kBAAA,GAAA,~~CAAC~~,~~QAAS~~,~~EAAA~~,~~EAAA~~,~~SAAA~~,~~EAAW~~,~~aAAe~~,~~EAAA~~,SAAA,~~EAAsB~~,~~CAC5D~~,EAAA,CAAA;AAAA,MACC,MAAU,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAO,UAAY,EAAA,CAAA;AAAA,sBACrD,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,sBAAuB,EAAA,OAAA,EAAQ,WACnD,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,IAAA,EAAM,CACxC,EAAA;AAAA,KACF,EAAA,CAAA;AAAA;AAIJ,EAAA,4BACG,GAAI,EAAA,EAAA,SAAA,EAAW,CAAiB,cAAA,EAAA,MAAA,CAAO,SAAS,CAC/C,CAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,WAAW,MAAO,CAAA,OAAA,EACrB,+BAAC,UAAW,EAAA,EAAA,SAAA,EAAU,sBAAuB,EAAA,OAAA,EAAQ,SAClD,EAAA,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MAAM,GAAA;AAAA,sBAAC,GAAA,CAAC,uBAAwB,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA;AAAA,KAAA,EAChD,CACF,EAAA,CAAA;AAAA,oBACC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACrB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,UAC1B,SAAA,EAAW,CAAuB,oBAAA,EAAA,MAAA,CAAO,MAAM,CAAA,CAAA;AAAA,UAC/C,GAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,SAAA;AAAA,UAEP,QAAA,EAAA;AAAA;AAAA,OACH;AAAA,sBACC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACrB,EAAA,QAAA,EAAA;AAAA,~~wBAAC~~,GAAA,~~CAAA~~,QAAA,~~EAAA~~,~~EAAS~~,SAAW,EAAA,aAAA,~~EAAe~~,~~SAAsB~~,~~EAAA~~,~~CAAA~~;AAAA,~~QACzD~~,MAAU,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAW,OAAO,UAAY,EAAA;AAAA,OACvD,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { UserLink } from '../Links';\nimport { useUserInfo } from '../../hooks/useEntityAuthor';\nimport { Avatar, Box, makeStyles, Typography } from '@material-ui/core';\nimport { ExpertIcon } from '../Icons/ExpertIcon.tsx';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(0, 1.5, 0, 0),\n textAlign: 'right',\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(0.5),\n marginLeft: theme.spacing(2),\n maxWidth: '200px',\n },\n authorBoxCompact: {\n display: 'flex',\n gap: theme.spacing(0.5),\n alignItems: 'center',\n marginBottom: '8px',\n whiteSpace: 'nowrap',\n '& > *': {\n fontSize: '12px',\n display: 'inline-flex',\n lineHeight: '16px',\n },\n },\n timeRow: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n },\n avatar: {\n width: '20px',\n height: '20px',\n },\n avatarCompact: {\n width: '20px',\n height: '20px',\n },\n authorInfo: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n gap: theme.spacing(0.5),\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n color: theme.palette.text.primary,\n },\n expertIcon: {\n marginLeft: theme.spacing(0.5),\n verticalAlign: 'middle',\n },\n meta: {\n color: theme.palette.text.secondary,\n textAlign: 'center',\n margin: 0,\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: {\n userEntityRef: string;\n time: string \| Date;\n label: string;\n expert?: boolean;\n anonymous?: boolean;\n compact?: boolean;\n noLink?: boolean;\n}) => {\n const { userEntityRef, time, label, expert, anonymous, compact, noLink } =\n props;\n const { name, initials, user } = useUserInfo(userEntityRef);\n const styles = useStyles();\n\n if (compact) {\n return (\n <Box className={`qetaAuthorBox ${styles.authorBoxCompact}`}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatarCompact}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Typography variant=\"body2\" component=\"span\">\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n </Typography>\n {expert && <ExpertIcon className={styles.expertIcon} />}\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n );\n }\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n <Box className={styles.timeRow}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {label} <RelativeTimeWithTooltip value={time} />\n </Typography>\n </Box>\n <Box className={styles.authorInfo}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className={`qetaAuthorBoxAvatar ${styles.avatar}`}\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n <Box className={styles.authorLink}>\n <UserLink\n entityRef={userEntityRef}\n anonymous={anonymous}\n noLink={noLink}\n />\n {expert && <ExpertIcon className={styles.expertIcon} />}\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Buttons/FavoriteButton.esm.js CHANGED Viewed

@@ -44,7 +44,7 @@ const FavoriteButton = (props) => {
     {
       "aria-label": "unfavorite",
       size: "small",
-      disabled: entity.status !== "active",
+      disabled: entity.status !== "active" && entity.status !== "obsolete",
       onClick: unfavoriteQuestion,
       className: "qetaUnfavoriteBtn",
       children: /* @__PURE__ */ jsx(StarIcon, {})
@@ -54,7 +54,7 @@ const FavoriteButton = (props) => {
     {
       "aria-label": "favorite",
       size: "small",
-      disabled: entity.status !== "active",
+      disabled: entity.status !== "active" && entity.status !== "obsolete",
       onClick: favoriteQuestion,
       className: "qetaFavoriteBtn",
       children: /* @__PURE__ */ jsx(StarOutlineIcon, {})

package/dist/components/Buttons/FavoriteButton.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Fragment, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n const [entity, setEntity] = useState<PostResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const favoriteQuestion = () => {\n qetaApi\n .favoritePost(entity.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(response => {\n if (response) {\n setEntity(response);\n }\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi\n .unfavoritePost(entity.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(response => {\n if (response) {\n setEntity(response);\n }\n });\n };\n\n return (\n <Fragment>\n {entity.favorite ? (\n <Tooltip title={t('favorite.remove')}>\n <IconButton\n aria-label=\"unfavorite\"\n size=\"small\"\n disabled={entity.status !== 'active'}\n onClick={unfavoriteQuestion}\n className=\"qetaUnfavoriteBtn\"\n >\n <StarIcon />\n </IconButton>\n </Tooltip>\n ) : (\n <Tooltip title={t('favorite.add')}>\n <IconButton\n aria-label=\"favorite\"\n size=\"small\"\n disabled={entity.status !== 'active'}\n onClick={favoriteQuestion}\n className=\"qetaFavoriteBtn\"\n >\n <StarOutlineIcon />\n </IconButton>\n </Tooltip>\n )}\n </Fragment>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IACG,OAAA,CAAA,YAAA,CAAa,MAAO,CAAA,EAAE,CACtB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IACG,OAAA,CAAA,cAAA,CAAe,MAAO,CAAA,EAAE,CACxB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA,CAAC,YACE,QAAO,EAAA,MAAA,CAAA,QAAA,uBACL,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QAAA,~~EAAU~~,OAAO,MAAW,KAAA,~~QAAA~~;AAAA,~~MAC5B~~,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,MAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CAEA,mBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QAAA,~~EAAU~~,OAAO,MAAW,KAAA,~~QAAA~~;AAAA,~~MAC5B~~,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,MAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,CAEJ,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { Fragment, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n const [entity, setEntity] = useState<PostResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const alertApi = useApi(alertApiRef);\n\n const favoriteQuestion = () => {\n qetaApi\n .favoritePost(entity.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(response => {\n if (response) {\n setEntity(response);\n }\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi\n .unfavoritePost(entity.id)\n .catch(e =>\n alertApi.post({\n message: e.message,\n display: 'transient',\n severity: 'error',\n }),\n )\n .then(response => {\n if (response) {\n setEntity(response);\n }\n });\n };\n\n return (\n <Fragment>\n {entity.favorite ? (\n <Tooltip title={t('favorite.remove')}>\n <IconButton\n aria-label=\"unfavorite\"\n size=\"small\"\n disabled={\n entity.status !== 'active' && entity.status !== 'obsolete'\n }\n onClick={unfavoriteQuestion}\n className=\"qetaUnfavoriteBtn\"\n >\n <StarIcon />\n </IconButton>\n </Tooltip>\n ) : (\n <Tooltip title={t('favorite.add')}>\n <IconButton\n aria-label=\"favorite\"\n size=\"small\"\n disabled={\n entity.status !== 'active' && entity.status !== 'obsolete'\n }\n onClick={favoriteQuestion}\n className=\"qetaFavoriteBtn\"\n >\n <StarOutlineIcon />\n </IconButton>\n </Tooltip>\n )}\n </Fragment>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IACG,OAAA,CAAA,YAAA,CAAa,MAAO,CAAA,EAAE,CACtB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IACG,OAAA,CAAA,cAAA,CAAe,MAAO,CAAA,EAAE,CACxB,CAAA,KAAA;AAAA,MAAM,CAAA,CAAA,KACL,SAAS,IAAK,CAAA;AAAA,QACZ,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,OAAS,EAAA,WAAA;AAAA,QACT,QAAU,EAAA;AAAA,OACX;AAAA,KACH,CACC,KAAK,CAAY,QAAA,KAAA;AAChB,MAAA,IAAI,QAAU,EAAA;AACZ,QAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AACpB,KACD,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA,CAAC,YACE,QAAO,EAAA,MAAA,CAAA,QAAA,uBACL,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QACE,EAAA,MAAA,CAAO,MAAW,KAAA,QAAA,IAAY,OAAO,MAAW,KAAA,UAAA;AAAA,MAElD,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,MAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CAEA,mBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,QACE,EAAA,MAAA,CAAO,MAAW,KAAA,QAAA,IAAY,OAAO,MAAW,KAAA,UAAA;AAAA,MAElD,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,MAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,CAEJ,EAAA,CAAA;AAEJ;;;;"}