npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.53.0 → 3.53.1 - Mend

@drodil/backstage-plugin-qeta-react 3.53.0 → 3.53.1

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

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

@@ -102,6 +102,7 @@ const ArticleButtons = (props) => {
           disabled: isDisabled(),
           size: "small",
           onClick: voteUp,
+          "data-testid": `vote-up-btn-${ownVote > 0 ? "selected" : "unselected"}`,
           children: /* @__PURE__ */ jsx(ArrowUpward, {})
         }
       ) }) }),
@@ -114,10 +115,19 @@ const ArticleButtons = (props) => {
           disabled: isDisabled(),
           size: "small",
           onClick: voteDown,
+          "data-testid": `vote-down-btn-${ownVote < 0 ? "selected" : "unselected"}`,
           children: /* @__PURE__ */ jsx(ArrowDownward, {})
         }
       ) }) }),
-      /* @__PURE__ */ jsx(Tooltip, { title: t("common.score", { score: score.toString(10) }), children: /* @__PURE__ */ jsx(Typography, { className: styles.scoreText, display: "inline", children: score }) })
+      /* @__PURE__ */ jsx(Tooltip, { title: t("common.score", { score: score.toString(10) }), children: /* @__PURE__ */ jsx(
+        Typography,
+        {
+          className: styles.scoreText,
+          display: "inline",
+          "data-testid": "vote-count",
+          children: score
+        }
+      ) })
     ] }),
     /* @__PURE__ */ jsxs(Grid, { item: true, children: [
       /* @__PURE__ */ jsx(FavoriteButton, { entity: post }),

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 >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={getVoteDownTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {post.canEdit && post.status !== 'obsolete' && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n onClick={() =>\n navigate(\n editArticleRoute({\n id: post.id.toString(10),\n }),\n )\n }\n color=\"primary\"\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n color=\"secondary\"\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n {isModerator && post.status === 'deleted' && (\n <Tooltip title={t('articlePage.restoreButton')}>\n <IconButton\n size=\"small\"\n onClick={() => restoreArticle()}\n color=\"primary\"\n >\n <RestoreIcon />\n </IconButton>\n </Tooltip>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":"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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/Buttons/VoteButtons.esm.js CHANGED Viewed

@@ -71,11 +71,20 @@ const VoteButtons = (props) => {
         className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
         disabled: isDisabled(),
         size: "small",
+        "data-testid": `vote-up-btn-${ownVote > 0 ? "selected" : "unselected"}`,
         onClick: voteUp,
         children: /* @__PURE__ */ jsx(ArrowUpward, {})
       }
     ) }) }),
-    /* @__PURE__ */ jsx(Typography, { variant: "h6", style: { userSelect: "none" }, children: score }),
+    /* @__PURE__ */ jsx(
+      Typography,
+      {
+        variant: "h6",
+        style: { userSelect: "none" },
+        "data-testid": "vote-count",
+        children: score
+      }
+    ),
     /* @__PURE__ */ jsx(Tooltip, { title: getVoteDownTooltip(), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
       IconButton,
       {
@@ -84,6 +93,7 @@ const VoteButtons = (props) => {
         className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
         disabled: isDisabled(),
         size: "small",
+        "data-testid": `vote-down-btn-${ownVote < 0 ? "selected" : "unselected"}`,
         onClick: voteDown,
         children: /* @__PURE__ */ jsx(ArrowDownward, {})
       }
@@ -94,6 +104,7 @@ const VoteButtons = (props) => {
         "aria-label": "mark correct",
         size: "small",
         disabled: isDisabled(true),
+        "data-testid": `mark-correct-answer-btn-${correctAnswer ? "checked" : "unchecked"}`,
         onClick: props.post?.own || props.post?.canEdit ? toggleCorrectAnswer : void 0,
         children: /* @__PURE__ */ jsx(
           CheckIcon,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n Box,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Tooltip,\n Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n \| 'qetaCorrectAnswerSelected'\n \| 'qetaCorrectAnswer'\n \| 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n qetaCorrectAnswerSelected: {\n color: theme.palette.success.main,\n },\n qetaCorrectAnswer: {\n color: theme.palette.grey[500],\n },\n voteButtonContainer: {\n borderWidth: '1px',\n borderColor: 'white',\n },\n }),\n { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n entity: PostResponse \| AnswerResponse;\n post?: PostResponse;\n}) => {\n const {\n voteUpTooltip,\n ownVote,\n voteUp,\n score,\n voteDownTooltip,\n voteDown,\n correctAnswer,\n correctTooltip,\n toggleCorrectAnswer,\n } = useVoting(props.entity);\n const own = props.entity.own ?? false;\n const classes = useStyles();\n\n const isDisabled = (isCorrectButton = false) => {\n // Check if parent post is obsolete (for answers)\n if (props.post?.status === 'obsolete') {\n return true;\n }\n if (isCorrectButton) {\n return 'status' in props.entity && props.entity.status !== 'active';\n }\n return (\n own \|\|\n ('status' in props.entity &&\n props.entity.status !== 'active' &&\n props.entity.status !== 'obsolete') \|\|\n ('status' in props.entity && props.entity.status === 'obsolete')\n );\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 getCorrectTooltip = () => {\n if (isDisabled(true)) {\n return '';\n }\n return correctTooltip;\n };\n\n return (\n <Fragment>\n <Tooltip title={getVoteUpTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote up\"\n color={ownVote > 0 ? 'primary' : 'default'}\n className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n {score}\n </Typography>\n <Tooltip title={getVoteDownTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n disabled={isDisabled()}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n {'correct' in props.entity &&\n (props.post?.own \|\| props.post?.canEdit \|\| correctAnswer) && (\n <Box>\n <Tooltip title={getCorrectTooltip()}>\n <span>\n <IconButton\n aria-label=\"mark correct\"\n size=\"small\"\n disabled={isDisabled(true)}\n onClick={\n props.post?.own \|\| props.post?.canEdit\n ? toggleCorrectAnswer\n : undefined\n }\n >\n <Check\n className={\n correctAnswer\n ? classes.qetaCorrectAnswerSelected\n : classes.qetaCorrectAnswer\n }\n />\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n )}\n </Fragment>\n );\n};\n"],"names":["Check"],"mappings":";;;;;;;;AAwBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAC,UACC,YAAa,CAAA;AAAA,IACX,yBAA2B,EAAA;AAAA,MACzB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA,KAC/B;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,KAAO,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAK,GAAG;AAAA,KAC/B;AAAA,IACA,mBAAqB,EAAA;AAAA,MACnB,WAAa,EAAA,KAAA;AAAA,MACb,WAAa,EAAA;AAAA;AACf,GACD,CAAA;AAAA,EACH,EAAE,MAAM,iBAAkB;AAC5B,CAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF,GAAI,SAAU,CAAA,KAAA,CAAM,MAAM,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAO,GAAO,IAAA,KAAA;AAChC,EAAA,MAAM,UAAU,SAAU,EAAA;AAE1B,EAAM,MAAA,UAAA,GAAa,CAAC,eAAA,GAAkB,KAAU,KAAA;AAE9C,IAAI,IAAA,KAAA,CAAM,IAAM,EAAA,MAAA,KAAW,UAAY,EAAA;AACrC,MAAO,OAAA,IAAA;AAAA;AAET,IAAA,IAAI,eAAiB,EAAA;AACnB,MAAA,OAAO,QAAY,IAAA,KAAA,CAAM,MAAU,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,QAAA;AAAA;AAE7D,IAAA,OACE,OACC,QAAY,IAAA,KAAA,CAAM,MACjB,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,QAAA,IACxB,KAAM,CAAA,MAAA,CAAO,WAAW,UACzB,IAAA,QAAA,IAAY,MAAM,MAAU,IAAA,KAAA,CAAM,OAAO,MAAW,KAAA,UAAA;AAAA,GAEzD;AAEA,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,aAAA;AAAA,GACT;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,IAAI,YAAc,EAAA;AAChB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,eAAA;AAAA,GACT;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAI,IAAA,UAAA,CAAW,IAAI,CAAG,EAAA;AACpB,MAAO,OAAA,EAAA;AAAA;AAET,IAAO,OAAA,cAAA;AAAA,GACT;AAEA,EAAA,4BACG,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,gBAAiB,EAAA,EAC/B,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,SAAA;AAAA,QACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,QACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,oBAAuB,GAAA,YAAA;AAAA,QAChD,UAAU,UAAW,EAAA;AAAA,QACrB,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,MAAA;AAAA,QAET,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,OAEjB,CACF,EAAA,CAAA;AAAA,oBACA,GAAA,~~CAAC~~,~~cAAW~~,OAAQ,EAAA,IAAA,~~EAAK~~,~~OAAO~~,EAAE,UAAA,EAAY,MAAO,EAAA,~~EAClD~~,~~QACH~~,EAAA,~~KAAA~~,EAAA,~~CAAA~~;AAAA,wBACC,OAAQ,EAAA,EAAA,KAAA,EAAO,kBAAmB,EAAA,EACjC,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,WAAA;AAAA,QACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,QACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,QAClD,UAAU,UAAW,EAAA;AAAA,QACrB,IAAK,EAAA,OAAA;AAAA,QACL,OAAS,EAAA,QAAA;AAAA,QAET,8BAAC,aAAc,EAAA,EAAA;AAAA;AAAA,OAEnB,CACF,EAAA,CAAA;AAAA,IACC,aAAa,KAAM,CAAA,MAAA,KACjB,MAAM,IAAM,EAAA,GAAA,IAAO,MAAM,IAAM,EAAA,OAAA,IAAW,aACzC,CAAA,oBAAA,GAAA,CAAC,OACC,QAAC,kBAAA,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAO,iBAAkB,EAAA,EAChC,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,cAAA;AAAA,QACX,IAAK,EAAA,OAAA;AAAA,QACL,QAAA,EAAU,WAAW,IAAI,CAAA;AAAA,QACzB,SACE,KAAM,CAAA,IAAA,EAAM,OAAO,KAAM,CAAA,IAAA,EAAM,UAC3B,mBACA,GAAA,KAAA,CAAA;AAAA,QAGN,QAAA,kBAAA,GAAA;AAAA,UAACA,SAAA;AAAA,UAAA;AAAA,YACC,SACE,EAAA,aAAA,GACI,OAAQ,CAAA,yBAAA,GACR,OAAQ,CAAA;AAAA;AAAA;AAEhB;AAAA,KACF,EACF,GACF,CACF,EAAA;AAAA,GAEN,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport { Fragment } from 'react';\nimport { useVoting } from '../../hooks/useVoting';\nimport {\n Box,\n createStyles,\n IconButton,\n makeStyles,\n Theme,\n Tooltip,\n Typography,\n} from '@material-ui/core';\n\nexport type QetaVoteButtonsClassKey =\n \| 'qetaCorrectAnswerSelected'\n \| 'qetaCorrectAnswer'\n \| 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n (theme: Theme) =>\n createStyles({\n qetaCorrectAnswerSelected: {\n color: theme.palette.success.main,\n },\n qetaCorrectAnswer: {\n color: theme.palette.grey[500],\n },\n voteButtonContainer: {\n borderWidth: '1px',\n borderColor: 'white',\n },\n }),\n { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n entity: PostResponse \| AnswerResponse;\n post?: PostResponse;\n}) => {\n const {\n voteUpTooltip,\n ownVote,\n voteUp,\n score,\n voteDownTooltip,\n voteDown,\n correctAnswer,\n correctTooltip,\n toggleCorrectAnswer,\n } = useVoting(props.entity);\n const own = props.entity.own ?? false;\n const classes = useStyles();\n\n const isDisabled = (isCorrectButton = false) => {\n // Check if parent post is obsolete (for answers)\n if (props.post?.status === 'obsolete') {\n return true;\n }\n if (isCorrectButton) {\n return 'status' in props.entity && props.entity.status !== 'active';\n }\n return (\n own \|\|\n ('status' in props.entity &&\n props.entity.status !== 'active' &&\n props.entity.status !== 'obsolete') \|\|\n ('status' in props.entity && props.entity.status === 'obsolete')\n );\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 getCorrectTooltip = () => {\n if (isDisabled(true)) {\n return '';\n }\n return correctTooltip;\n };\n\n return (\n <Fragment>\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 data-testid={`vote-up-btn-${\n ownVote > 0 ? 'selected' : 'unselected'\n }`}\n onClick={voteUp}\n >\n <ArrowUpward />\n </IconButton>\n </span>\n </Tooltip>\n <Typography\n variant=\"h6\"\n style={{ userSelect: 'none' }}\n data-testid=\"vote-count\"\n >\n {score}\n </Typography>\n <Tooltip title={getVoteDownTooltip()}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n disabled={isDisabled()}\n size=\"small\"\n data-testid={`vote-down-btn-${\n ownVote < 0 ? 'selected' : 'unselected'\n }`}\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n {'correct' in props.entity &&\n (props.post?.own \|\| props.post?.canEdit \|\| correctAnswer) && (\n <Box>\n <Tooltip title={getCorrectTooltip()}>\n <span>\n <IconButton\n aria-label=\"mark correct\"\n size=\"small\"\n disabled={isDisabled(true)}\n data-testid={`mark-correct-answer-btn-${\n correctAnswer ? 'checked' : 'unchecked'\n }`}\n onClick={\n props.post?.own \|\| props.post?.canEdit\n ? toggleCorrectAnswer\n : undefined\n }\n >\n <Check\n className={\n correctAnswer\n ? classes.qetaCorrectAnswerSelected\n : classes.qetaCorrectAnswer\n }\n />\n </IconButton>\n </span>\n </Tooltip>\n </Box>\n )}\n </Fragment>\n );\n};\n"],"names":["Check"],"mappings":"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"}

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

@@ -24,11 +24,14 @@ import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
 const UserLink = (props) => {
   const { entityRef, linkProps, anonymous, noLink } = props;
   const userRoute = useRouteRef(userRouteRef);
-  const { name } = useUserInfo(
+  const { name, isCurrentUser } = useUserInfo(
     entityRef,
     anonymous ?? entityRef === "anonymous"
   );
   const classes = useTooltipStyles();
+  if (anonymous && !isCurrentUser) {
+    return /* @__PURE__ */ jsx("span", { children: name });
+  }
   if (noLink) {
     return /* @__PURE__ */ jsx(
       Tooltip,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n entityRef: string;\n anonymous?: boolean;\n linkProps?: LinkProps;\n noLink?: boolean;\n}) => {\n const { entityRef, linkProps, anonymous, noLink } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { name } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n const classes = useTooltipStyles();\n\n if (noLink) {\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <span>{name}</span>\n </Tooltip>\n );\n }\n\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {name}\n </Link>\n </Tooltip>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return (\n <UserLink\n entityRef={entity.author}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n\nexport const UpdatedByLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n if (!entity.updatedBy) {\n return null;\n }\n return (\n <UserLink\n entityRef={entity.updatedBy}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,~~MAAS~~,GAAA,WAAA;AAAA,~~IACf~~,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,QAChE,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
1	+ {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nexport const UserLink = (props: {\n entityRef: string;\n anonymous?: boolean;\n linkProps?: LinkProps;\n noLink?: boolean;\n}) => {\n const { entityRef, linkProps, anonymous, noLink } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { name, isCurrentUser } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n const classes = useTooltipStyles();\n\n if (anonymous && !isCurrentUser) {\n return <span>{name}</span>;\n }\n\n if (noLink) {\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <span>{name}</span>\n </Tooltip>\n );\n }\n\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {name}\n </Link>\n </Tooltip>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return (\n <UserLink\n entityRef={entity.author}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n\nexport const UpdatedByLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n if (!entity.updatedBy) {\n return null;\n }\n return (\n <UserLink\n entityRef={entity.updatedBy}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASa,MAAA,QAAA,GAAW,CAAC,KAKnB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAW,QAAW,GAAA,KAAA;AACpD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,WAAA;AAAA,IAC9B,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EAAA,MAAM,UAAU,gBAAiB,EAAA;AAEjC,EAAI,IAAA,SAAA,IAAa,CAAC,aAAe,EAAA;AAC/B,IAAO,uBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,IAAI,MAAQ,EAAA;AACV,IACE,uBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAK,EAAA,IAAA;AAAA,QACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,QAChE,UAAY,EAAA,GAAA;AAAA,QACZ,WAAW,EAAA,IAAA;AAAA,QACX,OAAS,EAAA;AAAA,UACP,SAAS,OAAQ,CAAA,OAAA;AAAA,UACjB,OAAO,OAAQ,CAAA;AAAA,SACjB;AAAA,QAEA,QAAA,kBAAA,GAAA,CAAC,UAAM,QAAK,EAAA,IAAA,EAAA;AAAA;AAAA,KACd;AAAA;AAIJ,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MACX,OAAS,EAAA;AAAA,QACP,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,OAAO,OAAQ,CAAA;AAAA,OACjB;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/components/PostsContainer/PostListItem.esm.js CHANGED Viewed

@@ -144,7 +144,7 @@ const useStyles = makeStyles((theme) => ({
     alignItems: "center",
     justifyContent: "space-between",
     width: "100%",
-    marginTop: "auto"
+    marginTop: "10px"
   },
   tags: {
     display: "flex",

package/dist/components/PostsContainer/PostListItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n selectByPostType,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\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(2.5, 3.5, 2, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n color: 'inherit',\n '&:first-child': {\n paddingTop: theme.spacing(3),\n },\n position: 'relative',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n cursor: 'pointer',\n },\n overlayLink: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0,\n },\n contentWrapper: {\n pointerEvents: 'none',\n },\n contentClickable: {\n position: 'relative',\n zIndex: 1,\n pointerEvents: 'auto',\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: '6px',\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 metaItemWarning: {\n color: theme.palette.warning.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '16px',\n color: theme.palette.text.primary,\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: '0px 0 4px 0px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '14px',\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 typeLabel: {\n height: 24,\n marginBottom: 0,\n marginRight: 0,\n padding: theme.spacing(0, 0.5, 0, 1),\n },\n openLinkButton: {\n padding: 0,\n height: 24,\n width: 24,\n },\n starContainer: {\n height: 24,\n width: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const {\n post,\n entity,\n showTypeLabel,\n allowRanking,\n onRankUpdate,\n collectionId,\n } = props;\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const [score, setScore] = useState(post.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setCorrectAnswer(lastSignal.correctAnswer);\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n setScore(lastSignal.score);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n const route = selectByPostType(\n post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n\n const href = entity\n ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n /* eslint-disable no-nested-ternary /\n const answerClassName = correctAnswer\n ? styles.metaItemActive\n : answersCount === 0\n ? styles.metaItemWarning\n : '';\n / eslint-enable no-nested-ternary */\n\n return (\n <Box className={styles.root}>\n <RouterLink\n to={href}\n className={styles.overlayLink}\n aria-label={post.title}\n />\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip\n title={\n post.type === 'link'\n ? t('common.clicksCount', { count: score })\n : t('common.votesCount', { count: score })\n }\n arrow\n >\n <Box className={styles.metaItem}>\n {post.type === 'link' ? (\n <TouchApp className={styles.metaIcon} />\n ) : (\n <ThumbUp className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n\n {post.type === 'question' && (\n <Tooltip\n title={t('common.answersCount', { count: answersCount })}\n arrow\n >\n <Box className={`${styles.metaItem} ${answerClassName}`}>\n {correctAnswer ? (\n <CheckCircle className={styles.metaIcon} />\n ) : (\n <QuestionAnswer className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(answersCount)}\n </Typography>\n </Box>\n </Tooltip>\n )}\n\n <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n <Box className={styles.metaItem}>\n <Visibility className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(views)}\n </Typography>\n </Box>\n </Tooltip>\n </Box>\n\n <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n {post.type === 'link' && <FaviconItem entity={post} />}\n <Typography component=\"div\" className={styles.title}>\n {post.title}\n </Typography>\n </Box>\n\n <Box display=\"flex\" alignItems=\"center\" style={{ gap: '8px' }}>\n {post.favorite && (\n <Tooltip title={t('common.favorite')}>\n <Box className={styles.starContainer}>\n <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n </Box>\n </Tooltip>\n )}\n {post.status === 'obsolete' && (\n <Tooltip title={t('common.obsolete')}>\n <Box className={styles.starContainer}>\n <ErrorOutlineIcon\n style={{ color: '#FF9800', fontSize: 20 }}\n />\n </Box>\n </Tooltip>\n )}\n <StatusChip status={post.status} />\n {showTypeLabel && post.type && (\n <Chip\n size=\"small\"\n variant=\"outlined\"\n icon={selectByPostType(\n post.type,\n <QuestionAnswer style={{ fontSize: 16 }} />,\n <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n <LinkIcon style={{ fontSize: 16 }} />,\n )}\n label={capitalizeFirstLetter(t(`common.${post.type}`))}\n className={styles.typeLabel}\n />\n )}\n {post.type === 'link' && (\n <OpenLinkButton entity={post} className={styles.openLinkButton} />\n )}\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(post.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={`${styles.tags} ${styles.contentClickable}`}>\n <TagsAndEntities entity={post} />\n </Box>\n <Box\n className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n >\n {allowRanking && (\n <Box mr={2} mb={1}>\n <RankingButtons\n postId={post.id}\n collectionId={collectionId}\n onRankUpdate={onRankUpdate}\n />\n </Box>\n )}\n <AuthorBox\n userEntityRef={post.author}\n time={getPostDisplayDate(post)}\n label={t('authorBox.postedAtTime')}\n expert={Boolean(post.experts && post.experts.length > 0)}\n anonymous={post.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":"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"}
1	+ {"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n PostResponse,\n PostType,\n QetaSignal,\n removeMarkdownFormatting,\n selectByPostType,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n post: PostResponse;\n entity?: string;\n type?: PostType;\n showTypeLabel?: boolean;\n allowRanking?: boolean;\n onRankUpdate?: () => void;\n collectionId?: number;\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(2.5, 3.5, 2, 2),\n minHeight: 80,\n transition: 'all 0.2s ease-in-out',\n textDecoration: 'none',\n color: 'inherit',\n '&:first-child': {\n paddingTop: theme.spacing(3),\n },\n position: 'relative',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n '& $title': {\n color: theme.palette.primary.main,\n },\n },\n cursor: 'pointer',\n },\n overlayLink: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0,\n },\n contentWrapper: {\n pointerEvents: 'none',\n },\n contentClickable: {\n position: 'relative',\n zIndex: 1,\n pointerEvents: 'auto',\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: '6px',\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 metaItemWarning: {\n color: theme.palette.warning.main,\n fontWeight: 500,\n },\n metaIcon: {\n fontSize: 16,\n },\n title: {\n fontWeight: 700,\n fontSize: '16px',\n color: theme.palette.text.primary,\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: '0px 0 4px 0px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n fontSize: '14px',\n minHeight: '20px',\n },\n tagsRow: {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n marginTop: '10px',\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 typeLabel: {\n height: 24,\n marginBottom: 0,\n marginRight: 0,\n padding: theme.spacing(0, 0.5, 0, 1),\n },\n openLinkButton: {\n padding: 0,\n height: 24,\n width: 24,\n },\n starContainer: {\n height: 24,\n width: 24,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0,\n },\n}));\n\nfunction formatShortNumber(num: number): string {\n return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n const {\n post,\n entity,\n showTypeLabel,\n allowRanking,\n onRankUpdate,\n collectionId,\n } = props;\n const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n const [answersCount, setAnswersCount] = useState(post.answersCount);\n const [views, setViews] = useState(post.views);\n const [score, setScore] = useState(post.score);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n useEffect(() => {\n if (lastSignal?.type === 'post_stats') {\n setCorrectAnswer(lastSignal.correctAnswer);\n setAnswersCount(lastSignal.answersCount);\n setViews(lastSignal.views);\n setScore(lastSignal.score);\n }\n }, [lastSignal]);\n\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n\n const route = selectByPostType(\n post.type,\n questionRoute,\n articleRoute,\n linkRoute,\n );\n\n const href = entity\n ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n : route({ id: post.id.toString(10) });\n\n /* eslint-disable no-nested-ternary /\n const answerClassName = correctAnswer\n ? styles.metaItemActive\n : answersCount === 0\n ? styles.metaItemWarning\n : '';\n / eslint-enable no-nested-ternary */\n\n return (\n <Box className={styles.root}>\n <RouterLink\n to={href}\n className={styles.overlayLink}\n aria-label={post.title}\n />\n <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n <Tooltip\n title={\n post.type === 'link'\n ? t('common.clicksCount', { count: score })\n : t('common.votesCount', { count: score })\n }\n arrow\n >\n <Box className={styles.metaItem}>\n {post.type === 'link' ? (\n <TouchApp className={styles.metaIcon} />\n ) : (\n <ThumbUp className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(score)}\n </Typography>\n </Box>\n </Tooltip>\n\n {post.type === 'question' && (\n <Tooltip\n title={t('common.answersCount', { count: answersCount })}\n arrow\n >\n <Box className={`${styles.metaItem} ${answerClassName}`}>\n {correctAnswer ? (\n <CheckCircle className={styles.metaIcon} />\n ) : (\n <QuestionAnswer className={styles.metaIcon} />\n )}\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(answersCount)}\n </Typography>\n </Box>\n </Tooltip>\n )}\n\n <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n <Box className={styles.metaItem}>\n <Visibility className={styles.metaIcon} />\n <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n {formatShortNumber(views)}\n </Typography>\n </Box>\n </Tooltip>\n </Box>\n\n <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n <Box className={styles.titleContainer}>\n <Box className={styles.titleWrapper}>\n {post.type === 'link' && <FaviconItem entity={post} />}\n <Typography component=\"div\" className={styles.title}>\n {post.title}\n </Typography>\n </Box>\n\n <Box display=\"flex\" alignItems=\"center\" style={{ gap: '8px' }}>\n {post.favorite && (\n <Tooltip title={t('common.favorite')}>\n <Box className={styles.starContainer}>\n <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n </Box>\n </Tooltip>\n )}\n {post.status === 'obsolete' && (\n <Tooltip title={t('common.obsolete')}>\n <Box className={styles.starContainer}>\n <ErrorOutlineIcon\n style={{ color: '#FF9800', fontSize: 20 }}\n />\n </Box>\n </Tooltip>\n )}\n <StatusChip status={post.status} />\n {showTypeLabel && post.type && (\n <Chip\n size=\"small\"\n variant=\"outlined\"\n icon={selectByPostType(\n post.type,\n <QuestionAnswer style={{ fontSize: 16 }} />,\n <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n <LinkIcon style={{ fontSize: 16 }} />,\n )}\n label={capitalizeFirstLetter(t(`common.${post.type}`))}\n className={styles.typeLabel}\n />\n )}\n {post.type === 'link' && (\n <OpenLinkButton entity={post} className={styles.openLinkButton} />\n )}\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(post.content), 200),\n ),\n }}\n />\n </Typography>\n\n <Box className={styles.tagsRow}>\n <Box className={`${styles.tags} ${styles.contentClickable}`}>\n <TagsAndEntities entity={post} />\n </Box>\n <Box\n className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n >\n {allowRanking && (\n <Box mr={2} mb={1}>\n <RankingButtons\n postId={post.id}\n collectionId={collectionId}\n onRankUpdate={onRankUpdate}\n />\n </Box>\n )}\n <AuthorBox\n userEntityRef={post.author}\n time={getPostDisplayDate(post)}\n label={t('authorBox.postedAtTime')}\n expert={Boolean(post.experts && post.experts.length > 0)}\n anonymous={post.anonymous}\n compact\n />\n </Box>\n </Box>\n </Box>\n </Box>\n );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,YAAA;AAAA,IACZ,MAAQ,EAAA,MAAA;AAAA,IACR,SAAS,KAAM,CAAA,OAAA,CAAQ,GAAK,EAAA,GAAA,EAAK,GAAG,CAAC,CAAA;AAAA,IACrC,SAAW,EAAA,EAAA;AAAA,IACX,UAAY,EAAA,sBAAA;AAAA,IACZ,cAAgB,EAAA,MAAA;AAAA,IAChB,KAAO,EAAA,SAAA;AAAA,IACP,eAAiB,EAAA;AAAA,MACf,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC7B;AAAA,IACA,QAAU,EAAA,UAAA;AAAA,IACV,SAAW,EAAA;AAAA,MACT,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,MAAO,CAAA,KAAA;AAAA,MACtC,UAAY,EAAA;AAAA,QACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA;AAAA;AAC/B,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,CAAA;AAAA,IACL,IAAM,EAAA,CAAA;AAAA,IACN,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,QAAU,EAAA,UAAA;AAAA,IACV,MAAQ,EAAA,CAAA;AAAA,IACR,aAAe,EAAA;AAAA,GACjB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA,EAAA;AAAA,IACV,QAAU,EAAA,EAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC9B,GAAK,EAAA;AAAA,GACP;AAAA,EACA,QAAU,EAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,IACtB,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,SAAA;AAAA,IAC1B,KAAO,EAAA,MAAA;AAAA,IACP,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,IAC7B,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,KAAO,EAAA;AAAA,IACL,UAAY,EAAA,GAAA;AAAA,IACZ,QAAU,EAAA,MAAA;AAAA,IACV,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,QAAA;AAAA,IACV,UAAY,EAAA,QAAA;AAAA,IACZ,UAAY,EAAA,GAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,IAC1B,OAAS,EAAA,GAAA;AAAA,IACT,MAAQ,EAAA,eAAA;AAAA,IACR,OAAS,EAAA,aAAA;AAAA,IACT,eAAiB,EAAA,CAAA;AAAA,IACjB,eAAiB,EAAA,UAAA;AAAA,IACjB,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,QAAU,EAAA,MAAA;AAAA,IACV,SAAW,EAAA;AAAA,GACb;AAAA,EACA,OAAS,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,eAAA;AAAA,IAChB,KAAO,EAAA,MAAA;AAAA,IACP,SAAW,EAAA;AAAA,GACb;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,IACV,GAAK,EAAA;AAAA,GACP;AAAA,EACA,kBAAoB,EAAA;AAAA,IAClB,UAAY,EAAA,MAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA;AAAA,GACd;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA,CAAA;AAAA,IACV,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,cAAgB,EAAA,eAAA;AAAA,IAChB,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,GAAG;AAAA,GACjC;AAAA,EACA,YAAc,EAAA;AAAA,IACZ,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,GAAA,EAAK,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,IACpB,IAAM,EAAA,CAAA;AAAA,IACN,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,SAAW,EAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,IACd,WAAa,EAAA,CAAA;AAAA,IACb,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,GAAA,EAAK,GAAG,CAAC;AAAA,GACrC;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,OAAS,EAAA,CAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA,aAAe,EAAA;AAAA,IACb,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA,QAAA;AAAA,IAChB,OAAS,EAAA;AAAA;AAEb,CAAE,CAAA,CAAA;AAEF,SAAS,kBAAkB,GAAqB,EAAA;AAC9C,EAAO,OAAA,GAAA,IAAO,MAAO,OAAQ,CAAA,GAAG,EAAE,MAAO,CAAA,OAAO,CAAI,GAAA,GAAA,CAAI,QAAS,EAAA;AACnE;AAEA,SAAS,sBAAsB,GAAa,EAAA;AAC1C,EAAA,OAAO,MAAO,CAAA,GAAG,CAAE,CAAA,MAAA,CAAO,CAAC,CAAA,CAAE,WAAY,EAAA,GAAI,MAAO,CAAA,GAAG,CAAE,CAAA,KAAA,CAAM,CAAC,CAAA;AAClE;AAEa,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,MAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,KAAK,aAAa,CAAA;AACrE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,KAAK,YAAY,CAAA;AAClE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAa,UAAA,EAAA,IAAA,CAAK,EAAE,CAAE,CAAA,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AACzB,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA;AAClD,EAAM,MAAA,YAAA,GAAe,YAAY,eAAe,CAAA;AAChD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAE1C,EAAA,MAAM,KAAQ,GAAA,gBAAA;AAAA,IACZ,IAAK,CAAA,IAAA;AAAA,IACL,aAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAM,MAAA,IAAA,GAAO,MACT,GAAA,CAAA,EAAG,KAAM,CAAA,EAAE,IAAI,IAAK,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,CAAE,EAAC,CAAC,CAAW,QAAA,EAAA,MAAM,CACvD,CAAA,GAAA,KAAA,CAAM,EAAE,EAAA,EAAI,KAAK,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAGtC,EAAA,MAAM,kBAAkB,aACpB,GAAA,MAAA,CAAO,iBACP,YAAiB,KAAA,CAAA,GACjB,OAAO,eACP,GAAA,EAAA;AAGJ,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAACA,IAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA,IAAA;AAAA,QACJ,WAAW,MAAO,CAAA,WAAA;AAAA,QAClB,cAAY,IAAK,CAAA;AAAA;AAAA,KACnB;AAAA,oBACA,IAAA,CAAC,OAAI,SAAW,EAAA,MAAA,CAAO,SAAS,YAAY,EAAA,CAAA,CAAE,kBAAkB,CAC9D,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OACE,IAAK,CAAA,IAAA,KAAS,MACV,GAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,KAAM,EAAC,IACxC,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,UAE7C,KAAK,EAAA,IAAA;AAAA,UAEL,QAAC,kBAAA,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,QACpB,EAAA,QAAA,EAAA;AAAA,YAAA,IAAA,CAAK,IAAS,KAAA,MAAA,mBACZ,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA,mBAErC,GAAA,CAAA,OAAA,EAAA,EAAQ,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAEvC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,MAEC,IAAA,CAAK,SAAS,UACb,oBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,OAAO,CAAE,CAAA,qBAAA,EAAuB,EAAE,KAAA,EAAO,cAAc,CAAA;AAAA,UACvD,KAAK,EAAA,IAAA;AAAA,UAEL,QAAA,kBAAA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,QAAQ,CAAA,CAAA,EAAI,eAAe,CAClD,CAAA,EAAA,QAAA,EAAA;AAAA,YACC,aAAA,mBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,QAAA,EAAU,oBAExC,GAAA,CAAAC,kBAAA,EAAA,EAAe,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,4BAE9C,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,YAAY,CACjC,EAAA;AAAA,WACF,EAAA;AAAA;AAAA,OACF;AAAA,0BAGD,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,mBAAA,EAAqB,EAAE,KAAO,EAAA,KAAA,EAAO,CAAA,EAAG,OAAK,IAC7D,EAAA,QAAA,kBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,QACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,MAAA,CAAO,QAAU,EAAA,CAAA;AAAA,wBACxC,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,SAAU,EAAA,EACxD,QAAkB,EAAA,iBAAA,CAAA,KAAK,CAC1B,EAAA;AAAA,OAAA,EACF,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBAEA,IAAA,CAAC,OAAI,SAAW,EAAA,CAAA,EAAG,OAAO,gBAAgB,CAAA,CAAA,EAAI,MAAO,CAAA,cAAc,CACjE,CAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,cACrB,EAAA,QAAA,EAAA;AAAA,wBAAC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,YACpB,EAAA,QAAA,EAAA;AAAA,UAAA,IAAA,CAAK,IAAS,KAAA,MAAA,oBAAW,GAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAM,EAAA,CAAA;AAAA,0BACpD,GAAA,CAAC,cAAW,SAAU,EAAA,KAAA,EAAM,WAAW,MAAO,CAAA,KAAA,EAC3C,eAAK,KACR,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBAEA,IAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAQ,MAAO,EAAA,UAAA,EAAW,UAAS,KAAO,EAAA,EAAE,GAAK,EAAA,KAAA,EACnD,EAAA,QAAA,EAAA;AAAA,UAAK,IAAA,CAAA,QAAA,wBACH,OAAQ,EAAA,EAAA,KAAA,EAAO,EAAE,iBAAiB,CAAA,EACjC,QAAC,kBAAA,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,eACrB,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,OAAO,EAAE,KAAA,EAAO,WAAW,QAAU,EAAA,EAAA,EAAM,EAAA,CAAA,EACvD,CACF,EAAA,CAAA;AAAA,UAED,IAAK,CAAA,MAAA,KAAW,UACf,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,OAAO,aACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,gBAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,EAAE,KAAO,EAAA,SAAA,EAAW,UAAU,EAAG;AAAA;AAAA,aAE5C,CACF,EAAA,CAAA;AAAA,0BAED,GAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,IAAA,CAAK,MAAQ,EAAA,CAAA;AAAA,UAChC,aAAA,IAAiB,KAAK,IACrB,oBAAA,GAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,OAAA;AAAA,cACL,OAAQ,EAAA,UAAA;AAAA,cACR,IAAM,EAAA,gBAAA;AAAA,gBACJ,IAAK,CAAA,IAAA;AAAA,oCACJA,kBAAe,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,oCACxC,uBAAwB,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA,CAAA;AAAA,oCACjD,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,QAAA,EAAU,IAAM,EAAA;AAAA,eACrC;AAAA,cACA,OAAO,qBAAsB,CAAA,CAAA,CAAE,UAAU,IAAK,CAAA,IAAI,EAAE,CAAC,CAAA;AAAA,cACrD,WAAW,MAAO,CAAA;AAAA;AAAA,WACpB;AAAA,UAED,IAAA,CAAK,SAAS,MACb,oBAAA,GAAA,CAAC,kBAAe,MAAQ,EAAA,IAAA,EAAM,SAAW,EAAA,MAAA,CAAO,cAAgB,EAAA;AAAA,SAEpE,EAAA;AAAA,OACF,EAAA,CAAA;AAAA,sBAEA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,WAAU,KAAM,EAAA,SAAA,EAAW,OAAO,OAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,uBAAyB,EAAA;AAAA,YACvB,QAAQ,SAAU,CAAA,QAAA;AAAA,cAChB,QAAS,CAAA,wBAAA,CAAyB,IAAK,CAAA,OAAO,GAAG,GAAG;AAAA;AACtD;AACF;AAAA,OAEJ,EAAA,CAAA;AAAA,sBAEC,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,OACrB,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,IAAI,CAAA,CAAA,EAAI,MAAO,CAAA,gBAAgB,CACvD,CAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,MAAA,EAAQ,MAAM,CACjC,EAAA,CAAA;AAAA,wBACA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,WAAW,CAAG,EAAA,MAAA,CAAO,kBAAkB,CAAA,CAAA,EAAI,OAAO,gBAAgB,CAAA,CAAA;AAAA,YAEjE,QAAA,EAAA;AAAA,cAAA,YAAA,oBACE,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,CACd,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,cAAA;AAAA,gBAAA;AAAA,kBACC,QAAQ,IAAK,CAAA,EAAA;AAAA,kBACb,YAAA;AAAA,kBACA;AAAA;AAAA,eAEJ,EAAA,CAAA;AAAA,8BAEF,GAAA;AAAA,gBAAC,SAAA;AAAA,gBAAA;AAAA,kBACC,eAAe,IAAK,CAAA,MAAA;AAAA,kBACpB,IAAA,EAAM,mBAAmB,IAAI,CAAA;AAAA,kBAC7B,KAAA,EAAO,EAAE,wBAAwB,CAAA;AAAA,kBACjC,QAAQ,OAAQ,CAAA,IAAA,CAAK,WAAW,IAAK,CAAA,OAAA,CAAQ,SAAS,CAAC,CAAA;AAAA,kBACvD,WAAW,IAAK,CAAA,SAAA;AAAA,kBAChB,OAAO,EAAA;AAAA;AAAA;AACT;AAAA;AAAA;AACF,OACF,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -137,7 +137,7 @@ function QetaEntityContainer({
         },
         getKey ? getKey(item) : index
       )) }),
-      view === "list" && renderListItem && /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(Grid, { container: true, direction: "column", children: items.map((item, index) => /* @__PURE__ */ jsxs(
+      view === "list" && renderListItem && /* @__PURE__ */ jsx(Card, { children: items.map((item, index) => /* @__PURE__ */ jsxs(
         Fragment$1,
         {
           children: [
@@ -146,7 +146,7 @@ function QetaEntityContainer({
           ]
         },
         getKey ? getKey(item) : item.id || index
-      )) }) }),
+      )) }),
       !renderGridItem && !renderListItem && /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No renderer provided for current view." }),
       /* @__PURE__ */ jsx(
         "div",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"QetaEntityContainer.esm.js","sources":["../../../src/components/QetaEntityContainer/QetaEntityContainer.tsx"],"sourcesContent":["import {\n Box,\n Collapse,\n Button,\n Grid,\n GridProps,\n Typography,\n Card,\n Divider,\n} from '@material-ui/core';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nimport {\n useQetaEntities,\n QetaEntitiesProps,\n} from '../../hooks/useQetaEntities';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport {\n FilterPanel,\n CommonFilterPanelProps,\n Filters,\n} from '../FilterPanel/FilterPanel';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { QetaPagination } from '../Utility';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport {\n QetaIdEntity,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Fragment, useState, useEffect, useRef } from 'react';\nimport { useUserSettings } from '../../hooks/useUserSettings';\n\nexport type QetaEntityContainerProps<T, F extends Filters> = QetaEntitiesProps<\n T,\n F\n> & {\n title:\n \| string\n \| React.ReactNode\n \| ((total: number) => string \| React.ReactNode);\n searchPlaceholder?: string;\n renderGridItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n renderListItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n filterPanelProps?: CommonFilterPanelProps;\n emptyState?: React.ReactNode;\n emptyMessage?: string;\n headerButtons?:\n \| React.ReactNode\n \| ((utils: { retry: () => void }) => React.ReactNode);\n getKey?: (item: T) => string \| number;\n gridItemProps?: GridProps;\n defaultView?: ViewType;\n};\n\nexport function QetaEntityContainer<\n T extends QetaIdEntity \| UserResponse,\n F extends Filters,\n>({\n title,\n searchPlaceholder,\n renderGridItem,\n renderListItem,\n filterPanelProps,\n emptyState,\n headerButtons,\n getKey,\n gridItemProps,\n defaultView = 'grid',\n ...hookProps\n}: QetaEntityContainerProps<T, F>) {\n const { settings, getSetting, setSetting, isLoaded } = useUserSettings();\n const [view, setView] = useState<ViewType>(defaultView);\n\n useEffect(() => {\n if (isLoaded) {\n const savedView = settings.viewType[hookProps.prefix];\n if (savedView) {\n setView(savedView);\n }\n }\n }, [isLoaded, settings.viewType, hookProps.prefix]);\n\n const onSetView = (v: ViewType) => {\n setView(v);\n const currentViewTypes = getSetting('viewType');\n setSetting('viewType', {\n ...currentViewTypes,\n [hookProps.prefix]: v,\n });\n };\n\n const {\n items,\n loading,\n error,\n hasMore,\n total,\n showFilterPanel,\n setShowFilterPanel,\n onSearchQueryChange,\n onFilterChange,\n filters,\n page,\n loadNextPage,\n onPageChange,\n onPageSizeChange,\n pageSize,\n retry,\n } = useQetaEntities<T, F>({\n ...hookProps,\n getKey,\n usePagination: settings.usePagination,\n defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize,\n });\n\n const topRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (settings.usePagination) {\n topRef.current?.scrollIntoView({ behavior: 'auto' });\n }\n }, [page, settings.usePagination]);\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const { containerRef: sentryRef } = useInfiniteScroll({\n shouldStop: settings.usePagination \|\| !hasMore \|\| !!error \|\| loading,\n onLoadMore: async () => {\n if (loadNextPage) {\n loadNextPage();\n }\n },\n offset: '800px',\n });\n\n const resolvedTitle = typeof title === 'function' ? title(total) : title;\n\n return (\n <div ref={topRef}>\n <Box>\n <QetaGridHeader\n title={resolvedTitle}\n searchBarLabel={searchPlaceholder ?? t('common.search')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n <>\n {typeof headerButtons === 'function'\n ? headerButtons({ retry })\n : headerButtons}\n {filterPanelProps && (\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n )}\n </>\n }\n rightElement={\n renderListItem &&\n renderGridItem && <ViewToggle view={view} onChange={onSetView} />\n }\n />\n\n {filterPanelProps && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<F>\n onChange={onFilterChange}\n filters={filters}\n mode={filterPanelProps.mode ?? 'posts'}\n {...filterPanelProps}\n />\n </Collapse>\n )}\n\n {loading && (items.length === 0 \|\| settings.usePagination) && (\n <LoadingGrid />\n )}\n\n {error && (\n <WarningPanel severity=\"error\" title={t('common.error')}>\n {error?.message}\n </WarningPanel>\n )}\n\n {!loading && !error && items.length === 0 && emptyState}\n\n {items.length > 0 && (!loading \|\| !settings.usePagination) && (\n <>\n {view === 'grid' && renderGridItem && (\n <Grid container spacing={3} direction=\"row\" alignItems=\"stretch\">\n {items.map((item, index) => (\n <Grid\n item\n xs={12}\n md={6}\n xl={4}\n key={getKey ? getKey(item) : index}\n {...gridItemProps}\n >\n {renderGridItem(item, { retry })}\n </Grid>\n ))}\n </Grid>\n )}\n {view === 'list' && renderListItem && (\n <Card>\n <Grid container direction=\"column\">\n {items.map((item, index) => (\n <Fragment\n key={getKey ? getKey(item) : (item as any).id \|\| index}\n >\n {renderListItem(item, { retry })}\n {index < items.length - 1 && <Divider />}\n </Fragment>\n ))}\n </Grid>\n </Card>\n )}\n\n {!renderGridItem && !renderListItem && (\n <Typography variant=\"body1\">\n No renderer provided for current view.\n </Typography>\n )}\n\n <div\n ref={!settings.usePagination ? (sentryRef as any) : undefined}\n style={{\n width: '100%',\n marginTop: '10px',\n textAlign: 'center',\n }}\n >\n {loading && <LoadingGrid />}\n </div>\n </>\n )}\n\n {settings.usePagination && total > pageSize && (\n <QetaPagination\n pageSize={pageSize}\n handlePageSizeChange={e =>\n onPageSizeChange(e.target.value as number)\n }\n handlePageChange={(_e, p) => onPageChange(p)}\n page={page}\n pageCount={Math.ceil(total / pageSize)}\n />\n )}\n </Box>\n </div>\n );\n}\n"],"names":["FilterList","Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"QetaEntityContainer.esm.js","sources":["../../../src/components/QetaEntityContainer/QetaEntityContainer.tsx"],"sourcesContent":["import {\n Box,\n Collapse,\n Button,\n Grid,\n GridProps,\n Typography,\n Card,\n Divider,\n} from '@material-ui/core';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useInfiniteScroll } from 'infinite-scroll-hook';\n\nimport {\n useQetaEntities,\n QetaEntitiesProps,\n} from '../../hooks/useQetaEntities';\nimport { QetaGridHeader } from '../Utility/QetaGridHeader';\nimport {\n FilterPanel,\n CommonFilterPanelProps,\n Filters,\n} from '../FilterPanel/FilterPanel';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { QetaPagination } from '../Utility';\nimport { qetaTranslationRef } from '../../translation';\nimport { ViewToggle, ViewType } from '../ViewToggle/ViewToggle';\nimport {\n QetaIdEntity,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Fragment, useState, useEffect, useRef } from 'react';\nimport { useUserSettings } from '../../hooks/useUserSettings';\n\nexport type QetaEntityContainerProps<T, F extends Filters> = QetaEntitiesProps<\n T,\n F\n> & {\n title:\n \| string\n \| React.ReactNode\n \| ((total: number) => string \| React.ReactNode);\n searchPlaceholder?: string;\n renderGridItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n renderListItem?: (item: T, utils: { retry: () => void }) => React.ReactNode;\n filterPanelProps?: CommonFilterPanelProps;\n emptyState?: React.ReactNode;\n emptyMessage?: string;\n headerButtons?:\n \| React.ReactNode\n \| ((utils: { retry: () => void }) => React.ReactNode);\n getKey?: (item: T) => string \| number;\n gridItemProps?: GridProps;\n defaultView?: ViewType;\n};\n\nexport function QetaEntityContainer<\n T extends QetaIdEntity \| UserResponse,\n F extends Filters,\n>({\n title,\n searchPlaceholder,\n renderGridItem,\n renderListItem,\n filterPanelProps,\n emptyState,\n headerButtons,\n getKey,\n gridItemProps,\n defaultView = 'grid',\n ...hookProps\n}: QetaEntityContainerProps<T, F>) {\n const { settings, getSetting, setSetting, isLoaded } = useUserSettings();\n const [view, setView] = useState<ViewType>(defaultView);\n\n useEffect(() => {\n if (isLoaded) {\n const savedView = settings.viewType[hookProps.prefix];\n if (savedView) {\n setView(savedView);\n }\n }\n }, [isLoaded, settings.viewType, hookProps.prefix]);\n\n const onSetView = (v: ViewType) => {\n setView(v);\n const currentViewTypes = getSetting('viewType');\n setSetting('viewType', {\n ...currentViewTypes,\n [hookProps.prefix]: v,\n });\n };\n\n const {\n items,\n loading,\n error,\n hasMore,\n total,\n showFilterPanel,\n setShowFilterPanel,\n onSearchQueryChange,\n onFilterChange,\n filters,\n page,\n loadNextPage,\n onPageChange,\n onPageSizeChange,\n pageSize,\n retry,\n } = useQetaEntities<T, F>({\n ...hookProps,\n getKey,\n usePagination: settings.usePagination,\n defaultPageSize: settings.usePagination ? 10 : hookProps.defaultPageSize,\n });\n\n const topRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (settings.usePagination) {\n topRef.current?.scrollIntoView({ behavior: 'auto' });\n }\n }, [page, settings.usePagination]);\n\n const { t } = useTranslationRef(qetaTranslationRef);\n\n const { containerRef: sentryRef } = useInfiniteScroll({\n shouldStop: settings.usePagination \|\| !hasMore \|\| !!error \|\| loading,\n onLoadMore: async () => {\n if (loadNextPage) {\n loadNextPage();\n }\n },\n offset: '800px',\n });\n\n const resolvedTitle = typeof title === 'function' ? title(total) : title;\n\n return (\n <div ref={topRef}>\n <Box>\n <QetaGridHeader\n title={resolvedTitle}\n searchBarLabel={searchPlaceholder ?? t('common.search')}\n loading={loading}\n onSearch={onSearchQueryChange}\n buttons={\n <>\n {typeof headerButtons === 'function'\n ? headerButtons({ retry })\n : headerButtons}\n {filterPanelProps && (\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n )}\n </>\n }\n rightElement={\n renderListItem &&\n renderGridItem && <ViewToggle view={view} onChange={onSetView} />\n }\n />\n\n {filterPanelProps && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<F>\n onChange={onFilterChange}\n filters={filters}\n mode={filterPanelProps.mode ?? 'posts'}\n {...filterPanelProps}\n />\n </Collapse>\n )}\n\n {loading && (items.length === 0 \|\| settings.usePagination) && (\n <LoadingGrid />\n )}\n\n {error && (\n <WarningPanel severity=\"error\" title={t('common.error')}>\n {error?.message}\n </WarningPanel>\n )}\n\n {!loading && !error && items.length === 0 && emptyState}\n\n {items.length > 0 && (!loading \|\| !settings.usePagination) && (\n <>\n {view === 'grid' && renderGridItem && (\n <Grid container spacing={3} direction=\"row\" alignItems=\"stretch\">\n {items.map((item, index) => (\n <Grid\n item\n xs={12}\n md={6}\n xl={4}\n key={getKey ? getKey(item) : index}\n {...gridItemProps}\n >\n {renderGridItem(item, { retry })}\n </Grid>\n ))}\n </Grid>\n )}\n {view === 'list' && renderListItem && (\n <Card>\n {items.map((item, index) => (\n <Fragment\n key={getKey ? getKey(item) : (item as any).id \|\| index}\n >\n {renderListItem(item, { retry })}\n {index < items.length - 1 && <Divider />}\n </Fragment>\n ))}\n </Card>\n )}\n\n {!renderGridItem && !renderListItem && (\n <Typography variant=\"body1\">\n No renderer provided for current view.\n </Typography>\n )}\n\n <div\n ref={!settings.usePagination ? (sentryRef as any) : undefined}\n style={{\n width: '100%',\n marginTop: '10px',\n textAlign: 'center',\n }}\n >\n {loading && <LoadingGrid />}\n </div>\n </>\n )}\n\n {settings.usePagination && total > pageSize && (\n <QetaPagination\n pageSize={pageSize}\n handlePageSizeChange={e =>\n onPageSizeChange(e.target.value as number)\n }\n handlePageChange={(_e, p) => onPageChange(p)}\n page={page}\n pageCount={Math.ceil(total / pageSize)}\n />\n )}\n </Box>\n </div>\n );\n}\n"],"names":["FilterList","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0DO,SAAS,mBAGd,CAAA;AAAA,EACA,KAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA;AAAA,EACA,gBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,WAAc,GAAA,MAAA;AAAA,EACd,GAAG;AACL,CAAmC,EAAA;AACjC,EAAA,MAAM,EAAE,QAAU,EAAA,UAAA,EAAY,UAAY,EAAA,QAAA,KAAa,eAAgB,EAAA;AACvE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,WAAW,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,MAAM,SAAY,GAAA,QAAA,CAAS,QAAS,CAAA,SAAA,CAAU,MAAM,CAAA;AACpD,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,OAAA,CAAQ,SAAS,CAAA;AAAA;AACnB;AACF,KACC,CAAC,QAAA,EAAU,SAAS,QAAU,EAAA,SAAA,CAAU,MAAM,CAAC,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,CAAC,CAAgB,KAAA;AACjC,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAM,MAAA,gBAAA,GAAmB,WAAW,UAAU,CAAA;AAC9C,IAAA,UAAA,CAAW,UAAY,EAAA;AAAA,MACrB,GAAG,gBAAA;AAAA,MACH,CAAC,SAAU,CAAA,MAAM,GAAG;AAAA,KACrB,CAAA;AAAA,GACH;AAEA,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,eAAsB,CAAA;AAAA,IACxB,GAAG,SAAA;AAAA,IACH,MAAA;AAAA,IACA,eAAe,QAAS,CAAA,aAAA;AAAA,IACxB,eAAiB,EAAA,QAAA,CAAS,aAAgB,GAAA,EAAA,GAAK,SAAU,CAAA;AAAA,GAC1D,CAAA;AAED,EAAM,MAAA,MAAA,GAAS,OAAuB,IAAI,CAAA;AAE1C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,aAAe,EAAA;AAC1B,MAAA,MAAA,CAAO,OAAS,EAAA,cAAA,CAAe,EAAE,QAAA,EAAU,QAAQ,CAAA;AAAA;AACrD,GACC,EAAA,CAAC,IAAM,EAAA,QAAA,CAAS,aAAa,CAAC,CAAA;AAEjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,MAAM,EAAE,YAAA,EAAc,SAAU,EAAA,GAAI,iBAAkB,CAAA;AAAA,IACpD,YAAY,QAAS,CAAA,aAAA,IAAiB,CAAC,OAAW,IAAA,CAAC,CAAC,KAAS,IAAA,OAAA;AAAA,IAC7D,YAAY,YAAY;AACtB,MAAA,IAAI,YAAc,EAAA;AAChB,QAAa,YAAA,EAAA;AAAA;AACf,KACF;AAAA,IACA,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,gBAAgB,OAAO,KAAA,KAAU,UAAa,GAAA,KAAA,CAAM,KAAK,CAAI,GAAA,KAAA;AAEnE,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,MAAA,EACR,+BAAC,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,aAAA;AAAA,QACP,cAAA,EAAgB,iBAAqB,IAAA,CAAA,CAAE,eAAe,CAAA;AAAA,QACtD,OAAA;AAAA,QACA,QAAU,EAAA,mBAAA;AAAA,QACV,yBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,UAAA,OAAO,kBAAkB,UACtB,GAAA,aAAA,CAAc,EAAE,KAAA,EAAO,CACvB,GAAA,aAAA;AAAA,UACH,gBACC,oBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,OAAS,EAAA,MAAM,kBAAmB,CAAA,CAAC,eAAe,CAAA;AAAA,cAClD,SAAA,sBAAYA,cAAW,EAAA,EAAA,CAAA;AAAA,cAEtB,YAAE,0BAA0B;AAAA;AAAA;AAC/B,SAEJ,EAAA,CAAA;AAAA,QAEF,cACE,cACA,IAAA,cAAA,wBAAmB,UAAW,EAAA,EAAA,IAAA,EAAY,UAAU,SAAW,EAAA;AAAA;AAAA,KAEnE;AAAA,IAEC,gBACC,oBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,EAAA,EAAI,eACZ,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,cAAA;AAAA,QACV,OAAA;AAAA,QACA,IAAA,EAAM,iBAAiB,IAAQ,IAAA,OAAA;AAAA,QAC9B,GAAG;AAAA;AAAA,KAER,EAAA,CAAA;AAAA,IAGD,YAAY,KAAM,CAAA,MAAA,KAAW,KAAK,QAAS,CAAA,aAAA,CAAA,wBACzC,WAAY,EAAA,EAAA,CAAA;AAAA,IAGd,KAAA,oBACE,GAAA,CAAA,YAAA,EAAA,EAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,cAAc,CACnD,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA,IAGD,CAAC,OAAW,IAAA,CAAC,KAAS,IAAA,KAAA,CAAM,WAAW,CAAK,IAAA,UAAA;AAAA,IAE5C,KAAA,CAAM,SAAS,CAAM,KAAA,CAAC,WAAW,CAAC,QAAA,CAAS,kCAEvC,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,IAAA,KAAS,UAAU,cAClB,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,KAAA,EAAM,YAAW,SACpD,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,MAAM,KAChB,qBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,IAAI,EAAA,IAAA;AAAA,UACJ,EAAI,EAAA,EAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UACJ,EAAI,EAAA,CAAA;AAAA,UAEH,GAAG,aAAA;AAAA,UAEH,QAAe,EAAA,cAAA,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO;AAAA,SAAA;AAAA,QAH1B,MAAA,GAAS,MAAO,CAAA,IAAI,CAAI,GAAA;AAAA,OAKhC,CACH,EAAA,CAAA;AAAA,MAED,IAAA,KAAS,UAAU,cAClB,oBAAA,GAAA,CAAC,QACE,QAAM,EAAA,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KAChB,qBAAA,IAAA;AAAA,QAACC,UAAAA;AAAA,QAAA;AAAA,UAGE,QAAA,EAAA;AAAA,YAAe,cAAA,CAAA,IAAA,EAAM,EAAE,KAAA,EAAO,CAAA;AAAA,YAC9B,KAAQ,GAAA,KAAA,CAAM,MAAS,GAAA,CAAA,wBAAM,OAAQ,EAAA,EAAA;AAAA;AAAA,SAAA;AAAA,QAHjC,MAAS,GAAA,MAAA,CAAO,IAAI,CAAA,GAAK,KAAa,EAAM,IAAA;AAAA,OAKpD,CACH,EAAA,CAAA;AAAA,MAGD,CAAC,kBAAkB,CAAC,cAAA,wBAClB,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAQ,QAE5B,EAAA,wCAAA,EAAA,CAAA;AAAA,sBAGF,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,CAAC,QAAS,CAAA,aAAA,GAAiB,SAAoB,GAAA,KAAA,CAAA;AAAA,UACpD,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,MAAA;AAAA,YACP,SAAW,EAAA,MAAA;AAAA,YACX,SAAW,EAAA;AAAA,WACb;AAAA,UAEC,QAAA,EAAA,OAAA,wBAAY,WAAY,EAAA,EAAA;AAAA;AAAA;AAC3B,KACF,EAAA,CAAA;AAAA,IAGD,QAAA,CAAS,aAAiB,IAAA,KAAA,GAAQ,QACjC,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,oBAAsB,EAAA,CAAA,CAAA,KACpB,gBAAiB,CAAA,CAAA,CAAE,OAAO,KAAe,CAAA;AAAA,QAE3C,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,aAAa,CAAC,CAAA;AAAA,QAC3C,IAAA;AAAA,QACA,SAAW,EAAA,IAAA,CAAK,IAAK,CAAA,KAAA,GAAQ,QAAQ;AAAA;AAAA;AACvC,GAAA,EAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -93,98 +93,106 @@ const QuestionCard = (props) => {
     });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Card, { variant: "outlined", className: styles.root, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
-      Grid,
+    /* @__PURE__ */ jsx(
+      Card,
       {
-        container: true,
-        spacing: 2,
-        justifyContent: "flex-start",
-        style: { flexWrap: "nowrap" },
-        children: [
-          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
-            /* @__PURE__ */ jsx(VoteButtons, { entity: questionEntity }),
-            /* @__PURE__ */ jsx(FavoriteButton, { entity: questionEntity }),
-            /* @__PURE__ */ jsx(LinkButton, { entity: questionEntity })
-          ] }) }),
-          /* @__PURE__ */ jsxs(
-            Grid,
-            {
-              item: true,
-              className: styles.contentContainer,
-              style: { flexGrow: "1" },
-              children: [
-                /* @__PURE__ */ jsx(Grid, { item: true, className: styles.markdownContainer, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: questionEntity.content }) }),
-                /* @__PURE__ */ jsxs(
-                  Box,
-                  {
-                    display: "flex",
-                    alignItems: "flex-start",
-                    justifyContent: "space-between",
-                    className: styles.metadata,
-                    style: { width: "100%" },
-                    children: [
-                      /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
-                        /* @__PURE__ */ jsx(TagsAndEntities, { entity: questionEntity }),
-                        /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
-                          question.canEdit && question.status !== "obsolete" && /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              variant: "outlined",
-                              size: "small",
-                              startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
-                              onClick: () => navigate(
-                                editQuestionRoute({
-                                  id: question.id.toString(10)
-                                })
+        variant: "outlined",
+        className: styles.root,
+        "data-testid": "question-card",
+        children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
+          Grid,
+          {
+            container: true,
+            spacing: 2,
+            justifyContent: "flex-start",
+            style: { flexWrap: "nowrap" },
+            children: [
+              /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(VoteButtonContainer, { children: [
+                /* @__PURE__ */ jsx(VoteButtons, { entity: questionEntity }),
+                /* @__PURE__ */ jsx(FavoriteButton, { entity: questionEntity }),
+                /* @__PURE__ */ jsx(LinkButton, { entity: questionEntity })
+              ] }) }),
+              /* @__PURE__ */ jsxs(
+                Grid,
+                {
+                  item: true,
+                  className: styles.contentContainer,
+                  style: { flexGrow: "1" },
+                  children: [
+                    /* @__PURE__ */ jsx(Grid, { item: true, className: styles.markdownContainer, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: questionEntity.content }) }),
+                    /* @__PURE__ */ jsxs(
+                      Box,
+                      {
+                        display: "flex",
+                        alignItems: "flex-start",
+                        justifyContent: "space-between",
+                        className: styles.metadata,
+                        style: { width: "100%" },
+                        children: [
+                          /* @__PURE__ */ jsxs(Box, { flex: "1 1 0%", minWidth: 0, children: [
+                            /* @__PURE__ */ jsx(TagsAndEntities, { entity: questionEntity }),
+                            /* @__PURE__ */ jsxs(Box, { className: styles.buttons, children: [
+                              question.canEdit && question.status !== "obsolete" && /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "outlined",
+                                  size: "small",
+                                  startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                                  onClick: () => navigate(
+                                    editQuestionRoute({
+                                      id: question.id.toString(10)
+                                    })
+                                  ),
+                                  className: "qetaQuestionCardEditBtn",
+                                  children: t("questionPage.editButton")
+                                }
                               ),
-                              className: "qetaQuestionCardEditBtn",
-                              children: t("questionPage.editButton")
-                            }
-                          ),
-                          question.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
-                            /* @__PURE__ */ jsx(
-                              Button,
-                              {
-                                variant: "outlined",
-                                size: "small",
-                                color: "secondary",
-                                onClick: handleDeleteModalOpen,
-                                startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
-                                children: t("deleteModal.deleteButton")
-                              }
-                            ),
-                            /* @__PURE__ */ jsx(
-                              DeleteModal,
-                              {
-                                open: deleteModalOpen,
-                                onClose: handleDeleteModalClose,
-                                entity: questionEntity
-                              }
-                            )
+                              question.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(
+                                  Button,
+                                  {
+                                    variant: "outlined",
+                                    size: "small",
+                                    color: "secondary",
+                                    onClick: handleDeleteModalOpen,
+                                    startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                                    children: t("deleteModal.deleteButton")
+                                  }
+                                ),
+                                /* @__PURE__ */ jsx(
+                                  DeleteModal,
+                                  {
+                                    open: deleteModalOpen,
+                                    onClose: handleDeleteModalClose,
+                                    entity: questionEntity
+                                  }
+                                )
+                              ] }),
+                              isModerator && questionEntity.status === "deleted" && /* @__PURE__ */ jsx(
+                                Button,
+                                {
+                                  variant: "contained",
+                                  size: "small",
+                                  startIcon: /* @__PURE__ */ jsx(RestoreIcon, {}),
+                                  onClick: () => restoreQuestion(),
+                                  className: "qetaQuestionCardRestoreBtn",
+                                  children: t("questionPage.restoreButton")
+                                }
+                              )
+                            ] })
                           ] }),
-                          isModerator && questionEntity.status === "deleted" && /* @__PURE__ */ jsx(
-                            Button,
-                            {
-                              variant: "contained",
-                              size: "small",
-                              startIcon: /* @__PURE__ */ jsx(RestoreIcon, {}),
-                              onClick: () => restoreQuestion(),
-                              className: "qetaQuestionCardRestoreBtn",
-                              children: t("questionPage.restoreButton")
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsx(AuthorBoxes, { entity: questionEntity })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ]
+                          /* @__PURE__ */ jsx(AuthorBoxes, { entity: questionEntity })
+                        ]
+                      }
+                    )
+                  ]
+                }
+              )
+            ]
+          }
+        ) })
       }
-    ) }) }),
+    ),
     /* @__PURE__ */ jsx(CommentSection, { post: questionEntity, onCommentAction })
   ] });
 };

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

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

package/dist/hooks/useEntityAuthor.esm.js CHANGED Viewed

@@ -38,6 +38,7 @@ const useUserInfo = (entityRef, anonymous) => {
   const identityApi = useApi(identityApiRef);
   const { t } = useTranslationRef(qetaTranslationRef);
   const [name, setName] = useState("");
+  const [isCurrentUser, setIsCurrentUser] = useState(false);
   const [user, setUser] = useState(null);
   const [initials, setInitials] = useState(null);
   const [currentUser, setCurrentUser] = useState(null);
@@ -80,6 +81,7 @@ const useUserInfo = (entityRef, anonymous) => {
       });
       const userRef = parseEntityRef(ref, { defaultKind: "user" });
       if (currentUserRef.name === userRef.name && currentUserRef.namespace === userRef.namespace) {
+        setIsCurrentUser(true);
         displayName = `${t("userLink.you")}${anonymous ? ` (${t("userLink.anonymous").toLocaleLowerCase("en-US")})` : ""}`;
       } else if (anonymous) {
         displayName = t("userLink.anonymous");
@@ -93,7 +95,7 @@ const useUserInfo = (entityRef, anonymous) => {
     const init = (name ?? "").replace(/[^a-zA-Z]/g, "").split(" ").map((p) => p[0]).join("").substring(0, 2).toUpperCase();
     setInitials(init);
   }, [name]);
-  return { name, initials, user, secondaryTitle, Icon };
+  return { name, initials, user, secondaryTitle, Icon, isCurrentUser };
 };
 const useEntityAuthor = (entity) => {
   const anonymous = "anonymous" in entity ? entity.anonymous ?? false : false;

package/dist/hooks/useEntityAuthor.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n parseEntityRef,\n stringifyEntityRef,\n UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n catalogApiRef,\n useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n AnswerResponse,\n CollectionResponse,\n PostResponse,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation.ts';\n\nconst userCache: Map<string, UserEntity> = new Map();\nconst dataLoaderFactory = (catalogApi: CatalogApi) =>\n new DataLoader(\n async (entityRefs: readonly string[]) => {\n const { items } = await catalogApi.getEntitiesByRefs({\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'spec.profile.displayName',\n 'spec.profile.picture',\n ],\n entityRefs: entityRefs as string[],\n });\n\n entityRefs.forEach((entityRef, index) => {\n userCache.set(entityRef, items[index] as UserEntity);\n });\n return items;\n },\n {\n name: 'EntityAuthorLoader',\n cacheMap: new Map(),\n maxBatchSize: 100,\n batchScheduleFn: callback => {\n setTimeout(callback, 50);\n },\n },\n );\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const [name, setName] = useState<string>('');\n const [user, setUser] = useState<UserEntity \| null>(null);\n const [initials, setInitials] = useState<string \| null>(null);\n const [currentUser, setCurrentUser] = useState<string \| null>(null);\n const ref = stringifyEntityRef(\n parseEntityRef(entityRef, { defaultKind: 'user' }),\n );\n\n const {\n primaryTitle: userName,\n secondaryTitle,\n Icon,\n } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n useEffect(() => {\n if (anonymous) {\n return;\n }\n\n if (userCache.get(ref)) {\n setUser(userCache.get(ref) as UserEntity);\n return;\n }\n\n dataLoaderFactory(catalogApi)\n .load(ref)\n .then(data => {\n if (data) {\n setUser(data as UserEntity);\n } else {\n setUser(null);\n }\n })\n .catch(() => {\n setUser(null);\n });\n }, [catalogApi, ref, anonymous]);\n\n useEffect(() => {\n identityApi.getBackstageIdentity().then(res => {\n setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n });\n }, [identityApi]);\n\n useEffect(() => {\n let displayName = userName;\n if (currentUser) {\n const currentUserRef = parseEntityRef(currentUser, {\n defaultKind: 'user',\n });\n const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n if (\n currentUserRef.name === userRef.name &&\n currentUserRef.namespace === userRef.namespace\n ) {\n displayName = `${t('userLink.you')}${\n anonymous\n ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n : ''\n }`;\n } else if (anonymous) {\n displayName = t('userLink.anonymous');\n }\n } else if (anonymous) {\n displayName = t('userLink.anonymous');\n }\n setName(displayName);\n }, [ref, anonymous, currentUser, userName, t]);\n\n useEffect(() => {\n const init = (name ?? '')\n .replace(/[^a-zA-Z]/g, '')\n .split(' ')\n .map(p => p[0])\n .join('')\n .substring(0, 2)\n .toUpperCase();\n setInitials(init);\n }, [name]);\n\n return { name, initials, user, secondaryTitle, Icon };\n};\n\nexport const useEntityAuthor = (\n entity: PostResponse \| AnswerResponse \| CollectionResponse \| UserResponse,\n) => {\n const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n const author =\n // eslint-disable-next-line no-nested-ternary\n 'author' in entity\n ? entity.author\n : 'userRef' in entity\n ? entity.userRef\n : entity.owner;\n return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":"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~~IAAA~~,~~EAAM~~,~~QAAU~~,EAAA,~~IAAA~~,~~EAAM~~,~~gBAAgB~~,~~IAAK~~,EAAA;~~AACtD~~;AAEa,MAAA,eAAA,GAAkB,CAC7B,MACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,aAAa,KAAQ,GAAA,KAAA;AACtE,EAAM,MAAA,MAAA;AAAA;AAAA,IAEJ,QAAA,IAAY,SACR,MAAO,CAAA,MAAA,GACP,aAAa,MACb,GAAA,MAAA,CAAO,UACP,MAAO,CAAA;AAAA,GAAA;AACb,EAAO,OAAA,WAAA,CAAY,QAAQ,SAAS,CAAA;AACtC;;;;"}
1	+ {"version":3,"file":"useEntityAuthor.esm.js","sources":["../../src/hooks/useEntityAuthor.ts"],"sourcesContent":["import {\n parseEntityRef,\n stringifyEntityRef,\n UserEntity,\n} from '@backstage/catalog-model';\nimport { CatalogApi } from '@backstage/catalog-client';\nimport DataLoader from 'dataloader';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n catalogApiRef,\n useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\nimport { useEffect, useState } from 'react';\nimport {\n AnswerResponse,\n CollectionResponse,\n PostResponse,\n UserResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation.ts';\n\nconst userCache: Map<string, UserEntity> = new Map();\nconst dataLoaderFactory = (catalogApi: CatalogApi) =>\n new DataLoader(\n async (entityRefs: readonly string[]) => {\n const { items } = await catalogApi.getEntitiesByRefs({\n fields: [\n 'kind',\n 'metadata.name',\n 'metadata.namespace',\n 'spec.profile.displayName',\n 'spec.profile.picture',\n ],\n entityRefs: entityRefs as string[],\n });\n\n entityRefs.forEach((entityRef, index) => {\n userCache.set(entityRef, items[index] as UserEntity);\n });\n return items;\n },\n {\n name: 'EntityAuthorLoader',\n cacheMap: new Map(),\n maxBatchSize: 100,\n batchScheduleFn: callback => {\n setTimeout(callback, 50);\n },\n },\n );\n\nexport const useUserInfo = (entityRef: string, anonymous?: boolean) => {\n const catalogApi = useApi(catalogApiRef);\n const identityApi = useApi(identityApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const [name, setName] = useState<string>('');\n const [isCurrentUser, setIsCurrentUser] = useState<boolean>(false);\n const [user, setUser] = useState<UserEntity \| null>(null);\n const [initials, setInitials] = useState<string \| null>(null);\n const [currentUser, setCurrentUser] = useState<string \| null>(null);\n const ref = stringifyEntityRef(\n parseEntityRef(entityRef, { defaultKind: 'user' }),\n );\n\n const {\n primaryTitle: userName,\n secondaryTitle,\n Icon,\n } = useEntityPresentation(ref, { defaultKind: 'user' });\n\n useEffect(() => {\n if (anonymous) {\n return;\n }\n\n if (userCache.get(ref)) {\n setUser(userCache.get(ref) as UserEntity);\n return;\n }\n\n dataLoaderFactory(catalogApi)\n .load(ref)\n .then(data => {\n if (data) {\n setUser(data as UserEntity);\n } else {\n setUser(null);\n }\n })\n .catch(() => {\n setUser(null);\n });\n }, [catalogApi, ref, anonymous]);\n\n useEffect(() => {\n identityApi.getBackstageIdentity().then(res => {\n setCurrentUser(res.userEntityRef ?? 'user:default/guest');\n });\n }, [identityApi]);\n\n useEffect(() => {\n let displayName = userName;\n if (currentUser) {\n const currentUserRef = parseEntityRef(currentUser, {\n defaultKind: 'user',\n });\n const userRef = parseEntityRef(ref, { defaultKind: 'user' });\n if (\n currentUserRef.name === userRef.name &&\n currentUserRef.namespace === userRef.namespace\n ) {\n setIsCurrentUser(true);\n displayName = `${t('userLink.you')}${\n anonymous\n ? ` (${t('userLink.anonymous').toLocaleLowerCase('en-US')})`\n : ''\n }`;\n } else if (anonymous) {\n displayName = t('userLink.anonymous');\n }\n } else if (anonymous) {\n displayName = t('userLink.anonymous');\n }\n setName(displayName);\n }, [ref, anonymous, currentUser, userName, t]);\n\n useEffect(() => {\n const init = (name ?? '')\n .replace(/[^a-zA-Z]/g, '')\n .split(' ')\n .map(p => p[0])\n .join('')\n .substring(0, 2)\n .toUpperCase();\n setInitials(init);\n }, [name]);\n\n return { name, initials, user, secondaryTitle, Icon, isCurrentUser };\n};\n\nexport const useEntityAuthor = (\n entity: PostResponse \| AnswerResponse \| CollectionResponse \| UserResponse,\n) => {\n const anonymous = 'anonymous' in entity ? entity.anonymous ?? false : false;\n const author =\n // eslint-disable-next-line no-nested-ternary\n 'author' in entity\n ? entity.author\n : 'userRef' in entity\n ? entity.userRef\n : entity.owner;\n return useUserInfo(author, anonymous);\n};\n"],"names":[],"mappings":";;;;;;;;AAsBA,MAAM,SAAA,uBAAyC,GAAI,EAAA;AACnD,MAAM,iBAAA,GAAoB,CAAC,UAAA,KACzB,IAAI,UAAA;AAAA,EACF,OAAO,UAAkC,KAAA;AACvC,IAAA,MAAM,EAAE,KAAA,EAAU,GAAA,MAAM,WAAW,iBAAkB,CAAA;AAAA,MACnD,MAAQ,EAAA;AAAA,QACN,MAAA;AAAA,QACA,eAAA;AAAA,QACA,oBAAA;AAAA,QACA,0BAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA;AAAA,KACD,CAAA;AAED,IAAW,UAAA,CAAA,OAAA,CAAQ,CAAC,SAAA,EAAW,KAAU,KAAA;AACvC,MAAA,SAAA,CAAU,GAAI,CAAA,SAAA,EAAW,KAAM,CAAA,KAAK,CAAe,CAAA;AAAA,KACpD,CAAA;AACD,IAAO,OAAA,KAAA;AAAA,GACT;AAAA,EACA;AAAA,IACE,IAAM,EAAA,oBAAA;AAAA,IACN,QAAA,sBAAc,GAAI,EAAA;AAAA,IAClB,YAAc,EAAA,GAAA;AAAA,IACd,iBAAiB,CAAY,QAAA,KAAA;AAC3B,MAAA,UAAA,CAAW,UAAU,EAAE,CAAA;AAAA;AACzB;AAEJ,CAAA;AAEW,MAAA,WAAA,GAAc,CAAC,SAAA,EAAmB,SAAwB,KAAA;AACrE,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAiB,EAAE,CAAA;AAC3C,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAkB,KAAK,CAAA;AACjE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA4B,IAAI,CAAA;AACxD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAwB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAwB,IAAI,CAAA;AAClE,EAAA,MAAM,GAAM,GAAA,kBAAA;AAAA,IACV,cAAe,CAAA,SAAA,EAAW,EAAE,WAAA,EAAa,QAAQ;AAAA,GACnD;AAEA,EAAM,MAAA;AAAA,IACJ,YAAc,EAAA,QAAA;AAAA,IACd,cAAA;AAAA,IACA;AAAA,MACE,qBAAsB,CAAA,GAAA,EAAK,EAAE,WAAA,EAAa,QAAQ,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAW,EAAA;AACb,MAAA;AAAA;AAGF,IAAI,IAAA,SAAA,CAAU,GAAI,CAAA,GAAG,CAAG,EAAA;AACtB,MAAQ,OAAA,CAAA,SAAA,CAAU,GAAI,CAAA,GAAG,CAAe,CAAA;AACxC,MAAA;AAAA;AAGF,IAAA,iBAAA,CAAkB,UAAU,CACzB,CAAA,IAAA,CAAK,GAAG,CAAA,CACR,KAAK,CAAQ,IAAA,KAAA;AACZ,MAAA,IAAI,IAAM,EAAA;AACR,QAAA,OAAA,CAAQ,IAAkB,CAAA;AAAA,OACrB,MAAA;AACL,QAAA,OAAA,CAAQ,IAAI,CAAA;AAAA;AACd,KACD,CACA,CAAA,KAAA,CAAM,MAAM;AACX,MAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,KACb,CAAA;AAAA,GACF,EAAA,CAAC,UAAY,EAAA,GAAA,EAAK,SAAS,CAAC,CAAA;AAE/B,EAAA,SAAA,CAAU,MAAM;AACd,IAAY,WAAA,CAAA,oBAAA,EAAuB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC7C,MAAe,cAAA,CAAA,GAAA,CAAI,iBAAiB,oBAAoB,CAAA;AAAA,KACzD,CAAA;AAAA,GACH,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,WAAc,GAAA,QAAA;AAClB,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,MAAA,cAAA,GAAiB,eAAe,WAAa,EAAA;AAAA,QACjD,WAAa,EAAA;AAAA,OACd,CAAA;AACD,MAAA,MAAM,UAAU,cAAe,CAAA,GAAA,EAAK,EAAE,WAAA,EAAa,QAAQ,CAAA;AAC3D,MAAA,IACE,eAAe,IAAS,KAAA,OAAA,CAAQ,QAChC,cAAe,CAAA,SAAA,KAAc,QAAQ,SACrC,EAAA;AACA,QAAA,gBAAA,CAAiB,IAAI,CAAA;AACrB,QAAA,WAAA,GAAc,CAAG,EAAA,CAAA,CAAE,cAAc,CAAC,GAChC,SACI,GAAA,CAAA,EAAA,EAAK,CAAE,CAAA,oBAAoB,CAAE,CAAA,iBAAA,CAAkB,OAAO,CAAC,MACvD,EACN,CAAA,CAAA;AAAA,iBACS,SAAW,EAAA;AACpB,QAAA,WAAA,GAAc,EAAE,oBAAoB,CAAA;AAAA;AACtC,eACS,SAAW,EAAA;AACpB,MAAA,WAAA,GAAc,EAAE,oBAAoB,CAAA;AAAA;AAEtC,IAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,KAClB,CAAC,GAAA,EAAK,WAAW,WAAa,EAAA,QAAA,EAAU,CAAC,CAAC,CAAA;AAE7C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,IAAA,GAAA,CAAQ,QAAQ,EACnB,EAAA,OAAA,CAAQ,cAAc,EAAE,CAAA,CACxB,KAAM,CAAA,GAAG,CACT,CAAA,GAAA,CAAI,OAAK,CAAE,CAAA,CAAC,CAAC,CAAA,CACb,IAAK,CAAA,EAAE,EACP,SAAU,CAAA,CAAA,EAAG,CAAC,CAAA,CACd,WAAY,EAAA;AACf,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,GAClB,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,OAAO,EAAE,IAAM,EAAA,QAAA,EAAU,IAAM,EAAA,cAAA,EAAgB,MAAM,aAAc,EAAA;AACrE;AAEa,MAAA,eAAA,GAAkB,CAC7B,MACG,KAAA;AACH,EAAA,MAAM,SAAY,GAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,aAAa,KAAQ,GAAA,KAAA;AACtE,EAAM,MAAA,MAAA;AAAA;AAAA,IAEJ,QAAA,IAAY,SACR,MAAO,CAAA,MAAA,GACP,aAAa,MACb,GAAA,MAAA,CAAO,UACP,MAAO,CAAA;AAAA,GAAA;AACb,EAAO,OAAA,WAAA,CAAY,QAAQ,SAAS,CAAA;AACtC;;;;"}

package/dist/index.d.ts CHANGED Viewed

@@ -651,6 +651,7 @@ declare const useUserInfo: (entityRef: string, anonymous?: boolean) => {
     user: UserEntity | null;
     secondaryTitle: string | undefined;
     Icon: false | _backstage_frontend_plugin_api.IconComponent | undefined;
+    isCurrentUser: boolean;
 };
 declare const useEntityAuthor: (entity: PostResponse | AnswerResponse | CollectionResponse | UserResponse) => {
     name: string;
@@ -658,6 +659,7 @@ declare const useEntityAuthor: (entity: PostResponse | AnswerResponse | Collecti
     user: UserEntity | null;
     secondaryTitle: string | undefined;
     Icon: false | _backstage_frontend_plugin_api.IconComponent | undefined;
+    isCurrentUser: boolean;
 };
 declare const useUserFollow: () => {

package/package.json CHANGED Viewed

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