npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.54.0 → 3.55.1 - Mend

@drodil/backstage-plugin-qeta-react 3.54.0 → 3.55.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 (36) hide show

package/dist/components/TagsAndEntities/TagChip.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n Box,\n Button,\n Chip,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n const { tag } = props;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const tags = useTagsFollow();\n const [resp, setResp] = useState<undefined \| TagResponse>();\n\n useEffect(() => {\n if (cache.has(tag)) {\n setResp(cache.get(tag));\n return;\n }\n\n qetaApi.getTag(tag).then(res => {\n if (res) {\n cache.set(tag, res);\n setResp(res);\n } else {\n setResp({\n id: 0,\n tag,\n postsCount: 0,\n questionsCount: 0,\n articlesCount: 0,\n linksCount: 0,\n followerCount: 0,\n description: t('tagChip.nonExistingTag'),\n });\n }\n });\n }, [qetaApi, tag, t]);\n\n if (!resp) {\n return null;\n }\n\n return (\n <Grid container style={{ padding: '0.5em' }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <LoyaltyOutlined fontSize=\"small\" />\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n }}\n >\n {tag}\n </Typography>\n </Box>\n {resp.id > 0 && (\n <Typography variant=\"subtitle2\">\n {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n {' · '}\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n )}\n </Grid>\n {resp.description && (\n <Grid item xs={12}>\n <MarkdownRenderer content={resp.description} />\n </Grid>\n )}\n {!tags.loading && resp.id !== 0 && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n onClick={() => {\n if (tags.isFollowingTag(tag)) {\n tags.unfollowTag(tag);\n } else {\n tags.followTag(tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n }\n >\n {tags.isFollowingTag(tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const TagChip = (props: {\n tag: string;\n style?: CSSProperties;\n useHref?: boolean;\n}) => {\n const tagRoute = useRouteRef(tagRouteRef);\n const { tag } = props;\n const classes = useTooltipStyles();\n const href = tagRoute({ tag });\n\n return (\n <Tooltip\n arrow\n title={<TagTooltip tag={tag} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <Chip\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component={props.useHref ? 'a' : Link}\n style={props.style}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAM,KAAA,uBAAsC,GAAI,EAAA;AAEhD,MAAM,UAAA,GAAa,CAAC,KAA2B,KAAA;AAC7C,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAAkC,EAAA;AAE1D,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,KAAA,CAAM,GAAI,CAAA,GAAG,CAAG,EAAA;AAClB,MAAQ,OAAA,CAAA,KAAA,CAAM,GAAI,CAAA,GAAG,CAAC,CAAA;AACtB,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,MAAO,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AAC9B,MAAA,IAAI,GAAK,EAAA;AACP,QAAM,KAAA,CAAA,GAAA,CAAI,KAAK,GAAG,CAAA;AAClB,QAAA,OAAA,CAAQ,GAAG,CAAA;AAAA,OACN,MAAA;AACL,QAAQ,OAAA,CAAA;AAAA,UACN,EAAI,EAAA,CAAA;AAAA,UACJ,GAAA;AAAA,UACA,UAAY,EAAA,CAAA;AAAA,UACZ,cAAgB,EAAA,CAAA;AAAA,UAChB,aAAe,EAAA,CAAA;AAAA,UACf,UAAY,EAAA,CAAA;AAAA,UACZ,aAAe,EAAA,CAAA;AAAA,UACf,WAAA,EAAa,EAAE,wBAAwB;AAAA,SACxC,CAAA;AAAA;AACH,KACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,GAAA,EAAK,CAAC,CAAC,CAAA;AAEpB,EAAA,IAAI,CAAC,IAAM,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,OAAA,EAAS,CACpD,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,OAAI,KAAO,EAAA,EAAE,SAAS,MAAQ,EAAA,UAAA,EAAY,UACzC,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,eAAA,EAAA,EAAgB,UAAS,OAAQ,EAAA,CAAA;AAAA,wBAClC,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAO,EAAA;AAAA,cACL,YAAc,EAAA,UAAA;AAAA,cACd,QAAU,EAAA,QAAA;AAAA,cACV,UAAY,EAAA;AAAA,aACd;AAAA,YAEC,QAAA,EAAA;AAAA;AAAA;AACH,OACF,EAAA,CAAA;AAAA,MACC,KAAK,EAAK,GAAA,CAAA,oBACR,IAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WACjB,EAAA,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,KAAK,UAAY,EAAA,QAAA,EAAU,QAAQ,CAAA;AAAA,QAC9D,QAAA;AAAA,QACA,EAAE,kBAAoB,EAAA,EAAE,KAAO,EAAA,IAAA,CAAK,eAAe;AAAA,OACtD,EAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IACC,IAAK,CAAA,WAAA,oBACH,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,IAAA,CAAK,aAAa,CAC/C,EAAA,CAAA;AAAA,IAED,CAAC,IAAK,CAAA,OAAA,IAAW,IAAK,CAAA,EAAA,KAAO,CAC5B,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,QAChD,SAAS,MAAM;AACb,UAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,YAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,WACf,MAAA;AACL,YAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB,SACF;AAAA,QACA,SAAA,EACE,KAAK,cAAe,CAAA,GAAG,oBAAK,GAAA,CAAA,aAAA,EAAA,EAAc,CAAK,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,QAG5D,QAAA,EAAA,IAAA,CAAK,eAAe,GAAG,CAAA,GACpB,EAAE,oBAAoB,CAAA,GACtB,EAAE,kBAAkB;AAAA;AAAA,KAE5B,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ,CAAA;AAEa,MAAA,OAAA,GAAU,CAAC,~~KAIlB~~,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,EAAE,~~KAAQ~~,GAAA,KAAA;~~AAChB~~,EAAA,MAAM,UAAU,gBAAiB,EAAA;AACjC,EAAA,MAAM,IAAO,GAAA,QAAA,CAAS,EAAE,GAAA,EAAK,CAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,~~KAAA~~,~~kBAAQ~~,~~GAAA~~,~~CAAA~~,~~UAAA~~,~~EAAA~~,~~EAAW~~,GAAU,EAAA,CAAA;AAAA,~~MAC7B~~,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;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,aAAA;AAAA,UACV,SAAA,EAAW,KAAM,CAAA,OAAA,GAAU,GAAM,GAAA,IAAA;AAAA,UACjC,OAAO,KAAM,CAAA,KAAA;AAAA,UACb,EAAA,EAAI,KAAM,CAAA,OAAA,GAAU,KAAY,CAAA,GAAA,IAAA;AAAA,UAChC,IAAA,EAAM,KAAM,CAAA,OAAA,GAAU,IAAO,GAAA,KAAA,CAAA;AAAA,UAC7B,MAAA,EAAQ,KAAM,CAAA,OAAA,GAAU,QAAW,GAAA,KAAA,CAAA;AAAA,UACnC,OAAA,EAAS,CAAC,CAAwB,KAAA;AAChC,YAAA,CAAA,CAAE,eAAgB,EAAA;AAAA,WACpB;AAAA,UACA,SAAS,EAAA;AAAA;AAAA;AACX;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"TagChip.esm.js","sources":["../../../src/components/TagsAndEntities/TagChip.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useState } from 'react';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { qetaApiRef } from '../../api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { useTagsFollow } from '../../hooks';\nimport { Link } from 'react-router-dom';\nimport {\n Box,\n Button,\n Chip,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useTooltipStyles } from '../../hooks/useTooltipStyles';\n\nconst cache: Map<string, TagResponse> = new Map();\n\nconst TagTooltip = (props: { tag: string }) => {\n const { tag } = props;\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const tags = useTagsFollow();\n const [resp, setResp] = useState<undefined \| TagResponse>();\n\n useEffect(() => {\n if (cache.has(tag)) {\n setResp(cache.get(tag));\n return;\n }\n\n qetaApi.getTag(tag).then(res => {\n if (res) {\n cache.set(tag, res);\n setResp(res);\n } else {\n setResp({\n id: 0,\n tag,\n postsCount: 0,\n questionsCount: 0,\n articlesCount: 0,\n linksCount: 0,\n followerCount: 0,\n description: t('tagChip.nonExistingTag'),\n });\n }\n });\n }, [qetaApi, tag, t]);\n\n if (!resp) {\n return null;\n }\n\n return (\n <Grid container style={{ padding: '0.5em' }} spacing={1}>\n <Grid item xs={12}>\n <Box style={{ display: 'flex', alignItems: 'center' }}>\n <LoyaltyOutlined fontSize=\"small\" />\n <Typography\n variant=\"subtitle1\"\n style={{\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n }}\n >\n {tag}\n </Typography>\n </Box>\n {resp.id > 0 && (\n <Typography variant=\"subtitle2\">\n {t('common.posts', { count: resp.postsCount, itemType: 'post' })}\n {' · '}\n {t('common.followers', { count: resp.followerCount })}\n </Typography>\n )}\n </Grid>\n {resp.description && (\n <Grid item xs={12}>\n <MarkdownRenderer content={resp.description} />\n </Grid>\n )}\n {!tags.loading && resp.id !== 0 && (\n <Grid item xs={12}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n onClick={() => {\n if (tags.isFollowingTag(tag)) {\n tags.unfollowTag(tag);\n } else {\n tags.followTag(tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />\n }\n >\n {tags.isFollowingTag(tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Grid>\n )}\n </Grid>\n );\n};\n\nexport const TagChip = (props: {\n tag: string;\n style?: CSSProperties;\n useHref?: boolean;\n tooltip?: React.ReactElement;\n}) => {\n const tagRoute = useRouteRef(tagRouteRef);\n const { tag, tooltip } = props;\n const classes = useTooltipStyles();\n const href = tagRoute({ tag });\n\n return (\n <Tooltip\n arrow\n title={tooltip ? tooltip : <TagTooltip tag={tag} />}\n enterDelay={400}\n interactive\n classes={{\n tooltip: classes.tooltip,\n arrow: classes.tooltipArrow,\n }}\n >\n <Chip\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component={props.useHref ? 'a' : Link}\n style={props.style}\n to={props.useHref ? undefined : href}\n href={props.useHref ? href : undefined}\n target={props.useHref ? '_blank' : undefined}\n onClick={(e: React.MouseEvent) => {\n e.stopPropagation();\n }}\n clickable\n />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,15 +1,41 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { EntityChip } from './EntityChip.esm.js';
 import { TagChip } from './TagChip.esm.js';
+import { Chip } from '@material-ui/core';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 const TagsAndEntities = (props) => {
-  const { entity } = props;
-  if ((!entity.tags || entity.tags.length === 0) && (!entity.entities || entity.entities.length === 0)) {
+  const { entity, tagsLimit, entitiesLimit } = props;
+  const { t } = useTranslationRef(qetaTranslationRef);
+  let tags = "postTags" in entity ? entity.postTags : entity.tags;
+  let entities = "postEntities" in entity ? entity.postEntities : entity.entities;
+  if ((!tags || tags.length === 0) && (!entities || entities.length === 0)) {
     return null;
   }
+  let tagsCount = 0;
+  if (tags && tagsLimit && tags.length > tagsLimit) {
+    tagsCount = tags.length - tagsLimit;
+    tags = tags.slice(0, tagsLimit);
+  }
+  let entitiesCount = 0;
+  if (entities && entitiesLimit && entities.length > entitiesLimit) {
+    entitiesCount = entities.length - entitiesLimit;
+    entities = entities.slice(0, entitiesLimit);
+  }
+  const moreCount = tagsCount + entitiesCount;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    entity.tags && entity.tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)),
-    entity.entities && entity.entities.map((component) => /* @__PURE__ */ jsx(EntityChip, { entity: component }, component))
+    tags && tags.map((tag) => /* @__PURE__ */ jsx(TagChip, { tag }, tag)),
+    entities && entities.map((component) => /* @__PURE__ */ jsx(EntityChip, { entity: component }, component)),
+    moreCount > 0 && /* @__PURE__ */ jsx(
+      Chip,
+      {
+        label: t("common.more", { count: moreCount }),
+        size: "small",
+        variant: "outlined",
+        color: "primary"
+      }
+    )
   ] });
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\n\nexport const TagsAndEntities = (props: {\n entity: PostResponse \| CollectionResponse;\n}) => {\n const { entity } = props;\n\n if (\n (!entity.tags \|\| entity.tags.length === 0) ~~&&\n~~ (!~~entity.~~entities \|\| ~~entity.~~entities.length === 0)\n ) {\n ~~return~~ ~~null~~;\n }\n\n return (\n <>\n {~~entity.~~tags && ~~entity.~~tags.map(tag => <TagChip key={tag} tag={tag} />)}\n {~~entity.~~entities &&\n ~~entity.~~entities.map(component => (\n <EntityChip entity={component} key={component} />\n ))}\n </>\n );\n};\n"],"names":[],"mappings":"~~;;;;AAOa~~,MAAA,eAAA,GAAkB,CAAC,~~KAE1B~~,KAAA;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~QAAW~~,GAAA,KAAA;~~AAEnB~~,EAAA,~~IAAA~~,~~CACG~~,~~CAAC~~,MAAA,CAAO,~~IAAQ~~,IAAA,MAAA,CAAO,~~IAAK~~,CAAA,~~MAAA~~,~~KAAW~~,~~CACvC~~,~~MAAA~~,CAAC,~~MAAO~~,CAAA,QAAA,IAAY,~~MAAO~~,CAAA,~~QAAA~~,~~CAAS~~,~~WAAW~~,~~CAChD,~~CAAA,EAAA;~~AACA~~,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,~~uBAEK~~,IAAA,CAAA,~~QAAA~~,~~EAAA~~,EAAA,~~QAAA~~,~~EAAA~~;~~AAAA~~,IAAO,~~MAAA~~,CAAA,IAAA,~~IAAQ~~,~~OAAO~~,~~IAAK~~,CAAA,GAAA,~~CAAI~~,~~yBAAQ~~,GAAA,CAAA,~~OAAA~~,~~EAAA~~,~~EAAkB~~,~~GAAL~~,EAAA,EAAA,~~GAAe~~,~~CAAE~~,CAAA~~;AAAA~~,~~IACrE~~,~~MAAA~~,~~CAAO~~,~~QACN~~,IAAA,~~MAAA~~,~~CAAO~~,~~QAAS~~,CAAA,GAAA,~~CAAI~~,~~CAClB~~,~~SAAA~~,~~qBAAA~~,GAAA,~~CAAC~~,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAgB,EAAA,EAAA,SAAW,CAChD;AAAA,~~GACL~~,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsAndEntities.esm.js","sources":["../../../src/components/TagsAndEntities/TagsAndEntities.tsx"],"sourcesContent":["import {\n CollectionResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { EntityChip } from './EntityChip';\nimport { TagChip } from './TagChip';\nimport { Chip } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\n\nexport const TagsAndEntities = (props: {\n entity: PostResponse \| CollectionResponse;\n tagsLimit?: number;\n entitiesLimit?: number;\n}) => {\n const { entity, tagsLimit, entitiesLimit } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n let tags = 'postTags' in entity ? entity.postTags : entity.tags;\n let entities =\n 'postEntities' in entity ? entity.postEntities : entity.entities;\n\n if ((!tags \|\| tags.length === 0) && (!entities \|\| entities.length === 0)) {\n return null;\n }\n\n let tagsCount = 0;\n if (tags && tagsLimit && tags.length > tagsLimit) {\n tagsCount = tags.length - tagsLimit;\n tags = tags.slice(0, tagsLimit);\n }\n\n let entitiesCount = 0;\n if (entities && entitiesLimit && entities.length > entitiesLimit) {\n entitiesCount = entities.length - entitiesLimit;\n entities = entities.slice(0, entitiesLimit);\n }\n const moreCount = tagsCount + entitiesCount;\n\n return (\n <>\n {tags && tags.map(tag => <TagChip key={tag} tag={tag} />)}\n {entities &&\n entities.map(component => (\n <EntityChip entity={component} key={component} />\n ))}\n {moreCount > 0 && (\n <Chip\n label={t('common.more', { count: moreCount } as any)}\n size=\"small\"\n variant=\"outlined\"\n color=\"primary\"\n />\n )}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAUa,MAAA,eAAA,GAAkB,CAAC,KAI1B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,aAAA,EAAkB,GAAA,KAAA;AAC7C,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAO,GAAA,UAAA,IAAc,MAAS,GAAA,MAAA,CAAO,WAAW,MAAO,CAAA,IAAA;AAC3D,EAAA,IAAI,QACF,GAAA,cAAA,IAAkB,MAAS,GAAA,MAAA,CAAO,eAAe,MAAO,CAAA,QAAA;AAE1D,EAAK,IAAA,CAAA,CAAC,QAAQ,IAAK,CAAA,MAAA,KAAW,OAAO,CAAC,QAAA,IAAY,QAAS,CAAA,MAAA,KAAW,CAAI,CAAA,EAAA;AACxE,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,IAAI,SAAY,GAAA,CAAA;AAChB,EAAA,IAAI,IAAQ,IAAA,SAAA,IAAa,IAAK,CAAA,MAAA,GAAS,SAAW,EAAA;AAChD,IAAA,SAAA,GAAY,KAAK,MAAS,GAAA,SAAA;AAC1B,IAAO,IAAA,GAAA,IAAA,CAAK,KAAM,CAAA,CAAA,EAAG,SAAS,CAAA;AAAA;AAGhC,EAAA,IAAI,aAAgB,GAAA,CAAA;AACpB,EAAA,IAAI,QAAY,IAAA,aAAA,IAAiB,QAAS,CAAA,MAAA,GAAS,aAAe,EAAA;AAChE,IAAA,aAAA,GAAgB,SAAS,MAAS,GAAA,aAAA;AAClC,IAAW,QAAA,GAAA,QAAA,CAAS,KAAM,CAAA,CAAA,EAAG,aAAa,CAAA;AAAA;AAE5C,EAAA,MAAM,YAAY,SAAY,GAAA,aAAA;AAE9B,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,IAAA,IAAQ,KAAK,GAAI,CAAA,CAAA,GAAA,yBAAQ,OAAkB,EAAA,EAAA,GAAA,EAAA,EAAL,GAAe,CAAE,CAAA;AAAA,IACvD,QAAA,IACC,SAAS,GAAI,CAAA,CAAA,SAAA,yBACV,UAAW,EAAA,EAAA,MAAA,EAAQ,SAAgB,EAAA,EAAA,SAAW,CAChD,CAAA;AAAA,IACF,YAAY,CACX,oBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAO,CAAE,CAAA,aAAA,EAAe,EAAE,KAAA,EAAO,WAAkB,CAAA;AAAA,QACnD,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,UAAA;AAAA,QACR,KAAM,EAAA;AAAA;AAAA;AACR,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Utility/RightList.esm.js CHANGED Viewed

@@ -1,5 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { makeStyles, Box, List, ListSubheader } from '@material-ui/core';
+import { useState, useMemo, Children } from 'react';
+import { makeStyles, Box, List, ListSubheader, Button } from '@material-ui/core';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
+import ExpandLessIcon from '@material-ui/icons/ExpandLess';
 const useStyles = makeStyles((theme) => ({
   container: {
@@ -19,6 +24,13 @@ const useStyles = makeStyles((theme) => ({
       paddingLeft: theme.spacing(1),
       paddingRight: theme.spacing(1)
     }
+  },
+  showMoreButton: {
+    marginLeft: theme.spacing(1),
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "center",
+    fontSize: "0.8rem"
   }
 }));
 const RightListContainer = (props) => {
@@ -27,7 +39,18 @@ const RightListContainer = (props) => {
 };
 const RightList = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ jsx(
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const [expanded, setExpanded] = useState(false);
+  const arrayChildren = useMemo(() => {
+    const children = Children.toArray(props.children);
+    if (props.randomize && props.limit && children.length > props.limit) {
+      return children.sort(() => 0.5 - Math.random());
+    }
+    return children;
+  }, [props.children, props.randomize, props.limit]);
+  const showButton = props.limit && arrayChildren.length > props.limit;
+  const displayChildren = showButton && !expanded ? arrayChildren.slice(0, props.limit) : arrayChildren;
+  return /* @__PURE__ */ jsxs(
     List,
     {
       component: "nav",
@@ -47,7 +70,20 @@ const RightList = (props) => {
           ]
         }
       ),
-      children: props.children
+      children: [
+        displayChildren,
+        showButton && /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => setExpanded(!expanded),
+            color: "primary",
+            size: "small",
+            className: styles.showMoreButton,
+            endIcon: expanded ? /* @__PURE__ */ jsx(ExpandLessIcon, {}) : /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
+            children: expanded ? t("common.showLess") : t("common.showMore")
+          }
+        )
+      ]
     }
   );
 };

package/dist/components/Utility/RightList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Box, List, ListSubheader, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n width: '100%',\n marginBottom: '1em',\n },\n subheader: {\n color: theme.palette.text.hint,\n padding: '0px 0px 0.5rem 0.5rem',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n lineHeight: 1.5,\n },\n list: {\n '& li': {\n paddingLeft: theme.spacing(1),\n paddingRight: theme.spacing(1),\n },\n },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n const styles = useStyles();\n return (\n <Box display={{ md: 'none', lg: 'block' }} className={styles.container}>\n {props.children}\n </Box>\n );\n};\n\nexport const RightList = (props: {\n children: ReactNode;\n title: string;\n icon?: ReactNode;\n}) => {\n const styles = useStyles();\n return (\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n className={styles.list}\n subheader={\n <ListSubheader\n disableSticky\n component=\"div\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n className={styles.subheader}\n >\n {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {~~props~~.~~children~~}\n </List>\n );\n};\n"],"names":[],"mappings":"~~;;;AAGA~~,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,SAAW,EAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,IACP,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,SAAW,EAAA;AAAA,IACT,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,IAAA;AAAA,IAC1B,OAAS,EAAA,uBAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,QAAU,EAAA,QAAA;AAAA,IACV,YAAc,EAAA,UAAA;AAAA,IACd,UAAY,EAAA;AAAA,GACd;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA;AAAA,MACN,WAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC5B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA;AAC/B;~~AAEJ~~,CAAE,CAAA,CAAA;AAEW,MAAA,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AACpE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,OAAA,EAAW,EAAA,SAAA,EAAW,MAAO,CAAA,SAAA,EAC1D,gBAAM,QACT,EAAA,CAAA;AAEJ;AAEa,MAAA,SAAA,GAAY,CAAC,~~KAIpB~~,KAAA;AACJ,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EACE,uBAAA,~~GAAA~~;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,KAAA;AAAA,MACV,iBAAgB,EAAA,uBAAA;AAAA,MAChB,WAAW,MAAO,CAAA,IAAA;AAAA,MAClB,SACE,kBAAA,IAAA;AAAA,QAAC,aAAA;AAAA,QAAA;AAAA,UACC,aAAa,EAAA,IAAA;AAAA,UACb,SAAU,EAAA,KAAA;AAAA,UACV,EAAG,EAAA,uBAAA;AAAA,UACH,KAAM,EAAA,SAAA;AAAA,UACN,WAAW,MAAO,CAAA,SAAA;AAAA,UAEjB,QAAA,EAAA;AAAA,YAAM,KAAA,CAAA,KAAA;AAAA,YACN,KAAM,CAAA;AAAA;AAAA;AAAA,OACT;AAAA,MAGD,~~QAAM~~,EAAA,~~KAAA~~,CAAA;AAAA;AAAA,~~GACT~~;AAEJ;;;;"}
1	+ {"version":3,"file":"RightList.esm.js","sources":["../../../src/components/Utility/RightList.tsx"],"sourcesContent":["import { ReactNode, useState, Children, useMemo } from 'react';\nimport {\n Box,\n Button,\n List,\n ListSubheader,\n makeStyles,\n} from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport ExpandMore from '@material-ui/icons/ExpandMore';\nimport ExpandLess from '@material-ui/icons/ExpandLess';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n width: '100%',\n marginBottom: '1em',\n },\n subheader: {\n color: theme.palette.text.hint,\n padding: '0px 0px 0.5rem 0.5rem',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n lineHeight: 1.5,\n },\n list: {\n '& li': {\n paddingLeft: theme.spacing(1),\n paddingRight: theme.spacing(1),\n },\n },\n showMoreButton: {\n marginLeft: theme.spacing(1),\n alignItems: 'center',\n display: 'flex',\n justifyContent: 'center',\n fontSize: '0.8rem',\n },\n}));\n\nexport const RightListContainer = (props: { children: ReactNode }) => {\n const styles = useStyles();\n return (\n <Box display={{ md: 'none', lg: 'block' }} className={styles.container}>\n {props.children}\n </Box>\n );\n};\n\nexport const RightList = (props: {\n children: ReactNode;\n title?: string;\n icon?: ReactNode;\n limit?: number;\n randomize?: boolean;\n}) => {\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const [expanded, setExpanded] = useState(false);\n const arrayChildren = useMemo(() => {\n const children = Children.toArray(props.children);\n if (props.randomize && props.limit && children.length > props.limit) {\n return children.sort(() => 0.5 - Math.random());\n }\n return children;\n }, [props.children, props.randomize, props.limit]);\n const showButton = props.limit && arrayChildren.length > props.limit;\n const displayChildren =\n showButton && !expanded\n ? arrayChildren.slice(0, props.limit)\n : arrayChildren;\n\n return (\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n className={styles.list}\n subheader={\n <ListSubheader\n disableSticky\n component=\"div\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n className={styles.subheader}\n >\n {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {displayChildren}\n {showButton && (\n <Button\n onClick={() => setExpanded(!expanded)}\n color=\"primary\"\n size=\"small\"\n className={styles.showMoreButton}\n endIcon={expanded ? <ExpandLess /> : <ExpandMore />}\n >\n {expanded ? t('common.showLess') : t('common.showMore')}\n </Button>\n )}\n </List>\n );\n};\n"],"names":["ExpandLess","ExpandMore"],"mappings":"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"}

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

@@ -7,32 +7,41 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../translation.esm.js';
 const userCache = /* @__PURE__ */ new Map();
-const dataLoaderFactory = (catalogApi) => new DataLoader(
-  async (entityRefs) => {
-    const { items } = await catalogApi.getEntitiesByRefs({
-      fields: [
-        "kind",
-        "metadata.name",
-        "metadata.namespace",
-        "spec.profile.displayName",
-        "spec.profile.picture"
-      ],
-      entityRefs
-    });
-    entityRefs.forEach((entityRef, index) => {
-      userCache.set(entityRef, items[index]);
-    });
-    return items;
-  },
-  {
-    name: "EntityAuthorLoader",
-    cacheMap: /* @__PURE__ */ new Map(),
-    maxBatchSize: 100,
-    batchScheduleFn: (callback) => {
-      setTimeout(callback, 50);
-    }
+let userLoader;
+const getEntityAuthorLoader = (catalogApi) => {
+  if (userLoader) {
+    return userLoader;
   }
-);
+  userLoader = new DataLoader(
+    async (entityRefs) => {
+      const { items } = await catalogApi.getEntitiesByRefs({
+        fields: [
+          "kind",
+          "metadata.name",
+          "metadata.namespace",
+          "spec.profile.displayName",
+          "spec.profile.picture"
+        ],
+        entityRefs
+      });
+      entityRefs.forEach((entityRef, index) => {
+        if (items[index]) {
+          userCache.set(entityRef, items[index]);
+        }
+      });
+      return items;
+    },
+    {
+      name: "EntityAuthorLoader",
+      cacheMap: /* @__PURE__ */ new Map(),
+      maxBatchSize: 100,
+      batchScheduleFn: (callback) => {
+        setTimeout(callback, 50);
+      }
+    }
+  );
+  return userLoader;
+};
 const useUserInfo = (entityRef, anonymous) => {
   const catalogApi = useApi(catalogApiRef);
   const identityApi = useApi(identityApiRef);
@@ -58,7 +67,7 @@ const useUserInfo = (entityRef, anonymous) => {
       setUser(userCache.get(ref));
       return;
     }
-    dataLoaderFactory(catalogApi).load(ref).then((data) => {
+    getEntityAuthorLoader(catalogApi).load(ref).then((data) => {
       if (data) {
         setUser(data);
       } else {

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 [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;;;;"}
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();\nlet userLoader: DataLoader<string, UserEntity \| null> \| undefined;\n\nconst getEntityAuthorLoader = (catalogApi: CatalogApi) => {\n if (userLoader) {\n return userLoader;\n }\n userLoader = new DataLoader<string, UserEntity \| null>(\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 if (items[index]) {\n userCache.set(entityRef, items[index] as UserEntity);\n }\n });\n return items as (UserEntity \| null)[];\n },\n {\n name: 'EntityAuthorLoader',\n cacheMap: new Map(),\n maxBatchSize: 100,\n batchScheduleFn: callback => {\n setTimeout(callback, 50);\n },\n },\n );\n return userLoader;\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 getEntityAuthorLoader(catalogApi)\n .load(ref)\n .then(data => {\n if (data) {\n setUser(data);\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":"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"}

package/dist/index.d.ts CHANGED Viewed

@@ -881,6 +881,9 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.followersLabel_one": "follower";
     readonly "common.followersLabel_other": "followers";
     readonly "common.unsaved_changes": "You have unsaved changes. Are you sure you want to leave?";
+    readonly "common.more": "+{{count}} more";
+    readonly "common.showMore": "Show more";
+    readonly "common.showLess": "Show less";
     readonly "markdownEditor.write": "Write";
     readonly "markdownEditor.preview": "Preview";
     readonly "markdownEditor.uploadingImage": "Uploading image...";
@@ -916,6 +919,11 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "collectionForm.descriptionInput.markdownHelp": "Markdown help";
     readonly "collectionForm.submit.existingCollection": "Save";
     readonly "collectionForm.submit.newCollection": "Create Collection";
+    readonly "collectionForm.automaticRules.title": "Automatic collection rules";
+    readonly "collectionForm.automaticRules.description": "You can optionally define tags, entities and users that will automatically add matching posts to this collection. Posts that match ANY of the defined tags OR entities will be automatically added.";
+    readonly "collectionForm.automaticEntitiesInput.label": "Automatic Entities";
+    readonly "collectionForm.automaticTagsInput.label": "Automatic Tags";
+    readonly "collectionForm.automaticUsersInput.label": "Automatic Users";
     readonly "postForm.errorLoading": "Could not load {{type}}";
     readonly "postForm.uploadHeaderImage": "Upload header image";
     readonly "postForm.errorPosting": "Could not post {{type}}";

package/dist/translation.esm.js CHANGED Viewed

@@ -89,7 +89,10 @@ const qetaTranslationRef = createTranslationRef({
       unsaved_changes: "You have unsaved changes. Are you sure you want to leave?",
       loading: "Loading...",
       draft: "Draft",
-      deleted: "Deleted"
+      deleted: "Deleted",
+      more: "+{{count}} more",
+      showMore: "Show more",
+      showLess: "Show less"
     },
     markdownEditor: {
       write: "Write",
@@ -148,7 +151,20 @@ const qetaTranslationRef = createTranslationRef({
       submitting: "Creating...",
       tips_1: "Choose a clear and descriptive title that reflects the collection's purpose",
       tips_2: "Provide a detailed description of what topics or questions the collection will contain",
-      tips_3: "Use markdown formatting to describe your collection with headings, lists, and links"
+      tips_3: "Use markdown formatting to describe your collection with headings, lists, and links",
+      automaticRules: {
+        title: "Automatic collection rules",
+        description: "You can optionally define tags, entities and users that will automatically add matching posts to this collection. Posts that match ANY of the defined tags OR entities will be automatically added."
+      },
+      automaticEntitiesInput: {
+        label: "Automatic Entities"
+      },
+      automaticTagsInput: {
+        label: "Automatic Tags"
+      },
+      automaticUsersInput: {
+        label: "Automatic Users"
+      }
     },
     postForm: {
       errorPosting: "Could not post {{type}}",