npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.59.2 → 3.59.5 - Mend

@drodil/backstage-plugin-qeta-react 3.59.2 → 3.59.5

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 (161) hide show

package/dist/alpha.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import { Pluggable } from 'unified';\nimport {\n coreExtensionData,\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nexport const markdownPlugin = createExtensionDataRef<Pluggable>().with({\n id: 'qeta.markdown-plugin',\n});\n\nexport const QetaMarkdownRehypePluginBlueprint = createExtensionBlueprint({\n kind: 'markdown-plugin',\n attachTo: { id: 'api:qeta/addons', input: 'rehypePlugins' },\n output: [markdownPlugin],\n factory(params: { plugin: Pluggable }) {\n return [markdownPlugin(params.plugin)];\n },\n});\n\nexport const QetaMarkdownRemarkPluginBlueprint = createExtensionBlueprint({\n kind: 'markdown-plugin',\n attachTo: { id: 'api:qeta/addons', input: 'remarkPlugins' },\n output: [markdownPlugin],\n factory(params: { plugin: Pluggable }) {\n return [markdownPlugin(params.plugin)];\n },\n});\n\nexport const QetaPageIntroElementBlueprint = createExtensionBlueprint({\n kind: 'intro-element',\n attachTo: { id: 'page:qeta', input: 'introElement' },\n output: [coreExtensionData.reactElement],\n factory(params: { element: JSX.Element }) {\n return [coreExtensionData.reactElement(params.element)];\n },\n});\n\nexport const QetaPageHeaderElementBlueprint = createExtensionBlueprint({\n kind: 'header-element',\n attachTo: { id: 'page:qeta', input: 'headerElements' },\n output: [coreExtensionData.reactElement],\n factory(params: { element: JSX.Element }) {\n return [coreExtensionData.reactElement(params.element)];\n },\n});\n"],"names":[],"mappings":";;~~AAOa~~,~~MAAA~~,cAAA,GAAiB,~~sBAAkC~~,~~EAAA~~,CAAE,~~IAAK~~,~~CAAA~~;AAAA,EACrE,EAAI~~,EAAA~~;AACN,CAAC;AAEM,MAAM,oCAAoC,~~wBAAyB~~,~~CAAA~~;AAAA,EACxE,~~IAAM~~,~~EAAA~~,iBAAA;AAAA,EACN,~~QAAU~~,~~EAAA~~,EAAE,EAAI,~~EAAA,~~iBAAA,EAAmB,OAAO,~~eAAgB~~,~~EAAA~~;AAAA,EAC1D,MAAA,EAAQ,CAAC,cAAc,CAAA;AAAA,EACvB,QAAQ,~~MAA~~+B~~,EAAA~~;AACrC,IAAA,OAAO,CAAC,cAAA,CAAe,~~MAAO~~,~~CAAA~~,MAAM,CAAC,CAAA;AAAA;~~AAEzC~~,CAAC;AAEM,MAAM,oCAAoC,~~wBAAyB~~,~~CAAA~~;AAAA,EACxE,~~IAAM~~,~~EAAA~~,iBAAA;AAAA,EACN,~~QAAU~~,~~EAAA~~,EAAE,EAAI,~~EAAA,~~iBAAA,EAAmB,OAAO,~~eAAgB~~,~~EAAA~~;AAAA,EAC1D,MAAA,EAAQ,CAAC,cAAc,CAAA;AAAA,EACvB,QAAQ,~~MAA~~+B~~,EAAA~~;AACrC,IAAA,OAAO,CAAC,cAAA,CAAe,~~MAAO~~,~~CAAA~~,MAAM,CAAC,CAAA;AAAA;~~AAEzC~~,CAAC;AAEM,MAAM,gCAAgC,~~wBAAyB~~,~~CAAA~~;AAAA,EACpE,~~IAAM~~,~~EAAA~~,eAAA;AAAA,EACN,~~QAAU~~,~~EAAA~~,EAAE,EAAI,~~EAAA,~~WAAA,EAAa,OAAO,~~cAAe~~,~~EAAA~~;AAAA,EACnD,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,QAAQ,~~MAAkC~~,~~EAAA~~;AACxC,IAAA,OAAO,CAAC,iBAAA,CAAkB,~~YAAa~~,~~CAAA~~,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;~~AAE1D~~,CAAC;AAEM,MAAM,iCAAiC,~~wBAAyB~~,~~CAAA~~;AAAA,EACrE,~~IAAM~~,~~EAAA~~,gBAAA;AAAA,EACN,~~QAAU~~,~~EAAA~~,EAAE,EAAI,~~EAAA,~~WAAA,EAAa,OAAO,~~gBAAiB~~,~~EAAA~~;AAAA,EACrD,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,QAAQ,~~MAAkC~~,~~EAAA~~;AACxC,IAAA,OAAO,CAAC,iBAAA,CAAkB,~~YAAa~~,~~CAAA~~,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;~~AAE1D~~,CAAC;;;;"}
1	+ {"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["import { Pluggable } from 'unified';\nimport {\n coreExtensionData,\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nexport const markdownPlugin = createExtensionDataRef<Pluggable>().with({\n id: 'qeta.markdown-plugin',\n});\n\nexport const QetaMarkdownRehypePluginBlueprint = createExtensionBlueprint({\n kind: 'markdown-plugin',\n attachTo: { id: 'api:qeta/addons', input: 'rehypePlugins' },\n output: [markdownPlugin],\n factory(params: { plugin: Pluggable }) {\n return [markdownPlugin(params.plugin)];\n },\n});\n\nexport const QetaMarkdownRemarkPluginBlueprint = createExtensionBlueprint({\n kind: 'markdown-plugin',\n attachTo: { id: 'api:qeta/addons', input: 'remarkPlugins' },\n output: [markdownPlugin],\n factory(params: { plugin: Pluggable }) {\n return [markdownPlugin(params.plugin)];\n },\n});\n\nexport const QetaPageIntroElementBlueprint = createExtensionBlueprint({\n kind: 'intro-element',\n attachTo: { id: 'page:qeta', input: 'introElement' },\n output: [coreExtensionData.reactElement],\n factory(params: { element: JSX.Element }) {\n return [coreExtensionData.reactElement(params.element)];\n },\n});\n\nexport const QetaPageHeaderElementBlueprint = createExtensionBlueprint({\n kind: 'header-element',\n attachTo: { id: 'page:qeta', input: 'headerElements' },\n output: [coreExtensionData.reactElement],\n factory(params: { element: JSX.Element }) {\n return [coreExtensionData.reactElement(params.element)];\n },\n});\n"],"names":[],"mappings":";;AAOO,MAAM,cAAA,GAAiB,sBAAA,EAAkC,CAAE,IAAA,CAAK;AAAA,EACrE,EAAA,EAAI;AACN,CAAC;AAEM,MAAM,oCAAoC,wBAAA,CAAyB;AAAA,EACxE,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,iBAAA,EAAmB,OAAO,eAAA,EAAgB;AAAA,EAC1D,MAAA,EAAQ,CAAC,cAAc,CAAA;AAAA,EACvB,QAAQ,MAAA,EAA+B;AACrC,IAAA,OAAO,CAAC,cAAA,CAAe,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,EACvC;AACF,CAAC;AAEM,MAAM,oCAAoC,wBAAA,CAAyB;AAAA,EACxE,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,iBAAA,EAAmB,OAAO,eAAA,EAAgB;AAAA,EAC1D,MAAA,EAAQ,CAAC,cAAc,CAAA;AAAA,EACvB,QAAQ,MAAA,EAA+B;AACrC,IAAA,OAAO,CAAC,cAAA,CAAe,MAAA,CAAO,MAAM,CAAC,CAAA;AAAA,EACvC;AACF,CAAC;AAEM,MAAM,gCAAgC,wBAAA,CAAyB;AAAA,EACpE,IAAA,EAAM,eAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,WAAA,EAAa,OAAO,cAAA,EAAe;AAAA,EACnD,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,QAAQ,MAAA,EAAkC;AACxC,IAAA,OAAO,CAAC,iBAAA,CAAkB,YAAA,CAAa,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,EACxD;AACF,CAAC;AAEM,MAAM,iCAAiC,wBAAA,CAAyB;AAAA,EACrE,IAAA,EAAM,gBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,WAAA,EAAa,OAAO,gBAAA,EAAiB;AAAA,EACrD,MAAA,EAAQ,CAAC,iBAAA,CAAkB,YAAY,CAAA;AAAA,EACvC,QAAQ,MAAA,EAAkC;AACxC,IAAA,OAAO,CAAC,iBAAA,CAAkB,YAAA,CAAa,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA,EACxD;AACF,CAAC;;;;"}

package/dist/api.esm.js.map CHANGED Viewed

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

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

@@ -16,7 +16,7 @@ import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-common';
 import { useAI } from '../../hooks/useAI.esm.js';
-import { makeStyles, Card, CardHeader, Typography, Tooltip, IconButton, Collapse, CardContent } from '@material-ui/core';
+import { makeStyles, Card, CardHeader, Tooltip, IconButton, Typography, Collapse, CardContent } from '@material-ui/core';
 import 'react-router-dom';
 import useDebounce from 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n AIQuery,\n AIResponse,\n Article,\n Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { CSSProperties, useCallback, useState } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI } from '../../hooks';\nimport { useUserSettings } from '../../hooks/useUserSettings';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n Card,\n CardContent,\n CardHeader,\n Collapse,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: '1em',\n backgroundColor: theme.palette.background.default,\n border: `3px solid ${theme.palette.status.ok}`,\n },\n}));\n\nexport type AIAnswerCardProps = {\n question?: Post;\n draft?: {\n title: string;\n content: string;\n };\n article?: Article;\n debounceMs?: number;\n style?: CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n const { question, draft, article, style, debounceMs = 3000 } = props;\n const [answer, setAnswer] = useState<AIResponse \| null \| undefined>(null);\n const { t } = useTranslationRef(qetaTranslationRef);\n const config = useApi(configApiRef);\n const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n const styles = useStyles();\n const { settings, setSetting } = useUserSettings();\n const [expanded, setExpanded] = useState(settings.aiAnswerExpanded);\n\n const {\n isAIEnabled,\n isNewQuestionsEnabled,\n isExistingQuestionsEnabled,\n isArticleSummaryEnabled,\n answerExistingQuestion,\n answerDraftQuestion,\n summarizeArticle,\n } = useAI();\n\n const fetchAnswer = useCallback(\n (options?: AIQuery) => {\n if (!isAIEnabled) {\n setAnswer(null);\n return;\n }\n\n if (question) {\n answerExistingQuestion(question.id, options)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else if (article) {\n summarizeArticle(article.id, options)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else if (\n draft &&\n draft.title &&\n draft.content &&\n draft.title.length + draft.content.length > 30\n ) {\n answerDraftQuestion(draft)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else {\n setAnswer(null);\n }\n },\n [\n isAIEnabled,\n question,\n article,\n draft,\n answerExistingQuestion,\n summarizeArticle,\n answerDraftQuestion,\n ],\n );\n\n useDebounce(\n () => {\n fetchAnswer();\n },\n debounceMs,\n [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n );\n\n const isEnabled = (): boolean => {\n if (!isAIEnabled) {\n return false;\n }\n if (question) {\n return Boolean(isExistingQuestionsEnabled);\n }\n if (article) {\n return Boolean(isArticleSummaryEnabled);\n }\n if (draft) {\n return Boolean(isNewQuestionsEnabled);\n }\n return false;\n };\n const canEdit = question?.canEdit \|\| article?.canEdit \|\| false;\n\n if (!isEnabled() \|\| answer === null) {\n return null;\n }\n\n return (\n <Card style={style} className={styles.root}>\n <CardHeader\n avatar={<FlareIcon />}\n style={!expanded ? { paddingBottom: '1em' } : {}}\n title={\n <Typography variant=\"h5\">\n {article\n ? t('aiAnswerCard.summary', { name: botName })\n : t('aiAnswerCard.answer', { name: botName })}\n </Typography>\n }\n action={\n <>\n {canEdit && isEnabled() && (\n <Tooltip title={t('aiAnswerCard.regenerate')}>\n <IconButton\n onClick={() => {\n setAnswer(undefined);\n fetchAnswer({ regenerate: true });\n }}\n >\n <RefreshIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n >\n <IconButton\n onClick={() => {\n setExpanded(!expanded);\n setSetting('aiAnswerExpanded', !expanded);\n }}\n aria-expanded={expanded}\n >\n {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n </IconButton>\n </Tooltip>\n </>\n }\n subheader={\n answer ? (\n <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n ) : (\n <>{t('aiAnswerCard.loading')}</>\n )\n }\n />\n <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n <CardContent>\n {answer === undefined && (\n <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n )}\n {answer && <MarkdownRenderer content={answer.answer} />}\n </CardContent>\n </Collapse>\n </Card>\n );\n};\n"],"names":["FlareIcon"],"mappings":"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"}
1	+ {"version":3,"file":"AIAnswerCard.esm.js","sources":["../../../src/components/AIAnswerCard/AIAnswerCard.tsx"],"sourcesContent":["import {\n AIQuery,\n AIResponse,\n Article,\n Post,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { CSSProperties, useCallback, useState } from 'react';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useAI } from '../../hooks';\nimport { useUserSettings } from '../../hooks/useUserSettings';\nimport FlareIcon from '@material-ui/icons/Flare';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport RefreshIcon from '@material-ui/icons/Refresh';\nimport { configApiRef, useApi } from '@backstage/core-plugin-api';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport {\n Card,\n CardContent,\n CardHeader,\n Collapse,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n marginTop: '1em',\n backgroundColor: theme.palette.background.default,\n border: `3px solid ${theme.palette.status.ok}`,\n },\n}));\n\nexport type AIAnswerCardProps = {\n question?: Post;\n draft?: {\n title: string;\n content: string;\n };\n article?: Article;\n debounceMs?: number;\n style?: CSSProperties;\n};\n\nexport const AIAnswerCard = (props: AIAnswerCardProps) => {\n const { question, draft, article, style, debounceMs = 3000 } = props;\n const [answer, setAnswer] = useState<AIResponse \| null \| undefined>(null);\n const { t } = useTranslationRef(qetaTranslationRef);\n const config = useApi(configApiRef);\n const botName = config.getOptionalString('qeta.aiBotName') ?? 'AI';\n const styles = useStyles();\n const { settings, setSetting } = useUserSettings();\n const [expanded, setExpanded] = useState(settings.aiAnswerExpanded);\n\n const {\n isAIEnabled,\n isNewQuestionsEnabled,\n isExistingQuestionsEnabled,\n isArticleSummaryEnabled,\n answerExistingQuestion,\n answerDraftQuestion,\n summarizeArticle,\n } = useAI();\n\n const fetchAnswer = useCallback(\n (options?: AIQuery) => {\n if (!isAIEnabled) {\n setAnswer(null);\n return;\n }\n\n if (question) {\n answerExistingQuestion(question.id, options)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else if (article) {\n summarizeArticle(article.id, options)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else if (\n draft &&\n draft.title &&\n draft.content &&\n draft.title.length + draft.content.length > 30\n ) {\n answerDraftQuestion(draft)\n .catch(_ => setAnswer(null))\n .then(res => {\n setAnswer(res ?? null);\n });\n } else {\n setAnswer(null);\n }\n },\n [\n isAIEnabled,\n question,\n article,\n draft,\n answerExistingQuestion,\n summarizeArticle,\n answerDraftQuestion,\n ],\n );\n\n useDebounce(\n () => {\n fetchAnswer();\n },\n debounceMs,\n [answerExistingQuestion, answerDraftQuestion, isAIEnabled, question, draft],\n );\n\n const isEnabled = (): boolean => {\n if (!isAIEnabled) {\n return false;\n }\n if (question) {\n return Boolean(isExistingQuestionsEnabled);\n }\n if (article) {\n return Boolean(isArticleSummaryEnabled);\n }\n if (draft) {\n return Boolean(isNewQuestionsEnabled);\n }\n return false;\n };\n const canEdit = question?.canEdit \|\| article?.canEdit \|\| false;\n\n if (!isEnabled() \|\| answer === null) {\n return null;\n }\n\n return (\n <Card style={style} className={styles.root}>\n <CardHeader\n avatar={<FlareIcon />}\n style={!expanded ? { paddingBottom: '1em' } : {}}\n title={\n <Typography variant=\"h5\">\n {article\n ? t('aiAnswerCard.summary', { name: botName })\n : t('aiAnswerCard.answer', { name: botName })}\n </Typography>\n }\n action={\n <>\n {canEdit && isEnabled() && (\n <Tooltip title={t('aiAnswerCard.regenerate')}>\n <IconButton\n onClick={() => {\n setAnswer(undefined);\n fetchAnswer({ regenerate: true });\n }}\n >\n <RefreshIcon />\n </IconButton>\n </Tooltip>\n )}\n <Tooltip\n title={expanded ? t('aiAnswerCard.hide') : t('aiAnswerCard.show')}\n >\n <IconButton\n onClick={() => {\n setExpanded(!expanded);\n setSetting('aiAnswerExpanded', !expanded);\n }}\n aria-expanded={expanded}\n >\n {expanded ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n </IconButton>\n </Tooltip>\n </>\n }\n subheader={\n answer ? (\n <RelativeTimeWithTooltip value={answer.created ?? new Date()} />\n ) : (\n <>{t('aiAnswerCard.loading')}</>\n )\n }\n />\n <Collapse in={expanded} timeout={0} unmountOnExit mountOnEnter>\n <CardContent>\n {answer === undefined && (\n <Skeleton variant=\"rect\" height={200} animation=\"wave\" />\n )}\n {answer && <MarkdownRenderer content={answer.answer} />}\n </CardContent>\n </Collapse>\n </Card>\n );\n};\n"],"names":["FlareIcon"],"mappings":"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"}

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 '../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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"}
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

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
 import { useState, useEffect, useCallback } from 'react';
 import { useAnalytics, useApi, configApiRef, alertApiRef } from '@backstage/core-plugin-api';

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, useUserSettings } 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 { settings } = useUserSettings();\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 allowAnonymous = 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 if (!id && allowAnonymous) {\n setValues(v => ({ ...v, anonymous: settings.anonymousPosting }));\n }\n }, [id, settings.anonymousPosting, allowAnonymous]);\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 {allowAnonymous && !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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"}
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, useUserSettings } 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 { settings } = useUserSettings();\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 allowAnonymous = 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 if (!id && allowAnonymous) {\n setValues(v => ({ ...v, anonymous: settings.anonymousPosting }));\n }\n }, [id, settings.anonymousPosting, allowAnonymous]);\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 {allowAnonymous && !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/AnswersContainer/AnswerListItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswerListItem.esm.js","sources":["../../../src/components/AnswersContainer/AnswerListItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n AnswerResponse,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { questionRouteRef } from '../../routes';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport { useNavigate } from 'react-router-dom';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\n\nexport interface AnswerListItemProps {\n answer: AnswerResponse;\n entity?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n height: '100%',\n padding: theme.spacing(1, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n '&:first-child': {\n paddingTop: theme.spacing(2),\n },\n cursor: 'pointer',\n },\n metaCol: {\n minWidth: 64,\n maxWidth: 64,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: theme.spacing(1.5),\n gap: theme.spacing(0.75),\n },\n metaItem: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n width: '100%',\n fontSize: '15px',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '1.1rem',\n color: theme.palette.text.primary,\n marginBottom: theme.spacing(0.5),\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n lineHeight: 1.2,\n textDecoration: 'none',\n },\n content: {\n color: theme.palette.text.primary,\n opacity: 0.9,\n margin: '4px 0 8px 0',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '0.95rem',\n minHeight: '20px',\n },\n tagsRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n marginTop: 'auto',\n },\n tags: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: 4,\n },\n authorBoxContainer: {\n marginLeft: 'auto',\n display: 'flex',\n alignItems: 'center',\n },\n contentContainer: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n justifyContent: 'space-between',\n marginBottom: theme.spacing(0.5),\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n flex: 1,\n minWidth: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const AnswerListItem = (props: AnswerListItemProps) => {\n const { answer, entity } = props;\n const [score] = useState(answer.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const navigate = useNavigate();\n\n const questionRoute = useRouteRef(questionRouteRef);\n\n const href = entity\n ? `${questionRoute({\n id: answer.postId.toString(10),\n })}?entity=${entity}#answer_${answer.id}`\n : `${questionRoute({\n id: answer.postId.toString(10),\n })}#answer_${answer.id}`;\n\n const handleClick = (e: React.MouseEvent) => {\n if (\n (e.target as HTMLElement).closest('a') \|\|\n (e.target as HTMLElement).closest('button')\n ) {\n return;\n }\n navigate(href);\n };\n\n return (\n <Box className={styles.root} onClick={handleClick}>\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip title={t('common.votesCount', { count: score })} arrow>\n <Box className={styles.metaItem}>\n <ThumbUp className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n {answer.correct && (\n <Tooltip title={t('authorBox.correctAnswer')} arrow>\n <Box className={`${styles.metaItem} ${styles.metaItemActive}`}>\n <CheckCircle className={styles.metaIcon} />\n </Box>\n </Tooltip>\n )}\n </Box>\n\n <Box className={styles.contentContainer}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n <Typography component=\"div\" className={styles.title}>\n {t('answer.questionTitle', {\n question: answer.post?.title ?? '',\n })}\n </Typography>\n </Box>\n </Box>\n\n <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(answer.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={styles.tags}>\n {answer.post && <TagsAndEntities entity={answer.post} />}\n </Box>\n <Box className={styles.authorBoxContainer}>\n <AuthorBox\n userEntityRef={answer.author}\n time={answer.created}\n label={t('answer.answeredTime')}\n anonymous={answer.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AnswerListItem.esm.js","sources":["../../../src/components/AnswersContainer/AnswerListItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n AnswerResponse,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { questionRouteRef } from '../../routes';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport { useNavigate } from 'react-router-dom';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\n\nexport interface AnswerListItemProps {\n answer: AnswerResponse;\n entity?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'flex-start',\n height: '100%',\n padding: theme.spacing(1, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n '&:first-child': {\n paddingTop: theme.spacing(2),\n },\n cursor: 'pointer',\n },\n metaCol: {\n minWidth: 64,\n maxWidth: 64,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n justifyContent: 'center',\n marginRight: theme.spacing(1.5),\n gap: theme.spacing(0.75),\n },\n metaItem: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n width: '100%',\n fontSize: '15px',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '1.1rem',\n color: theme.palette.text.primary,\n marginBottom: theme.spacing(0.5),\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n lineHeight: 1.2,\n textDecoration: 'none',\n },\n content: {\n color: theme.palette.text.primary,\n opacity: 0.9,\n margin: '4px 0 8px 0',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '0.95rem',\n minHeight: '20px',\n },\n tagsRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n marginTop: 'auto',\n },\n tags: {\n display: 'flex',\n flexWrap: 'wrap',\n gap: 4,\n },\n authorBoxContainer: {\n marginLeft: 'auto',\n display: 'flex',\n alignItems: 'center',\n },\n contentContainer: {\n flex: 1,\n minWidth: 0,\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n titleContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n justifyContent: 'space-between',\n marginBottom: theme.spacing(0.5),\n },\n titleWrapper: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(1),\n flex: 1,\n minWidth: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const AnswerListItem = (props: AnswerListItemProps) => {\n const { answer, entity } = props;\n const [score] = useState(answer.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const navigate = useNavigate();\n\n const questionRoute = useRouteRef(questionRouteRef);\n\n const href = entity\n ? `${questionRoute({\n id: answer.postId.toString(10),\n })}?entity=${entity}#answer_${answer.id}`\n : `${questionRoute({\n id: answer.postId.toString(10),\n })}#answer_${answer.id}`;\n\n const handleClick = (e: React.MouseEvent) => {\n if (\n (e.target as HTMLElement).closest('a') \|\|\n (e.target as HTMLElement).closest('button')\n ) {\n return;\n }\n navigate(href);\n };\n\n return (\n <Box className={styles.root} onClick={handleClick}>\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip title={t('common.votesCount', { count: score })} arrow>\n <Box className={styles.metaItem}>\n <ThumbUp className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n {answer.correct && (\n <Tooltip title={t('authorBox.correctAnswer')} arrow>\n <Box className={`${styles.metaItem} ${styles.metaItemActive}`}>\n <CheckCircle className={styles.metaIcon} />\n </Box>\n </Tooltip>\n )}\n </Box>\n\n <Box className={styles.contentContainer}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n <Typography component=\"div\" className={styles.title}>\n {t('answer.questionTitle', {\n question: answer.post?.title ?? '',\n })}\n </Typography>\n </Box>\n </Box>\n\n <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(answer.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={styles.tags}>\n {answer.post && <TagsAndEntities entity={answer.post} />}\n </Box>\n <Box className={styles.authorBoxContainer}>\n <AuthorBox\n userEntityRef={answer.author}\n time={answer.created}\n label={t('answer.answeredTime')}\n anonymous={answer.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAwBA,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,YAAA;AAAA,IACZ,MAAA,EAAQ,MAAA;AAAA,IACR,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,CAAA,EAAG,CAAC,CAAA;AAAA,IAC3B,SAAA,EAAW,EAAA;AAAA,IACX,UAAA,EAAY,sBAAA;AAAA,IACZ,SAAA,EAAW;AAAA,MACT,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,MACtC,UAAA,EAAY;AAAA,QACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,CAAC;AAAA,KAC7B;AAAA,IACA,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,QAAA,EAAU,EAAA;AAAA,IACV,QAAA,EAAU,EAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC9B,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,IAAI;AAAA,GACzB;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,QAAA;AAAA,IAChB,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,SAAA;AAAA,IAC1B,KAAA,EAAO,MAAA;AAAA,IACP,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,IAC7B,UAAA,EAAY;AAAA,GACd;AAAA,EACA,QAAA,EAAU;AAAA,IACR,QAAA,EAAU;AAAA,GACZ;AAAA,EACA,KAAA,EAAO;AAAA,IACL,UAAA,EAAY,GAAA;AAAA,IACZ,QAAA,EAAU,QAAA;AAAA,IACV,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,IAC1B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC/B,YAAA,EAAc,UAAA;AAAA,IACd,QAAA,EAAU,QAAA;AAAA,IACV,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,GAAA;AAAA,IACZ,cAAA,EAAgB;AAAA,GAClB;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK,OAAA;AAAA,IAC1B,OAAA,EAAS,GAAA;AAAA,IACT,MAAA,EAAQ,aAAA;AAAA,IACR,OAAA,EAAS,aAAA;AAAA,IACT,eAAA,EAAiB,CAAA;AAAA,IACjB,eAAA,EAAiB,UAAA;AAAA,IACjB,QAAA,EAAU,QAAA;AAAA,IACV,YAAA,EAAc,UAAA;AAAA,IACd,QAAA,EAAU,SAAA;AAAA,IACV,SAAA,EAAW;AAAA,GACb;AAAA,EACA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,KAAA;AAAA,IACf,UAAA,EAAY,QAAA;AAAA,IACZ,cAAA,EAAgB,eAAA;AAAA,IAChB,KAAA,EAAO,MAAA;AAAA,IACP,SAAA,EAAW;AAAA,GACb;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,MAAA;AAAA,IACV,GAAA,EAAK;AAAA,GACP;AAAA,EACA,kBAAA,EAAoB;AAAA,IAClB,UAAA,EAAY,MAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU,CAAA;AAAA,IACV,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,cAAA,EAAgB;AAAA,GAClB;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,cAAA,EAAgB,eAAA;AAAA,IAChB,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,GAAA,EAAK,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,IAAA,EAAM,CAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAA,CAAE,CAAA;AAEF,SAAS,kBAAkB,GAAA,EAAqB;AAC9C,EAAA,OAAO,GAAA,IAAO,MAAO,OAAA,CAAQ,GAAG,EAAE,MAAA,CAAO,OAAO,CAAA,GAAI,GAAA,CAAI,QAAA,EAAS;AACnE;AAEO,MAAM,cAAA,GAAiB,CAAC,KAAA,KAA+B;AAC5D,EAAA,MAAM,EAAE,MAAA,EAAQ,MAAA,EAAO,GAAI,KAAA;AAC3B,EAAA,MAAM,CAAC,KAAK,CAAA,GAAI,QAAA,CAAS,OAAO,KAAK,CAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,MAAM,WAAW,WAAA,EAAY;AAE7B,EAAA,MAAM,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAElD,EAAA,MAAM,IAAA,GAAO,MAAA,GACT,CAAA,EAAG,aAAA,CAAc;AAAA,IACf,EAAA,EAAI,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,EAAE;AAAA,GAC9B,CAAC,CAAA,QAAA,EAAW,MAAM,WAAW,MAAA,CAAO,EAAE,CAAA,CAAA,GACvC,CAAA,EAAG,aAAA,CAAc;AAAA,IACf,EAAA,EAAI,MAAA,CAAO,MAAA,CAAO,QAAA,CAAS,EAAE;AAAA,GAC9B,CAAC,CAAA,QAAA,EAAW,MAAA,CAAO,EAAE,CAAA,CAAA;AAE1B,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAwB;AAC3C,IAAA,IACG,CAAA,CAAE,OAAuB,OAAA,CAAQ,GAAG,KACpC,CAAA,CAAE,MAAA,CAAuB,OAAA,CAAQ,QAAQ,CAAA,EAC1C;AACA,MAAA;AAAA,IACF;AACA,IAAA,QAAA,CAAS,IAAI,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,4BACG,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,SAAS,WAAA,EACpC,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,OAAI,SAAA,EAAW,MAAA,CAAO,SAAS,YAAA,EAAY,CAAA,CAAE,kBAAkB,CAAA,EAC9D,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,mBAAA,EAAqB,EAAE,KAAA,EAAO,KAAA,EAAO,CAAA,EAAG,OAAK,IAAA,EAC7D,QAAA,kBAAA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,CAAA;AAAA,wBACrC,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAA,EAAU,KAAA,EAAO,EAAE,QAAA,EAAU,SAAA,EAAU,EACxD,QAAA,EAAA,iBAAA,CAAkB,KAAK,CAAA,EAC1B;AAAA,OAAA,EACF,CAAA,EACF,CAAA;AAAA,MACC,MAAA,CAAO,OAAA,oBACN,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,CAAE,yBAAyB,CAAA,EAAG,KAAA,EAAK,IAAA,EACjD,QAAA,kBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,GAAG,MAAA,CAAO,QAAQ,CAAA,CAAA,EAAI,MAAA,CAAO,cAAc,CAAA,CAAA,EACzD,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAY,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU,CAAA,EAC3C,CAAA,EACF;AAAA,KAAA,EAEJ,CAAA;AAAA,oBAEA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,gBAAA,EACrB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,SAAA,EAAW,MAAA,CAAO,cAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,OAAI,SAAA,EAAW,MAAA,CAAO,YAAA,EACrB,QAAA,kBAAA,GAAA,CAAC,cAAW,SAAA,EAAU,KAAA,EAAM,WAAW,MAAA,CAAO,KAAA,EAC3C,YAAE,sBAAA,EAAwB;AAAA,QACzB,QAAA,EAAU,MAAA,CAAO,IAAA,EAAM,KAAA,IAAS;AAAA,OACjC,CAAA,EACH,CAAA,EACF,CAAA,EACF,CAAA;AAAA,sBAEA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,WAAU,KAAA,EAAM,SAAA,EAAW,OAAO,OAAA,EAC5D,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,uBAAA,EAAyB;AAAA,YACvB,QAAQ,SAAA,CAAU,QAAA;AAAA,cAChB,QAAA,CAAS,wBAAA,CAAyB,MAAA,CAAO,OAAO,GAAG,GAAG;AAAA;AACxD;AACF;AAAA,OACF,EACF,CAAA;AAAA,sBAEA,IAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,OAAA,EACrB,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,IAAA,EACpB,QAAA,EAAA,MAAA,CAAO,IAAA,oBAAQ,GAAA,CAAC,eAAA,EAAA,EAAgB,MAAA,EAAQ,MAAA,CAAO,IAAA,EAAM,CAAA,EACxD,CAAA;AAAA,wBACA,GAAA,CAAC,GAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,kBAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,eAAe,MAAA,CAAO,MAAA;AAAA,YACtB,MAAM,MAAA,CAAO,OAAA;AAAA,YACb,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,YAC9B,WAAW,MAAA,CAAO,SAAA;AAAA,YAClB,OAAA,EAAO;AAAA;AAAA,SACT,EACF;AAAA,OAAA,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswersContainer.esm.js","sources":["../../../src/components/AnswersContainer/AnswersContainer.tsx"],"sourcesContent":["import { AnswerResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { getFiltersWithDateRange } from '../../utils/utils';\nimport { AnswerFilters } from '../FilterPanel/FilterPanel';\nimport {\n QetaEntityContainer,\n QetaEntityContainerProps,\n} from '../QetaEntityContainer/QetaEntityContainer';\nimport { AnswerListItem } from './AnswerListItem';\nimport { AnswersGridItem } from './AnswersGridItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport interface AnswersContainerProps {\n tags?: string[];\n author?: string;\n entity?: string;\n showFilters?: boolean;\n showTitle?: boolean;\n title?: string;\n prefix?: string;\n}\n\nexport const AnswersContainer = (props: AnswersContainerProps) => {\n const { tags, author, entity, showFilters, title, showTitle, prefix } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const fetchAnswers: QetaEntityContainerProps<\n AnswerResponse,\n AnswerFilters\n >['fetch'] = async (api, limit, offset, filters) => {\n return api\n .getAnswers({\n limit,\n offset,\n author,\n ...(getFiltersWithDateRange(filters) as any),\n })\n .then(response => ({\n items: response.answers,\n total: response.total,\n }));\n };\n\n let resolvedTitle: React.ReactNode = title;\n if (author) {\n resolvedTitle = (\n <>\n {t('answerContainer.title.answersBy', {})}{' '}\n <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />\n </>\n );\n } else if (entity) {\n resolvedTitle = (\n <>\n {t('answerContainer.title.answersAbout', {})}{' '}\n <EntityRefLink entityRef={entity} />\n </>\n );\n } else if (tags) {\n resolvedTitle = t('answerContainer.title.answersTagged', {\n tags: tags.join(', '),\n });\n }\n\n return (\n <QetaEntityContainer<AnswerResponse, AnswerFilters>\n prefix={prefix ?? 'answers'}\n fetch={fetchAnswers}\n renderListItem={(answer: AnswerResponse) => (\n <AnswerListItem answer={answer} entity={entity} />\n )}\n renderGridItem={(answer: AnswerResponse) => (\n <AnswersGridItem answer={answer} entity={entity} />\n )}\n defaultView=\"list\"\n filterPanelProps={\n (showFilters ?? true)\n ? {\n answerFilters: true,\n }\n : undefined\n }\n initialFilters={{\n order: 'desc',\n orderBy: 'created',\n searchQuery: '',\n dateRange: '',\n entities: entity ? [entity] : undefined,\n tags: tags ?? [],\n noVotes: 'false',\n }}\n filterKeys={[\n 'orderBy',\n 'searchQuery',\n 'dateRange',\n 'noVotes',\n 'tags',\n 'entities',\n ]}\n title={showTitle ? resolvedTitle : undefined}\n defaultPageSize={25}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;~~AAuBa~~,~~MAAA~~,gBAAA,GAAmB,CAAC,KAAiC~~,KAAA~~;AAChE,~~EAAM~~,~~MAAA~~,EAAE,MAAM,~~MAAQ~~,~~EAAA~~,MAAA,EAAQ,aAAa,~~KAAO~~,~~EAAA~~,SAAA,EAAW,~~QAAW~~,~~GAAA~~,KAAA;AACxE,EAAA,MAAM,EAAE,CAAA,~~EAAM~~,~~GAAA~~,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,~~YAGO~~,~~GAAA~~,OAAO,~~GAAK~~,~~EAAA~~,KAAA,EAAO,QAAQ,~~OAAY~~,~~KAAA~~;AAClD,IAAA,OAAO,IACJ,~~UAAW~~,~~CAAA~~;AAAA,MACV,KAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAI,wBAAwB,OAAO;AAAA,KACpC,CACA,~~CAAA,~~IAAA,CAAK,~~CAAa~~,QAAA,~~MAAA~~;AAAA,MACjB,OAAO,~~QAAS~~,~~CAAA~~,OAAA;AAAA,MAChB,OAAO,~~QAAS~~,~~CAAA~~;AAAA,~~KAChB~~,~~CAAA~~,CAAA;AAAA,~~GACN~~;AAEA,EAAA,IAAI,~~aAAiC~~,~~GAAA~~,KAAA;AACrC,EAAA,IAAI,~~MAAQ~~,~~EAAA~~;AACV,IAAA,aAAA,~~mBAEK~~,IAAA,CAAA,QAAA,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,~~MAAE~~,CAAA,~~CAAA~~,iCAAA,EAAmC,EAAE,CAAA;AAAA,MAAG,GAAA;AAAA,0BAC1C,~~aAAc~~,EAAA,~~EAAA~~,SAAA,EAAW,QAAQ,~~QAAQ~~,~~EAAA~~,IAAA,EAAC,aAAY,~~MAAO~~,~~EAAA~~;AAAA,~~KAChE~~,~~EAAA~~,CAAA;AAAA,~~aAEO~~,~~MAAQ~~,~~EAAA~~;AACjB,IAAA,aAAA,~~mBAEK~~,IAAA,CAAA,QAAA,EAAA,~~EAAA~~,QAAA,EAAA;AAAA,~~MAAE~~,CAAA,~~CAAA~~,oCAAA,EAAsC,EAAE,CAAA;AAAA,MAAG,GAAA;AAAA,sBAC9C,GAAA,CAAC,~~aAAc~~,EAAA,~~EAAA~~,SAAA,EAAW,~~MAAQ~~,~~EAAA~~;AAAA,~~KACpC~~,~~EAAA~~,CAAA;AAAA,~~aAEO~~,~~IAAM~~,~~EAAA~~;AACf,IAAA,aAAA,GAAgB,EAAE,~~qCAAuC~~,~~EAAA~~;AAAA,MACvD,IAAA,EAAM,~~IAAK~~,~~CAAA~~,IAAA,CAAK,IAAI;AAAA,KACrB,CAAA;AAAA;~~AAGH~~,~~EACE~~,~~uBAAA~~,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,~~MAAU~~,~~IAAA~~,SAAA;AAAA,MAClB,~~KAAO~~,~~EAAA~~,YAAA;AAAA,MACP,gBAAgB,CAAC,MAAA,~~qBACd~~,GAAA,~~CAAA~~,cAAA,EAAA,EAAe,QAAgB,~~MAAgB~~,~~EAAA~~,CAAA;AAAA,MAElD,gBAAgB,CAAC,MAAA,~~qBACd~~,GAAA,~~CAAA~~,eAAA,EAAA,EAAgB,QAAgB,~~MAAgB~~,~~EAAA~~,CAAA;AAAA,MAEnD,~~WAAY~~,~~EAAA~~,MAAA;AAAA,MACZ,gBAAA,EACG,eAAe,~~IACZ~~,~~GAAA~~;AAAA,QACE,~~aAAe~~,~~EAAA~~;AAAA,~~OAEjB~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MAEN,~~cAAgB~~,~~EAAA~~;AAAA,QACd,~~KAAO~~,~~EAAA~~,MAAA;AAAA,QACP,~~OAAS~~,~~EAAA~~,SAAA;AAAA,QACT,~~WAAa~~,~~EAAA~~,EAAA;AAAA,QACb,~~SAAW~~,~~EAAA~~,EAAA;AAAA,QACX,~~QAAU~~,~~EAAA~~,MAAA,GAAS,CAAC,MAAM,~~CAAI~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,QAC9B,IAAA,EAAM,QAAQ,EAAC;AAAA,QACf,~~OAAS~~,~~EAAA~~;AAAA,OACX;AAAA,MACA,~~UAAY~~,~~EAAA~~;AAAA,QACV,SAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EAAO,YAAY,~~aAAgB~~,~~GAAA~~,~~KAAA,CAAA~~;AAAA,MACnC,~~eAAiB~~,~~EAAA~~;AAAA;AAAA,GACnB;AAEJ;;;;"}
1	+ {"version":3,"file":"AnswersContainer.esm.js","sources":["../../../src/components/AnswersContainer/AnswersContainer.tsx"],"sourcesContent":["import { AnswerResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { getFiltersWithDateRange } from '../../utils/utils';\nimport { AnswerFilters } from '../FilterPanel/FilterPanel';\nimport {\n QetaEntityContainer,\n QetaEntityContainerProps,\n} from '../QetaEntityContainer/QetaEntityContainer';\nimport { AnswerListItem } from './AnswerListItem';\nimport { AnswersGridItem } from './AnswersGridItem';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport interface AnswersContainerProps {\n tags?: string[];\n author?: string;\n entity?: string;\n showFilters?: boolean;\n showTitle?: boolean;\n title?: string;\n prefix?: string;\n}\n\nexport const AnswersContainer = (props: AnswersContainerProps) => {\n const { tags, author, entity, showFilters, title, showTitle, prefix } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const fetchAnswers: QetaEntityContainerProps<\n AnswerResponse,\n AnswerFilters\n >['fetch'] = async (api, limit, offset, filters) => {\n return api\n .getAnswers({\n limit,\n offset,\n author,\n ...(getFiltersWithDateRange(filters) as any),\n })\n .then(response => ({\n items: response.answers,\n total: response.total,\n }));\n };\n\n let resolvedTitle: React.ReactNode = title;\n if (author) {\n resolvedTitle = (\n <>\n {t('answerContainer.title.answersBy', {})}{' '}\n <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />\n </>\n );\n } else if (entity) {\n resolvedTitle = (\n <>\n {t('answerContainer.title.answersAbout', {})}{' '}\n <EntityRefLink entityRef={entity} />\n </>\n );\n } else if (tags) {\n resolvedTitle = t('answerContainer.title.answersTagged', {\n tags: tags.join(', '),\n });\n }\n\n return (\n <QetaEntityContainer<AnswerResponse, AnswerFilters>\n prefix={prefix ?? 'answers'}\n fetch={fetchAnswers}\n renderListItem={(answer: AnswerResponse) => (\n <AnswerListItem answer={answer} entity={entity} />\n )}\n renderGridItem={(answer: AnswerResponse) => (\n <AnswersGridItem answer={answer} entity={entity} />\n )}\n defaultView=\"list\"\n filterPanelProps={\n (showFilters ?? true)\n ? {\n answerFilters: true,\n }\n : undefined\n }\n initialFilters={{\n order: 'desc',\n orderBy: 'created',\n searchQuery: '',\n dateRange: '',\n entities: entity ? [entity] : undefined,\n tags: tags ?? [],\n noVotes: 'false',\n }}\n filterKeys={[\n 'orderBy',\n 'searchQuery',\n 'dateRange',\n 'noVotes',\n 'tags',\n 'entities',\n ]}\n title={showTitle ? resolvedTitle : undefined}\n defaultPageSize={25}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAuBO,MAAM,gBAAA,GAAmB,CAAC,KAAA,KAAiC;AAChE,EAAA,MAAM,EAAE,MAAM,MAAA,EAAQ,MAAA,EAAQ,aAAa,KAAA,EAAO,SAAA,EAAW,QAAO,GAAI,KAAA;AACxE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,YAAA,GAGO,OAAO,GAAA,EAAK,KAAA,EAAO,QAAQ,OAAA,KAAY;AAClD,IAAA,OAAO,IACJ,UAAA,CAAW;AAAA,MACV,KAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAI,wBAAwB,OAAO;AAAA,KACpC,CAAA,CACA,IAAA,CAAK,CAAA,QAAA,MAAa;AAAA,MACjB,OAAO,QAAA,CAAS,OAAA;AAAA,MAChB,OAAO,QAAA,CAAS;AAAA,KAClB,CAAE,CAAA;AAAA,EACN,CAAA;AAEA,EAAA,IAAI,aAAA,GAAiC,KAAA;AACrC,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,aAAA,mBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,CAAA,CAAE,iCAAA,EAAmC,EAAE,CAAA;AAAA,MAAG,GAAA;AAAA,0BAC1C,aAAA,EAAA,EAAc,SAAA,EAAW,QAAQ,QAAA,EAAQ,IAAA,EAAC,aAAY,MAAA,EAAO;AAAA,KAAA,EAChE,CAAA;AAAA,EAEJ,WAAW,MAAA,EAAQ;AACjB,IAAA,aAAA,mBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,CAAA,CAAE,oCAAA,EAAsC,EAAE,CAAA;AAAA,MAAG,GAAA;AAAA,sBAC9C,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAW,MAAA,EAAQ;AAAA,KAAA,EACpC,CAAA;AAAA,EAEJ,WAAW,IAAA,EAAM;AACf,IAAA,aAAA,GAAgB,EAAE,qCAAA,EAAuC;AAAA,MACvD,IAAA,EAAM,IAAA,CAAK,IAAA,CAAK,IAAI;AAAA,KACrB,CAAA;AAAA,EACH;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,MAAA,IAAU,SAAA;AAAA,MAClB,KAAA,EAAO,YAAA;AAAA,MACP,gBAAgB,CAAC,MAAA,qBACf,GAAA,CAAC,cAAA,EAAA,EAAe,QAAgB,MAAA,EAAgB,CAAA;AAAA,MAElD,gBAAgB,CAAC,MAAA,qBACf,GAAA,CAAC,eAAA,EAAA,EAAgB,QAAgB,MAAA,EAAgB,CAAA;AAAA,MAEnD,WAAA,EAAY,MAAA;AAAA,MACZ,gBAAA,EACG,eAAe,IAAA,GACZ;AAAA,QACE,aAAA,EAAe;AAAA,OACjB,GACA,MAAA;AAAA,MAEN,cAAA,EAAgB;AAAA,QACd,KAAA,EAAO,MAAA;AAAA,QACP,OAAA,EAAS,SAAA;AAAA,QACT,WAAA,EAAa,EAAA;AAAA,QACb,SAAA,EAAW,EAAA;AAAA,QACX,QAAA,EAAU,MAAA,GAAS,CAAC,MAAM,CAAA,GAAI,MAAA;AAAA,QAC9B,IAAA,EAAM,QAAQ,EAAC;AAAA,QACf,OAAA,EAAS;AAAA,OACX;AAAA,MACA,UAAA,EAAY;AAAA,QACV,SAAA;AAAA,QACA,aAAA;AAAA,QACA,WAAA;AAAA,QACA,SAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,KAAA,EAAO,YAAY,aAAA,GAAgB,MAAA;AAAA,MACnC,eAAA,EAAiB;AAAA;AAAA,GACnB;AAEJ;;;;"}

package/dist/components/AnswersContainer/AnswersGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnswersGridItem.esm.js","sources":["../../../src/components/AnswersContainer/AnswersGridItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n AnswerResponse,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '../../routes';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport {\n Box,\n Card,\n CardContent,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport numeral from 'numeral';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { ClickableLink } from '../Utility/ClickableLink';\n\nexport interface AnswersGridItemProps {\n answer: AnswerResponse;\n entity?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n cursor: 'pointer',\n position: 'relative',\n '&:hover::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'currentColor',\n opacity: theme.palette.action.hoverOpacity \|\| 0.04,\n borderRadius: theme.shape.borderRadius,\n pointerEvents: 'none',\n },\n },\n contentContainer: {\n padding: theme.spacing(2),\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n },\n title: {\n fontWeight: 700,\n fontSize: '1.1rem',\n color: theme.palette.text.primary,\n marginBottom: theme.spacing(1),\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n lineHeight: 1.2,\n },\n content: {\n color: theme.palette.text.secondary,\n margin: theme.spacing(1, 0),\n display: '-webkit-box',\n WebkitLineClamp: 3,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '0.9rem',\n flexGrow: 1,\n },\n footer: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n marginTop: 'auto',\n },\n metaContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(2),\n },\n metaItem: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n fontSize: '0.875rem',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n },\n metaIcon: {\n fontSize: 18,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const AnswersGridItem = (props: AnswersGridItemProps) => {\n const { answer, entity } = props;\n const [score] = useState(answer.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n\n const questionRoute = useRouteRef(questionRouteRef);\n\n const href = entity\n ? `${questionRoute({\n id: answer.postId.toString(10),\n })}?entity=${entity}#answer_${answer.id}`\n : `${questionRoute({\n id: answer.postId.toString(10),\n })}#answer_${answer.id}`;\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={answer.post?.title ?? ''}>\n <CardContent className={classes.contentContainer}>\n <Typography component=\"div\" className={classes.title}>\n {t('answer.questionTitle', {\n question: answer.post?.title ?? '',\n })}\n </Typography>\n\n <Typography\n variant=\"body2\"\n component=\"div\"\n className={classes.content}\n >\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(answer.content), 200),\n ),\n }}\n />\n </Typography>\n\n <div className={classes.footer}>\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <div className={classes.metaContainer}>\n <Tooltip title={t('common.votesCount', { count: score })} arrow>\n <div className={classes.metaItem}>\n <ThumbUp className={classes.metaIcon} />\n <span>{formatShortNumber(score)}</span>\n </div>\n </Tooltip>\n {answer.correct && (\n <Tooltip title={t('authorBox.correctAnswer')} arrow>\n <div\n className={`${classes.metaItem} ${classes.metaItemActive}`}\n >\n <CheckCircle className={classes.metaIcon} />\n </div>\n </Tooltip>\n )}\n </div>\n <AuthorBox\n userEntityRef={answer.author}\n time={answer.created}\n label={t('answer.answeredTime')}\n anonymous={answer.anonymous}\n compact\n />\n </Box>\n {answer.post && (\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '4px' }}>\n <TagsAndEntities entity={answer.post} />\n </Box>\n )}\n </div>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"AnswersGridItem.esm.js","sources":["../../../src/components/AnswersContainer/AnswersGridItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n AnswerResponse,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '../../routes';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport {\n Box,\n Card,\n CardContent,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport numeral from 'numeral';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { ClickableLink } from '../Utility/ClickableLink';\n\nexport interface AnswersGridItemProps {\n answer: AnswerResponse;\n entity?: string;\n}\n\nconst useStyles = makeStyles(theme => ({\n card: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n cursor: 'pointer',\n position: 'relative',\n '&:hover::after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'currentColor',\n opacity: theme.palette.action.hoverOpacity \|\| 0.04,\n borderRadius: theme.shape.borderRadius,\n pointerEvents: 'none',\n },\n },\n contentContainer: {\n padding: theme.spacing(2),\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n },\n title: {\n fontWeight: 700,\n fontSize: '1.1rem',\n color: theme.palette.text.primary,\n marginBottom: theme.spacing(1),\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n lineHeight: 1.2,\n },\n content: {\n color: theme.palette.text.secondary,\n margin: theme.spacing(1, 0),\n display: '-webkit-box',\n WebkitLineClamp: 3,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '0.9rem',\n flexGrow: 1,\n },\n footer: {\n display: 'flex',\n flexDirection: 'column',\n gap: theme.spacing(2),\n marginTop: 'auto',\n },\n metaContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(2),\n },\n metaItem: {\n display: 'flex',\n alignItems: 'center',\n gap: theme.spacing(0.5),\n color: theme.palette.text.secondary,\n fontSize: '0.875rem',\n },\n metaItemActive: {\n color: theme.palette.success.main,\n },\n metaIcon: {\n fontSize: 18,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nexport const AnswersGridItem = (props: AnswersGridItemProps) => {\n const { answer, entity } = props;\n const [score] = useState(answer.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n\n const questionRoute = useRouteRef(questionRouteRef);\n\n const href = entity\n ? `${questionRoute({\n id: answer.postId.toString(10),\n })}?entity=${entity}#answer_${answer.id}`\n : `${questionRoute({\n id: answer.postId.toString(10),\n })}#answer_${answer.id}`;\n\n return (\n <Card className={classes.card}>\n <ClickableLink href={href} ariaLabel={answer.post?.title ?? ''}>\n <CardContent className={classes.contentContainer}>\n <Typography component=\"div\" className={classes.title}>\n {t('answer.questionTitle', {\n question: answer.post?.title ?? '',\n })}\n </Typography>\n\n <Typography\n variant=\"body2\"\n component=\"div\"\n className={classes.content}\n >\n <span\n dangerouslySetInnerHTML={{\n __html: DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(answer.content), 200),\n ),\n }}\n />\n </Typography>\n\n <div className={classes.footer}>\n <Box\n display=\"flex\"\n justifyContent=\"space-between\"\n alignItems=\"center\"\n >\n <div className={classes.metaContainer}>\n <Tooltip title={t('common.votesCount', { count: score })} arrow>\n <div className={classes.metaItem}>\n <ThumbUp className={classes.metaIcon} />\n <span>{formatShortNumber(score)}</span>\n </div>\n </Tooltip>\n {answer.correct && (\n <Tooltip title={t('authorBox.correctAnswer')} arrow>\n <div\n className={`${classes.metaItem} ${classes.metaItemActive}`}\n >\n <CheckCircle className={classes.metaIcon} />\n </div>\n </Tooltip>\n )}\n </div>\n <AuthorBox\n userEntityRef={answer.author}\n time={answer.created}\n label={t('answer.answeredTime')}\n anonymous={answer.anonymous}\n compact\n />\n </Box>\n {answer.post && (\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '4px' }}>\n <TagsAndEntities entity={answer.post} />\n </Box>\n )}\n </div>\n </CardContent>\n </ClickableLink>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

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 '../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 data-testid={`vote-up-btn-${\n ownVote > 0 ? 'selected' : 'unselected'\n }`}\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 data-testid={`vote-down-btn-${\n ownVote < 0 ? 'selected' : 'unselected'\n }`}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography\n className={styles.scoreText}\n display=\"inline\"\n data-testid=\"vote-count\"\n >\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":"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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 data-testid={`vote-up-btn-${\n ownVote > 0 ? 'selected' : 'unselected'\n }`}\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 data-testid={`vote-down-btn-${\n ownVote < 0 ? 'selected' : 'unselected'\n }`}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography\n className={styles.scoreText}\n display=\"inline\"\n data-testid=\"vote-count\"\n >\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":"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"}

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 { 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":";;;;;;;;;;;;;;;;;AA0BO,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,IAClD,~~UAAW~~,~~CAAA~~,MAAA,KAAW,~~UAAc~~,~~oBAAA~~,GAAA,CAAC,~~cAAe~~,EAAA,~~EAAA~~,CAAA;AAAA,~~oBACpD~~,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.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 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":";;;;;;;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,~~UAAY~~,~~EAAA~~,QAAA;AAAA,MACZ,~~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,KAQpB~~,KAAA~~;AACJ,~~EAAM~~,~~MAAA~~,EAAE,eAAe,~~IAAM~~,~~EAAA~~,KAAA,EAAO,QAAQ,~~SAAW~~,~~EAAA~~,OAAA,EAAS,~~QAC9D~~,~~GAAA~~,KAAA;AACF,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,~~sBACC~~,GAAA,~~CAAA~~,UAAA,EAAA,EAAW,~~OAAQ~~,~~EAAA~~,OAAA,EAAQ,WAAU,~~MACpC~~,~~EAAA~~,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,~~SAAW~~,~~EAAA~~,aAAA;AAAA,UACX,SAAA;AAAA,UACA;AAAA;AAAA,~~OAEJ~~,~~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,wBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,~~SAAW~~,~~EAAA~~,aAAA;AAAA,YACX,SAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,~~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 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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"}