npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.56.0 → 3.57.0 - Mend

@drodil/backstage-plugin-qeta-react 3.56.0 → 3.57.0

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

Files changed (63) hide show

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

@@ -39,7 +39,8 @@ const TagsContainer = (props) => {
           offset,
           searchQuery: filters.searchQuery,
           order: filters.order,
-          orderBy: filters.orderBy
+          orderBy: filters.orderBy,
+          checkAccess: true
         }).then((res) => ({ items: res.tags, total: res.total }));
       },
       filterPanelProps: {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagsContainer/TagsContainer.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Button } from '@material-ui/core';\nimport Add from '@material-ui/icons/Add';\nimport { useIsModerator } from '../../hooks/useIsModerator';\nimport { CommonFilterPanelProps, TagFilters } from '../FilterPanel/FilterPanel';\nimport { TagGridItem } from './TagGridItem';\nimport { TagListItem } from './TagListItem';\nimport {\n qetaCreateTagPermission,\n TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CreateTagModal } from './CreateTagModal';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const TagsContainer = (props: {\n filterPanelProps?: CommonFilterPanelProps;\n defaultView?: ViewType;\n}) => {\n const { filterPanelProps, defaultView } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isModerator } = useIsModerator();\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n\n const handleCreateModalCloseWithRetry = (retry: () => void) => {\n setCreateModalOpen(false);\n retry();\n };\n\n return (\n <QetaEntityContainer<TagResponse, TagFilters>\n prefix=\"tags\"\n defaultPageSize={24}\n defaultView={defaultView}\n initialFilters={{\n order: 'desc',\n orderBy: 'postsCount',\n searchQuery: '',\n }}\n fetch={(api, limit, offset, filters) => {\n return api\n .getTags({\n limit,\n offset,\n searchQuery: filters.searchQuery,\n order: filters.order,\n orderBy: filters.orderBy,\n })\n .then(res => ({ items: res.tags, total: res.total }));\n }}\n filterPanelProps={{\n ...filterPanelProps,\n mode: 'tags',\n }}\n renderListItem={(tag, { retry }) => (\n <TagListItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n )}\n renderGridItem={(tag, { retry }) => (\n <TagGridItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n )}\n title={total => t('tagPage.tags', { count: total })}\n searchPlaceholder={t('tagPage.search.label')}\n emptyMessage={t('tagPage.tags', { count: 0 })}\n getKey={tag => tag.tag}\n headerButtons={({ retry }) => (\n <>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"outlined\"\n color=\"primary\"\n startIcon={<Add />}\n size=\"small\"\n onClick={handleCreateModalOpen}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={() => handleCreateModalCloseWithRetry(retry)}\n isModerator={isModerator}\n />\n </OptionalRequirePermission>\n </>\n )}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,gBAAkB,EAAA,WAAA,EAAgB,GAAA,KAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAE3D,EAAM,MAAA,+BAAA,GAAkC,CAAC,KAAsB,KAAA;AAC7D,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAM,KAAA,EAAA;AAAA,GACR;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,MAAA;AAAA,MACP,eAAiB,EAAA,EAAA;AAAA,MACjB,WAAA;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,KAAO,EAAA,MAAA;AAAA,QACP,OAAS,EAAA,YAAA;AAAA,QACT,WAAa,EAAA;AAAA,OACf;AAAA,MACA,KAAO,EAAA,CAAC,GAAK,EAAA,KAAA,EAAO,QAAQ,OAAY,KAAA;AACtC,QAAA,OAAO,IACJ,OAAQ,CAAA;AAAA,UACP,KAAA;AAAA,UACA,MAAA;AAAA,UACA,aAAa,OAAQ,CAAA,WAAA;AAAA,UACrB,OAAO,OAAQ,CAAA,KAAA;AAAA,UACf,SAAS,OAAQ,CAAA;AAAA,~~SAClB~~,CACA,CAAA,IAAA,CAAK,CAAQ,GAAA,MAAA,EAAE,KAAO,EAAA,GAAA,CAAI,IAAM,EAAA,KAAA,EAAO,GAAI,CAAA,KAAA,EAAQ,CAAA,CAAA;AAAA,OACxD;AAAA,MACA,gBAAkB,EAAA;AAAA,QAChB,GAAG,gBAAA;AAAA,QACH,IAAM,EAAA;AAAA,OACR;AAAA,MACA,cAAA,EAAgB,CAAC,GAAA,EAAK,EAAE,KAAA,EACtB,qBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,GAAA,EAAU,SAAW,EAAA,KAAA,EAAO,WAA0B,EAAA,CAAA;AAAA,MAErE,cAAA,EAAgB,CAAC,GAAA,EAAK,EAAE,KAAA,EACtB,qBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,GAAA,EAAU,SAAW,EAAA,KAAA,EAAO,WAA0B,EAAA,CAAA;AAAA,MAErE,OAAO,CAAS,KAAA,KAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,OAAO,CAAA;AAAA,MAClD,iBAAA,EAAmB,EAAE,sBAAsB,CAAA;AAAA,MAC3C,cAAc,CAAE,CAAA,cAAA,EAAgB,EAAE,KAAA,EAAO,GAAG,CAAA;AAAA,MAC5C,MAAA,EAAQ,SAAO,GAAI,CAAA,GAAA;AAAA,MACnB,aAAe,EAAA,CAAC,EAAE,KAAA,uBAEd,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,yBAAA;AAAA,QAAA;AAAA,UACC,UAAY,EAAA,uBAAA;AAAA,UACZ,2BAAa,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAAA,UAEb,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,UAAA;AAAA,gBACR,KAAM,EAAA,SAAA;AAAA,gBACN,SAAA,sBAAY,GAAI,EAAA,EAAA,CAAA;AAAA,gBAChB,IAAK,EAAA,OAAA;AAAA,gBACL,OAAS,EAAA,qBAAA;AAAA,gBAER,YAAE,mBAAmB;AAAA;AAAA,aACxB;AAAA,4BACA,GAAA;AAAA,cAAC,cAAA;AAAA,cAAA;AAAA,gBACC,IAAM,EAAA,eAAA;AAAA,gBACN,OAAA,EAAS,MAAM,+BAAA,CAAgC,KAAK,CAAA;AAAA,gBACpD;AAAA;AAAA;AACF;AAAA;AAAA,OAEJ,EAAA;AAAA;AAAA,GAEJ;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagsContainer/TagsContainer.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Button } from '@material-ui/core';\nimport Add from '@material-ui/icons/Add';\nimport { useIsModerator } from '../../hooks/useIsModerator';\nimport { CommonFilterPanelProps, TagFilters } from '../FilterPanel/FilterPanel';\nimport { TagGridItem } from './TagGridItem';\nimport { TagListItem } from './TagListItem';\nimport {\n qetaCreateTagPermission,\n TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CreateTagModal } from './CreateTagModal';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { ViewType } from '../ViewToggle/ViewToggle';\n\nexport const TagsContainer = (props: {\n filterPanelProps?: CommonFilterPanelProps;\n defaultView?: ViewType;\n}) => {\n const { filterPanelProps, defaultView } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isModerator } = useIsModerator();\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n\n const handleCreateModalCloseWithRetry = (retry: () => void) => {\n setCreateModalOpen(false);\n retry();\n };\n\n return (\n <QetaEntityContainer<TagResponse, TagFilters>\n prefix=\"tags\"\n defaultPageSize={24}\n defaultView={defaultView}\n initialFilters={{\n order: 'desc',\n orderBy: 'postsCount',\n searchQuery: '',\n }}\n fetch={(api, limit, offset, filters) => {\n return api\n .getTags({\n limit,\n offset,\n searchQuery: filters.searchQuery,\n order: filters.order,\n orderBy: filters.orderBy,\n checkAccess: true,\n })\n .then(res => ({ items: res.tags, total: res.total }));\n }}\n filterPanelProps={{\n ...filterPanelProps,\n mode: 'tags',\n }}\n renderListItem={(tag, { retry }) => (\n <TagListItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n )}\n renderGridItem={(tag, { retry }) => (\n <TagGridItem tag={tag} onTagEdit={retry} isModerator={isModerator} />\n )}\n title={total => t('tagPage.tags', { count: total })}\n searchPlaceholder={t('tagPage.search.label')}\n emptyMessage={t('tagPage.tags', { count: 0 })}\n getKey={tag => tag.tag}\n headerButtons={({ retry }) => (\n <>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"outlined\"\n color=\"primary\"\n startIcon={<Add />}\n size=\"small\"\n onClick={handleCreateModalOpen}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={() => handleCreateModalCloseWithRetry(retry)}\n isModerator={isModerator}\n />\n </OptionalRequirePermission>\n </>\n )}\n />\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Timeline/TimelineItem.esm.js CHANGED Viewed

@@ -7,9 +7,10 @@ import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTime
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { UserLink } from '../Links/Links.esm.js';
+import 'react';
 import '../../api.esm.js';
+import '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import 'react-use';
-import 'react';
 import '@backstage/plugin-signals-react';
 import '../../hooks/useListItemStyles.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
@@ -20,6 +21,22 @@ import '@backstage/plugin-permission-common';
 import 'react-use/lib/useDebounce';
 import '../FilterPanel/FilterPanel.esm.js';
 import '../QetaContext/QetaContext.esm.js';
+import 'dataloader';
+import '@material-ui/lab';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/LoyaltyOutlined';
+import '@material-ui/icons/HelpOutline';
+import '@material-ui/icons/DescriptionOutlined';
+import '@material-ui/icons/PeopleAltOutlined';
+import '../../hooks/useTooltipStyles.esm.js';
+import '@backstage/catalog-model';
+import '@backstage/plugin-catalog-react';
+import { CollectionTooltip } from '../Tooltips/CollectionTooltip.esm.js';
+import '@material-ui/icons/QuestionAnswerOutlined';
+import '@material-ui/icons/Stars';
+import '@material-ui/icons/CheckCircleOutline';
+import { PostTooltip } from '../Tooltips/PostTooltip.esm.js';
 const useStyles = makeStyles((theme) => ({
   root: {
@@ -155,7 +172,42 @@ const TimelineItemCard = ({ item }) => {
         primary: /* @__PURE__ */ jsxs("div", { className: classes.text, children: [
           /* @__PURE__ */ jsx("span", { className: classes.contentClickable, children: /* @__PURE__ */ jsx(UserLink, { entityRef: item.author }) }),
           /* @__PURE__ */ jsx("span", { className: classes.action, children: action }),
-          /* @__PURE__ */ jsx("span", { className: classes.link, children: title }),
+          item.type === "collection" ? /* @__PURE__ */ jsx(
+            CollectionTooltip,
+            {
+              collectionId: item.id,
+              enterDelay: 400,
+              enterNextDelay: 400,
+              interactive: false,
+              children: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: link,
+                  className: `${classes.link} ${classes.contentClickable}`,
+                  style: { color: "inherit", textDecoration: "none" },
+                  id: item.id.toString(),
+                  children: title
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsx(
+            PostTooltip,
+            {
+              id: (item.type === "post" ? item.id : item.postId).toString(),
+              enterDelay: 400,
+              enterNextDelay: 400,
+              interactive: false,
+              children: /* @__PURE__ */ jsx(
+                Link,
+                {
+                  to: link,
+                  className: `${classes.link} ${classes.contentClickable}`,
+                  style: { color: "inherit", textDecoration: "none" },
+                  children: title
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsx("span", { className: classes.time, children: /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: item.date }) })
         ] })
       }

package/dist/components/Timeline/TimelineItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimelineItem.esm.js","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport {\n ListItem,\n ListItemAvatar,\n ListItemText,\n Avatar,\n makeStyles,\n} from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n questionRouteRef,\n articleRouteRef,\n linkRouteRef,\n collectionRouteRef,\n} from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { UserLink } from '../Links';\n\nimport { useUserInfo } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%',\n padding: theme.spacing(1, 1.5),\n marginBottom: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n transition: 'background-color 0.15s ease-in-out',\n position: 'relative',\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n '&:last-child': {\n borderBottom: 'none',\n },\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 inline: {\n display: 'inline',\n },\n avatar: {\n minWidth: '36px',\n },\n text: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: 'flex',\n alignItems: 'center',\n gap: '6px',\n },\n link: {\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '450px',\n display: 'inline-block',\n verticalAlign: 'bottom',\n },\n action: {\n opacity: 0.8,\n },\n time: {\n opacity: 0.6,\n fontSize: '0.8em',\n marginLeft: 'auto',\n },\n}));\n\nexport const TimelineItemCard = ({ item }: { item: TimelineItem }) => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const collectionRoute = useRouteRef(collectionRouteRef);\n const { user } = useUserInfo(item.author);\n\n let title = item.title;\n let link: string = '';\n let action: string = '';\n\n if (item.type === 'post') {\n const postType = item.postType \|\| 'question';\n const isUpdated = item.action === 'updated';\n if (postType === 'article') {\n link = articleRoute({ id: item.id.toString() });\n action = isUpdated\n ? t('timeline.updatedArticle')\n : t('timeline.postedArticle');\n } else if (postType === 'link') {\n link = linkRoute({ id: item.id.toString() });\n action = isUpdated ? t('timeline.updatedLink') : t('timeline.postedLink');\n } else {\n link = questionRoute({ id: item.id.toString() });\n action = isUpdated\n ? t('timeline.updatedQuestion')\n : t('timeline.postedQuestion');\n }\n } else if (item.type === 'answer') {\n link = `${questionRoute({ id: item.postId.toString() })}#answer_${item.id}`;\n title = item.postTitle;\n action = t('timeline.answered');\n } else if (item.type === 'comment') {\n title = item.postTitle;\n const postType = item.postType \|\| 'question';\n if (postType === 'article') {\n link = articleRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnArticle');\n } else if (postType === 'link') {\n link = linkRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnLink');\n } else {\n link = questionRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnQuestion');\n }\n } else if (item.type === 'collection') {\n link = collectionRoute({ id: item.id.toString() });\n action = t('timeline.createdCollection');\n }\n\n return (\n <ListItem alignItems=\"center\" className={classes.root} dense>\n <RouterLink\n to={link}\n className={classes.overlayLink}\n aria-label={title}\n />\n <ListItemAvatar className={`${classes.avatar} ${classes.contentWrapper}`}>\n <Avatar\n alt={item.author}\n src={item.headerImage \|\| user?.spec?.profile?.picture}\n style={{ width: '26px', height: '26px', fontSize: '14px' }}\n />\n </ListItemAvatar>\n <ListItemText\n className={classes.contentWrapper}\n primary={\n <div className={classes.text}>\n <span className={classes.contentClickable}>\n <UserLink entityRef={item.author} />\n </span>\n <span className={classes.action}>{action}</span>\n <span className={classes.link}>{title}</span>\n <span className={classes.time}>\n <RelativeTimeWithTooltip value={item.date} />\n </span>\n </div>\n }\n />\n </ListItem>\n );\n};\n"],"names":["RouterLink"],"mappings":"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"}
1	+ {"version":3,"file":"TimelineItem.esm.js","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import { TimelineItem } from '@drodil/backstage-plugin-qeta-common';\nimport {\n ListItem,\n ListItemAvatar,\n ListItemText,\n Avatar,\n makeStyles,\n} from '@material-ui/core';\nimport { Link as RouterLink } from 'react-router-dom';\n\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n questionRouteRef,\n articleRouteRef,\n linkRouteRef,\n collectionRouteRef,\n} from '../../routes';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { UserLink } from '../Links';\nimport { PostTooltip, CollectionTooltip } from '../Tooltips';\n\nimport { useUserInfo } from '../../hooks';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%',\n padding: theme.spacing(1, 1.5),\n marginBottom: 0,\n borderBottom: `1px solid ${theme.palette.divider}`,\n borderRadius: theme.shape.borderRadius,\n transition: 'background-color 0.15s ease-in-out',\n position: 'relative',\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n '&:last-child': {\n borderBottom: 'none',\n },\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 inline: {\n display: 'inline',\n },\n avatar: {\n minWidth: '36px',\n },\n text: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: 'flex',\n alignItems: 'center',\n gap: '6px',\n },\n link: {\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n maxWidth: '450px',\n display: 'inline-block',\n verticalAlign: 'bottom',\n },\n action: {\n opacity: 0.8,\n },\n time: {\n opacity: 0.6,\n fontSize: '0.8em',\n marginLeft: 'auto',\n },\n}));\n\nexport const TimelineItemCard = ({ item }: { item: TimelineItem }) => {\n const classes = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const questionRoute = useRouteRef(questionRouteRef);\n const articleRoute = useRouteRef(articleRouteRef);\n const linkRoute = useRouteRef(linkRouteRef);\n const collectionRoute = useRouteRef(collectionRouteRef);\n const { user } = useUserInfo(item.author);\n\n let title = item.title;\n let link: string = '';\n let action: string = '';\n\n if (item.type === 'post') {\n const postType = item.postType \|\| 'question';\n const isUpdated = item.action === 'updated';\n if (postType === 'article') {\n link = articleRoute({ id: item.id.toString() });\n action = isUpdated\n ? t('timeline.updatedArticle')\n : t('timeline.postedArticle');\n } else if (postType === 'link') {\n link = linkRoute({ id: item.id.toString() });\n action = isUpdated ? t('timeline.updatedLink') : t('timeline.postedLink');\n } else {\n link = questionRoute({ id: item.id.toString() });\n action = isUpdated\n ? t('timeline.updatedQuestion')\n : t('timeline.postedQuestion');\n }\n } else if (item.type === 'answer') {\n link = `${questionRoute({ id: item.postId.toString() })}#answer_${item.id}`;\n title = item.postTitle;\n action = t('timeline.answered');\n } else if (item.type === 'comment') {\n title = item.postTitle;\n const postType = item.postType \|\| 'question';\n if (postType === 'article') {\n link = articleRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnArticle');\n } else if (postType === 'link') {\n link = linkRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnLink');\n } else {\n link = questionRoute({ id: item.postId.toString() });\n action = t('timeline.commentedOnQuestion');\n }\n } else if (item.type === 'collection') {\n link = collectionRoute({ id: item.id.toString() });\n action = t('timeline.createdCollection');\n }\n\n return (\n <ListItem alignItems=\"center\" className={classes.root} dense>\n <RouterLink\n to={link}\n className={classes.overlayLink}\n aria-label={title}\n />\n <ListItemAvatar className={`${classes.avatar} ${classes.contentWrapper}`}>\n <Avatar\n alt={item.author}\n src={item.headerImage \|\| user?.spec?.profile?.picture}\n style={{ width: '26px', height: '26px', fontSize: '14px' }}\n />\n </ListItemAvatar>\n <ListItemText\n className={classes.contentWrapper}\n primary={\n <div className={classes.text}>\n <span className={classes.contentClickable}>\n <UserLink entityRef={item.author} />\n </span>\n <span className={classes.action}>{action}</span>\n {item.type === 'collection' ? (\n <CollectionTooltip\n collectionId={item.id}\n enterDelay={400}\n enterNextDelay={400}\n interactive={false}\n >\n <RouterLink\n to={link}\n className={`${classes.link} ${classes.contentClickable}`}\n style={{ color: 'inherit', textDecoration: 'none' }}\n id={item.id.toString()}\n >\n {title}\n </RouterLink>\n </CollectionTooltip>\n ) : (\n <PostTooltip\n id={(item.type === 'post' ? item.id : item.postId).toString()}\n enterDelay={400}\n enterNextDelay={400}\n interactive={false}\n >\n <RouterLink\n to={link}\n className={`${classes.link} ${classes.contentClickable}`}\n style={{ color: 'inherit', textDecoration: 'none' }}\n >\n {title}\n </RouterLink>\n </PostTooltip>\n )}\n <span className={classes.time}>\n <RelativeTimeWithTooltip value={item.date} />\n </span>\n </div>\n }\n />\n </ListItem>\n );\n};\n"],"names":["RouterLink"],"mappings":"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"}

package/dist/components/Tooltips/CollectionTooltip.esm.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
+import { Tooltip, Grid, Box, Typography, Button } from '@material-ui/core';
+import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
+import PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+import { Skeleton } from '@material-ui/lab';
+const cache = /* @__PURE__ */ new Map();
+const requestCache = /* @__PURE__ */ new Map();
+const TTL = 5 * 60 * 1e3;
+const CollectionTooltipContent = ({
+  collectionId,
+  interactive
+}) => {
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const collections = useCollectionsFollow();
+  const [resp, setResp] = useState();
+  useEffect(() => {
+    const cached = cache.get(collectionId);
+    if (cached && Date.now() - cached.timestamp < TTL) {
+      setResp(cached.data);
+      return;
+    }
+    if (requestCache.has(collectionId)) {
+      requestCache.get(collectionId).then((res) => {
+        if (res) setResp(res);
+      });
+      return;
+    }
+    const promise = qetaApi.getCollection(collectionId).then((res) => {
+      if (res) {
+        cache.set(collectionId, { data: res, timestamp: Date.now() });
+        return res;
+      }
+      return void 0;
+    });
+    requestCache.set(collectionId, promise);
+    promise.then((res) => {
+      if (res) setResp(res);
+      requestCache.delete(collectionId);
+    });
+  }, [qetaApi, collectionId]);
+  if (!resp) {
+    return /* @__PURE__ */ jsx(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 150, height: 24 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 20 }),
+      /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          variant: "rect",
+          width: 280,
+          height: 60,
+          style: { marginTop: 8 }
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: [
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsx(LibraryBooksOutlined, { style: { marginRight: "0.5em" } }),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", style: { fontWeight: 600 }, children: resp.title })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", style: { gap: "1em" }, children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          LibraryBooksOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("common.posts", {
+          count: resp.postsCount ?? resp.posts?.length ?? 0,
+          itemType: "post"
+        }) })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          PeopleAltOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("common.followers", { count: resp.followers }) })
+      ] })
+    ] }) }),
+    resp.description && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", children: truncate(removeMarkdownFormatting(resp.description), 150) }) }),
+    interactive && !collections.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: collections.isFollowingCollection(resp) ? "secondary" : "primary",
+        fullWidth: true,
+        onClick: () => {
+          if (collections.isFollowingCollection(resp)) {
+            collections.unfollowCollection(resp);
+          } else {
+            collections.followCollection(resp);
+          }
+        },
+        startIcon: collections.isFollowingCollection(resp) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: collections.isFollowingCollection(resp) ? t("collectionButton.unfollow") : t("collectionButton.follow")
+      }
+    ) })
+  ] });
+};
+const CollectionTooltip = (props) => {
+  const {
+    collectionId,
+    interactive = true,
+    children,
+    className,
+    ...tooltipProps
+  } = props;
+  const classes = useTooltipStyles();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(
+        CollectionTooltipContent,
+        {
+          collectionId,
+          interactive
+        }
+      ),
+      interactive,
+      arrow: true,
+      classes: {
+        tooltip: classes.tooltip,
+        arrow: classes.tooltipArrow,
+        ...props.classes
+      },
+      className,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+export { CollectionTooltip };
+//# sourceMappingURL=CollectionTooltip.esm.js.map

package/dist/components/Tooltips/CollectionTooltip.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CollectionTooltip.esm.js","sources":["../../../src/components/Tooltips/CollectionTooltip.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\nimport { Skeleton } from '@material-ui/lab';\n\nconst cache: Map<number, { data: Collection; timestamp: number }> = new Map();\nconst requestCache: Map<number, Promise<Collection | undefined>> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst CollectionTooltipContent = ({\n collectionId,\n interactive,\n}: {\n collectionId: number;\n interactive: boolean;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const collections = useCollectionsFollow();\n const [resp, setResp] = useState<undefined | Collection>();\n\n useEffect(() => {\n const cached = cache.get(collectionId);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(collectionId)) {\n requestCache.get(collectionId)!.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getCollection(collectionId).then(res => {\n if (res) {\n cache.set(collectionId, { data: res, timestamp: Date.now() });\n return res;\n }\n return undefined;\n });\n\n requestCache.set(collectionId, promise);\n promise.then(res => {\n if (res) setResp(res);\n requestCache.delete(collectionId);\n });\n }, [qetaApi, collectionId]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={150} height={24} />\n <Skeleton variant=\"text\" width={100} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={60}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <LibraryBooksOutlined style={{ marginRight: '0.5em' }} />\n <Typography variant=\"subtitle1\" style={{ fontWeight: 600 }}>\n {resp.title}\n </Typography>\n </Box>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <LibraryBooksOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: resp.postsCount ?? resp.posts?.length ?? 0,\n itemType: 'post',\n })}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followers })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {resp.description && (\n <Grid item xs={12}>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {truncate(removeMarkdownFormatting(resp.description), 150)}\n </Typography>\n </Grid>\n )}\n {interactive && !collections.loading && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(resp) ? 'secondary' : 'primary'\n }\n fullWidth\n onClick={() => {\n if (collections.isFollowingCollection(resp)) {\n collections.unfollowCollection(resp);\n } else {\n collections.followCollection(resp);\n }\n }}\n startIcon={\n collections.isFollowingCollection(resp) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {collections.isFollowingCollection(resp)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const CollectionTooltip = (\n props: {\n collectionId: number;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n collectionId,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={\n <CollectionTooltipContent\n collectionId={collectionId}\n interactive={interactive}\n />\n }\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Tooltips/EntityTooltip.esm.js ADDED Viewed

@@ -0,0 +1,188 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { useState, useEffect } from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { qetaApiRef } from '../../api.esm.js';
+import 'react-use';
+import '@backstage/plugin-signals-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '../../hooks/useListItemStyles.esm.js';
+import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
+import 'dataloader';
+import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import { Tooltip, Grid, Box, Typography, Button } from '@material-ui/core';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import { Skeleton } from '@material-ui/lab';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+import Visibility from '@material-ui/icons/Visibility';
+import HelpOutline from '@material-ui/icons/HelpOutline';
+import DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';
+import PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';
+import { useTooltipStyles } from '../../hooks/useTooltipStyles.esm.js';
+const cache = /* @__PURE__ */ new Map();
+const requestCache = /* @__PURE__ */ new Map();
+const TTL = 5 * 60 * 1e3;
+const EntityTooltipContent = ({
+  entity,
+  interactive
+}) => {
+  const entityRef = typeof entity === "string" ? entity : stringifyEntityRef(entity);
+  const qetaApi = useApi(qetaApiRef);
+  const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const entitiesFollow = useEntityFollow();
+  const [resp, setResp] = useState();
+  useEffect(() => {
+    const cached = cache.get(entityRef);
+    if (cached && Date.now() - cached.timestamp < TTL) {
+      setResp(cached.data);
+      return;
+    }
+    if (requestCache.has(entityRef)) {
+      requestCache.get(entityRef)?.then((res) => {
+        if (res) setResp(res);
+      });
+      return;
+    }
+    const promise = qetaApi.getEntity(entityRef).then((res) => {
+      if (res) {
+        cache.set(entityRef, { data: res, timestamp: Date.now() });
+      }
+      return res || void 0;
+    });
+    requestCache.set(entityRef, promise);
+    promise.then((res) => {
+      if (res) setResp(res);
+      requestCache.delete(entityRef);
+    });
+  }, [qetaApi, entityRef]);
+  if (!resp) {
+    return /* @__PURE__ */ jsx(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 150, height: 24 }),
+      /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 100, height: 20 }),
+      /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          variant: "rect",
+          width: 280,
+          height: 60,
+          style: { marginTop: 8 }
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs(Grid, { container: true, style: { padding: "0.5em", maxWidth: 300 }, spacing: 1, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
+      /* @__PURE__ */ jsxs(Box, { style: { display: "flex", alignItems: "center" }, children: [
+        Icon ? /* @__PURE__ */ jsx(Box, { marginRight: 1, display: "flex", alignItems: "center", children: /* @__PURE__ */ jsx(Icon, { fontSize: "small" }) }) : null,
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            variant: "subtitle1",
+            style: {
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap",
+              fontWeight: 600
+            },
+            children: primaryTitle
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", color: "textSecondary", children: secondaryTitle })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", flexWrap: "wrap", style: { gap: "1em" }, children: [
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          HelpOutline,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          resp.questionsCount,
+          " ",
+          t("common.questions")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          DescriptionOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          resp.articlesCount,
+          " ",
+          t("common.articles")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(
+          PeopleAltOutlined,
+          {
+            style: { fontSize: "0.875rem", marginRight: "0.25em" }
+          }
+        ),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", children: t("common.followers", { count: resp.followerCount }) })
+      ] })
+    ] }) }),
+    interactive && !entitiesFollow.loading && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: entitiesFollow.isFollowingEntity(entityRef) ? "secondary" : "primary",
+        fullWidth: true,
+        onClick: () => {
+          if (entitiesFollow.isFollowingEntity(entityRef)) {
+            entitiesFollow.unfollowEntity(entityRef);
+          } else {
+            entitiesFollow.followEntity(entityRef);
+          }
+        },
+        startIcon: entitiesFollow.isFollowingEntity(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: entitiesFollow.isFollowingEntity(entityRef) ? t("entityButton.unfollow") : t("entityButton.follow")
+      }
+    ) })
+  ] });
+};
+const EntityTooltip = (props) => {
+  const {
+    entity,
+    interactive = true,
+    children,
+    className,
+    ...tooltipProps
+  } = props;
+  const classes = useTooltipStyles();
+  return /* @__PURE__ */ jsx(
+    Tooltip,
+    {
+      title: /* @__PURE__ */ jsx(EntityTooltipContent, { entity, interactive }),
+      interactive,
+      arrow: true,
+      classes: {
+        tooltip: classes.tooltip,
+        arrow: classes.tooltipArrow,
+        ...props.classes
+      },
+      className,
+      ...tooltipProps,
+      children
+    }
+  );
+};
+export { EntityTooltip };
+//# sourceMappingURL=EntityTooltip.esm.js.map

package/dist/components/Tooltips/EntityTooltip.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"EntityTooltip.esm.js","sources":["../../../src/components/Tooltips/EntityTooltip.tsx"],"sourcesContent":["import { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { qetaApiRef } from '../../api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useEntityFollow } from '../../hooks';\nimport {\n Box,\n Button,\n Grid,\n Tooltip,\n TooltipProps,\n Typography,\n} from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport DescriptionOutlined from '@material-ui/icons/DescriptionOutlined';\nimport PeopleAltOutlined from '@material-ui/icons/PeopleAltOutlined';\nimport { qetaTranslationRef } from '../../translation';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, { data: EntityResponse; timestamp: number }> =\n new Map();\nconst requestCache: Map<\n string,\n Promise<EntityResponse | undefined>\n> = new Map();\nconst TTL = 5 * 60 * 1000;\n\nconst EntityTooltipContent = ({\n entity,\n interactive,\n}: {\n entity: Entity | string;\n interactive: boolean;\n}) => {\n const entityRef =\n typeof entity === 'string' ? entity : stringifyEntityRef(entity);\n const qetaApi = useApi(qetaApiRef);\n const { primaryTitle, secondaryTitle, Icon } = useEntityPresentation(entity);\n const { t } = useTranslationRef(qetaTranslationRef);\n const entitiesFollow = useEntityFollow();\n const [resp, setResp] = useState<undefined | EntityResponse>();\n\n useEffect(() => {\n const cached = cache.get(entityRef);\n if (cached && Date.now() - cached.timestamp < TTL) {\n setResp(cached.data);\n return;\n }\n\n if (requestCache.has(entityRef)) {\n requestCache.get(entityRef)?.then(res => {\n if (res) setResp(res);\n });\n return;\n }\n\n const promise = qetaApi.getEntity(entityRef).then(res => {\n if (res) {\n cache.set(entityRef, { data: res, timestamp: Date.now() });\n }\n return res || undefined;\n });\n\n requestCache.set(entityRef, promise);\n promise.then(res => {\n if (res) setResp(res);\n requestCache.delete(entityRef);\n });\n }, [qetaApi, entityRef]);\n\n if (!resp) {\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Skeleton variant=\"text\" width={150} height={24} />\n <Skeleton variant=\"text\" width={100} height={20} />\n <Skeleton\n variant=\"rect\"\n width={280}\n height={60}\n style={{ marginTop: 8 }}\n />\n </Grid>\n </Grid>\n );\n }\n\n return (\n <Grid container style={{ padding: '0.5em', maxWidth: 300 }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n {Icon ? (\n <Box marginRight={1} display=\"flex\" alignItems=\"center\">\n <Icon fontSize=\"small\" />\n </Box>\n ) : null}\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n fontWeight: 600,\n }}\n >\n {primaryTitle}\n </Typography>\n </Box>\n <Typography variant=\"subtitle2\" color=\"textSecondary\">\n {secondaryTitle}\n </Typography>\n </Grid>\n <Grid item xs={12}>\n <Box display=\"flex\" flexWrap=\"wrap\" style={{ gap: '1em' }}>\n <Box display=\"flex\" alignItems=\"center\">\n <HelpOutline\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.questionsCount} {t('common.questions')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <DescriptionOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {resp.articlesCount} {t('common.articles')}\n </Typography>\n </Box>\n <Box display=\"flex\" alignItems=\"center\">\n <PeopleAltOutlined\n style={{ fontSize: '0.875rem', marginRight: '0.25em' }}\n />\n <Typography variant=\"caption\">\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n </Box>\n </Box>\n </Grid>\n {interactive && !entitiesFollow.loading && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n entitiesFollow.isFollowingEntity(entityRef)\n ? 'secondary'\n : 'primary'\n }\n fullWidth\n onClick={() => {\n if (entitiesFollow.isFollowingEntity(entityRef)) {\n entitiesFollow.unfollowEntity(entityRef);\n } else {\n entitiesFollow.followEntity(entityRef);\n }\n }}\n startIcon={\n entitiesFollow.isFollowingEntity(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {entitiesFollow.isFollowingEntity(entityRef)\n ? t('entityButton.unfollow')\n : t('entityButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const EntityTooltip = (\n props: {\n entity: Entity | string;\n interactive?: boolean;\n } & Omit<TooltipProps, 'title'>,\n) => {\n const {\n entity,\n interactive = true,\n children,\n className,\n ...tooltipProps\n } = props;\n const classes = useTooltipStyles();\n\n return (\n <Tooltip\n title={<EntityTooltipContent entity={entity} interactive={interactive} />}\n interactive={interactive}\n arrow\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n ...props.classes,\n }}\n className={className}\n {...tooltipProps}\n >\n {children}\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}