npm - @drodil/backstage-plugin-qeta - Versions diffs - 2.5.3 → 2.6.0 - Mend

@drodil/backstage-plugin-qeta 2.5.3 → 2.6.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 (82) hide show

package/dist/components/Statistics/TopRankingUsersCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/Statistics/TopRankingUsersCard.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport {\n CardTab,\n Progress,\n TabbedCard,\n WarningPanel,\n} from '@backstage/core-components';\nimport {\n Avatar,\n List,\n ListItem,\n ListItemAvatar,\n ListItemText,\n Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from '../../utils/hooks';\nimport { TrophyIcon } from './TrophyIcon';\nimport { useStyles } from './styles';\nimport { UserLink } from '../Links/Links';\n\ntype RankingIcon = {\n iconsByRanking: Map<number, ReactNode>;\n userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n [\n 1,\n <TrophyIcon\n style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n />,\n ],\n [\n 2,\n <TrophyIcon\n style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n />,\n ],\n [\n 3,\n <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n ],\n]);\n\nconst DefaultUserIcon = (\n <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n if (n % 10 === 1 && n % 100 !== 11) {\n return `${n}st`;\n } else if (n % 10 === 2 && n % 100 !== 12) {\n return `${n}nd`;\n } else if (n % 10 === 3 && n % 100 !== 13) {\n return `${n}rd`;\n }\n\n return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n userRef?: string;\n total: number;\n position: number;\n rankingIcon?: RankingIcon;\n unit: string;\n}) => {\n const classes = useStyles();\n const userRef = props.userRef;\n\n const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n const userIcon = props.rankingIcon?.userRankingIcon\n ? props.rankingIcon?.userRankingIcon\n : DefaultUserIcon;\n\n const topRankingIcon = props.rankingIcon\n ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n : DefaultRankingIcons.get(Number(props?.position)) \|\| DefaultUserIcon;\n\n const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n return (\n <ListItem className=\"qetaRankingCardRow\">\n <ListItemAvatar>\n <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n </ListItemAvatar>\n\n <ListItemText\n disableTypography\n style={{\n display: 'flex',\n justifyContent: 'center',\n }}\n primary={\n <div style={{ display: 'flex' }}>\n <Typography\n style={{ marginRight: '10px', fontWeight: 400 }}\n variant=\"subtitle1\"\n >{`${ordinalPosition}`}</Typography>\n <UserLink entityRef={userRef ?? ''} />\n </div>\n }\n />\n\n <div className={classes.votesText}>\n <Typography variant=\"subtitle1\">\n {props?.total} {props.unit}\n </Typography>\n </div>\n </ListItem>\n );\n};\n\nexport const RankingCard = (props: {\n limit?: number;\n description: string;\n statistic?: StatisticResponse;\n unit: string;\n}) => {\n const rankingStats = props.limit\n ? props.statistic?.ranking.slice(0, props.limit)\n : props.statistic?.ranking;\n\n return (\n <div style={{ display: 'block' }} className=\"qetaRankingCard\">\n <span className=\"qetaRankingCardDescription\">{props.description}</span>\n <List className=\"qetaRankingCardList\">\n {rankingStats?.map(authorStats => {\n return (\n <RankingRow\n total={authorStats.total \|\| 0}\n position={authorStats.position \|\| 0}\n userRef={authorStats.author}\n unit={props.unit}\n />\n );\n })}\n {!rankingStats?.some(\n authorStats =>\n authorStats.author === props.statistic?.loggedUser?.author,\n ) && (\n <>\n <hr />\n <RankingRow\n total={props.statistic?.loggedUser?.total \|\| 0}\n position={props.statistic?.loggedUser?.position \|\| 0}\n userRef={props.statistic?.loggedUser?.author}\n unit={props.unit}\n />\n </>\n )}\n </List>\n </div>\n );\n};\n\nexport const TopRankingUsers = (props: {\n title?: string;\n hideTitle?: boolean;\n limit?: number;\n}) => {\n const {\n value: topStatistics,\n loading,\n error,\n } = useQetaApi(api =>\n api.getTopStatisticsHomepage({\n options: { limit: 50 },\n }),\n );\n\n const tabData = [\n {\n title: 'Most questions',\n description: 'People who have posted most questions',\n unit: 'questions',\n },\n {\n title: 'Most answers',\n description: 'People who have answered most questions',\n unit: 'answers',\n },\n {\n title: 'Top Upvoted Questions',\n description: 'People who have the highest rated questions',\n unit: 'votes',\n },\n {\n title: 'Top Upvoted Answers',\n description: 'People who have the highest rated answers',\n unit: 'votes',\n },\n {\n title: 'Top Upvoted Correct Answers',\n description: 'People who have the highest rated correct answers',\n unit: 'votes',\n },\n ];\n\n if ((error \|\| topStatistics === undefined) && !loading) {\n return (\n <WarningPanel severity=\"error\" title=\"Could not load statistics.\">\n {error?.message}\n </WarningPanel>\n );\n }\n\n let content: ReactElement[];\n\n if (loading) {\n content = [\n <CardTab>\n <Progress />\n </CardTab>,\n ];\n } else if (topStatistics && topStatistics.length > 0) {\n content = topStatistics?.map((stats, index) => {\n return (\n <CardTab label={tabData[index].title}>\n <RankingCard\n description={tabData[index].description}\n limit={props.limit}\n statistic={stats}\n unit={tabData[index].unit}\n />\n </CardTab>\n );\n });\n } else {\n content = [<CardTab>No statistics available</CardTab>];\n }\n\n return (\n <TabbedCard title={props.title \|\| 'Ranking Q&A 🏆'}>{content}</TabbedCard>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"TopRankingUsersCard.esm.js","sources":["../../../src/components/Statistics/TopRankingUsersCard.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport {\n CardTab,\n Progress,\n TabbedCard,\n WarningPanel,\n} from '@backstage/core-components';\nimport {\n Avatar,\n List,\n ListItem,\n ListItemAvatar,\n ListItemText,\n Typography,\n} from '@material-ui/core';\nimport { StatisticResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useTranslation } from '../../utils/hooks';\nimport { TrophyIcon } from './TrophyIcon';\nimport { useStyles } from './styles';\nimport { UserLink } from '../Links/Links';\n\ntype RankingIcon = {\n iconsByRanking: Map<number, ReactNode>;\n userRankingIcon: ReactNode;\n};\n\nconst DefaultRankingIcons = new Map<number, ReactNode>([\n [\n 1,\n <TrophyIcon\n style={{ color: '#DAA520', height: '2.2rem', width: '2.2rem' }}\n />,\n ],\n [\n 2,\n <TrophyIcon\n style={{ color: '#C0C0C0', height: '2.1rem', width: '2.1rem' }}\n />,\n ],\n [\n 3,\n <TrophyIcon style={{ color: '#B87333', height: '2rem', width: '2rem' }} />,\n ],\n]);\n\nconst DefaultUserIcon = (\n <TrophyIcon style={{ height: '2rem', width: '2rem' }} />\n);\n\nconst getOrdinal = (n: number) => {\n if (n % 10 === 1 && n % 100 !== 11) {\n return `${n}st`;\n } else if (n % 10 === 2 && n % 100 !== 12) {\n return `${n}nd`;\n } else if (n % 10 === 3 && n % 100 !== 13) {\n return `${n}rd`;\n }\n\n return `${n}th`;\n};\n\nexport const RankingRow = (props: {\n userRef?: string;\n total: number;\n position: number;\n rankingIcon?: RankingIcon;\n unit: string;\n}) => {\n const classes = useStyles();\n const userRef = props.userRef;\n\n const ordinalPosition = props?.position ? getOrdinal(props?.position) : '';\n\n const userIcon = props.rankingIcon?.userRankingIcon\n ? props.rankingIcon?.userRankingIcon\n : DefaultUserIcon;\n\n const topRankingIcon = props.rankingIcon\n ? props.rankingIcon.iconsByRanking.get(Number(props?.position))\n : DefaultRankingIcons.get(Number(props?.position)) \|\| DefaultUserIcon;\n\n const rankingIcon = props?.position > 3 ? userIcon : topRankingIcon;\n\n return (\n <ListItem className=\"qetaRankingCardRow\">\n <ListItemAvatar>\n <Avatar className={classes.trophyIcon}>{rankingIcon}</Avatar>\n </ListItemAvatar>\n\n <ListItemText\n disableTypography\n style={{\n display: 'flex',\n justifyContent: 'center',\n }}\n primary={\n <div style={{ display: 'flex' }}>\n <Typography\n style={{ marginRight: '10px', fontWeight: 400 }}\n variant=\"subtitle1\"\n >{`${ordinalPosition}`}</Typography>\n <UserLink entityRef={userRef ?? ''} />\n </div>\n }\n />\n\n <div className={classes.votesText}>\n <Typography variant=\"subtitle1\">\n {props?.total} {props.unit}\n </Typography>\n </div>\n </ListItem>\n );\n};\n\nexport const RankingCard = (props: {\n limit?: number;\n description: string;\n statistic?: StatisticResponse;\n unit: string;\n}) => {\n const rankingStats = props.limit\n ? props.statistic?.ranking.slice(0, props.limit)\n : props.statistic?.ranking;\n\n return (\n <div style={{ display: 'block' }} className=\"qetaRankingCard\">\n <span className=\"qetaRankingCardDescription\">{props.description}</span>\n <List className=\"qetaRankingCardList\">\n {rankingStats?.map(authorStats => {\n return (\n <RankingRow\n total={authorStats.total \|\| 0}\n position={authorStats.position \|\| 0}\n userRef={authorStats.author}\n unit={props.unit}\n />\n );\n })}\n {!rankingStats?.some(\n authorStats =>\n authorStats.author === props.statistic?.loggedUser?.author,\n ) && (\n <>\n <hr />\n <RankingRow\n total={props.statistic?.loggedUser?.total \|\| 0}\n position={props.statistic?.loggedUser?.position \|\| 0}\n userRef={props.statistic?.loggedUser?.author}\n unit={props.unit}\n />\n </>\n )}\n </List>\n </div>\n );\n};\n\nexport const TopRankingUsers = (props: {\n title?: string;\n hideTitle?: boolean;\n limit?: number;\n}) => {\n const { t } = useTranslation();\n const {\n value: topStatistics,\n loading,\n error,\n } = useQetaApi(api =>\n api.getTopStatisticsHomepage({\n options: { limit: 50 },\n }),\n );\n\n const tabData = [\n {\n title: t('statistics.mostQuestions.title'),\n description: t('statistics.mostQuestions.description'),\n unit: 'questions',\n },\n {\n title: t('statistics.mostAnswers.title'),\n description: t('statistics.mostAnswers.description'),\n unit: 'answers',\n },\n {\n title: t('statistics.topVotedQuestions.title'),\n description: t('statistics.topVotedQuestions.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedAnswers.title'),\n description: t('statistics.topVotedAnswers.description'),\n unit: 'votes',\n },\n {\n title: t('statistics.topVotedCorrectAnswers.title'),\n description: t('statistics.topVotedCorrectAnswers.description'),\n unit: 'votes',\n },\n ];\n\n if ((error \|\| topStatistics === undefined) && !loading) {\n return (\n <WarningPanel severity=\"error\" title={t('statistics.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n let content: ReactElement[];\n\n if (loading) {\n content = [\n <CardTab>\n <Progress />\n </CardTab>,\n ];\n } else if (topStatistics && topStatistics.length > 0) {\n content = topStatistics?.map((stats, index) => {\n return (\n <CardTab label={tabData[index].title}>\n <RankingCard\n description={tabData[index].description}\n limit={props.limit}\n statistic={stats}\n unit={tabData[index].unit}\n />\n </CardTab>\n );\n });\n } else {\n content = [<CardTab>{t('statistics.notAvailable')}</CardTab>];\n }\n\n return (\n <TabbedCard title={props.title \|\| t('statistics.ranking')}>\n {content}\n </TabbedCard>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -6,10 +6,19 @@ import { TagsContainer } from './TagsContainer.esm.js';
 import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
 import { Container } from '@material-ui/core';
 import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
+import { useTranslation } from '../../utils/hooks.esm.js';
 const TagPage = () => {
   const { tag } = useParams();
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `Questions tagged [${tag}]` : "Tags" }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 })), tag ? /* @__PURE__ */ React.createElement(QuestionsContainer, { tags: [tag ?? ""] }) : /* @__PURE__ */ React.createElement(TagsContainer, null)));
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(
+    ContentHeader,
+    {
+      title: tag ? t("tagPage.taggedWithTitle", { tag }) : t("tagPage.defaultTitle")
+    },
+    /* @__PURE__ */ React.createElement(BackToQuestionsButton, null),
+    /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 })
+  ), tag ? /* @__PURE__ */ React.createElement(QuestionsContainer, { tags: [tag ?? ""] }) : /* @__PURE__ */ React.createElement(TagsContainer, null)));
 };
 export { TagPage };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagsContainer } from './TagsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Container } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\n\nexport const TagPage = () => {\n const { tag } = useParams();\n return (\n <Content>\n <Container maxWidth=\"lg\">\n <ContentHeader title={tag ? ~~`Questions~~ ~~tagged~~ ~~[${~~tag}]` : '~~Tags~~'}>\n <BackToQuestionsButton />\n <AskQuestionButton tags={tag ? [tag] : undefined} />\n </ContentHeader>\n {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n </Container>\n </Content>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;AASO~~,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,GAAI,EAAA,GAAI,SAAU,EAAA,CAAA;AAC1B,EAAA,~~2CACG~~,~~OACC~~,EAAA,~~IAAA~~,~~kBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~SAAU~~,EAAA,~~EAAA~~,~~QAAA~~,~~EAAS,wBACjB,~~KAAA,CAAA,aAAA,CAAA,~~aAAA~~,EAAA,~~EAAc~~,~~KAAO~~,EAAA,~~GAAA~~,~~GAAM~~,~~qBAAqB~~,~~GAAG~~,~~CAAA~~,~~CAAA~~,~~CAAA~~,~~GAAM~~,~~0BACvD,~~KAAA,~~CAAA~~,~~aAAA~~,CAAA,~~qBAAA~~,~~EAAA~~,~~IAAsB~~,~~mBACtB~~,~~KAAA~~,CAAA,~~aAAA~~,CAAA,~~iBAAA~~,EAAA,~~EAAkB~~,~~IAAM~~,EAAA,~~GAAA~~,~~GAAM~~,CAAC,GAAG,~~CAAA~~,~~GAAI~~,~~QAAW~~,~~CACpD~~,CAAA,~~EACC~~,~~sBAAO~~,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,IAAM,EAAA,CAAC,~~OAAO~~,EAAE,CAAA,~~EAAG~~,~~oBAAM,~~KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagsContainer } from './TagsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Container } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const TagPage = () => {\n const { tag } = useParams();\n const { t } = useTranslation();\n return (\n <Content>\n <Container maxWidth=\"lg\">\n <ContentHeader\n title={\n tag\n ? t('tagPage.taggedWithTitle', { tag })\n : t('tagPage.defaultTitle')\n }\n >\n <BackToQuestionsButton />\n <AskQuestionButton tags={tag ? [tag] : undefined} />\n </ContentHeader>\n {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n </Container>\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,GAAI,EAAA,GAAI,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA,EACE,MACI,CAAE,CAAA,yBAAA,EAA2B,EAAE,GAAI,EAAC,CACpC,GAAA,CAAA,CAAE,sBAAsB,CAAA;AAAA,KAAA;AAAA,wCAG7B,qBAAsB,EAAA,IAAA,CAAA;AAAA,wCACtB,iBAAkB,EAAA,EAAA,IAAA,EAAM,MAAM,CAAC,GAAG,IAAI,KAAW,CAAA,EAAA,CAAA;AAAA,GAEnD,EAAA,GAAA,mBAAO,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,IAAM,EAAA,CAAC,GAAO,IAAA,EAAE,CAAG,EAAA,CAAA,mBAAM,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { Grid, TextField, IconButton, Typography, Chip, Avatar } from '@material-ui/core';
 import React from 'react';
-import { useQetaApi } from '../../utils/hooks.esm.js';
+import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
 import { Progress, WarningPanel } from '@backstage/core-components';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';
@@ -8,6 +8,7 @@ import { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';
 const TagsContainer = () => {
   const [searchQuery, setSearchQuery] = React.useState("");
   const tagRoute = useRouteRef(tagRouteRef);
+  const { t } = useTranslation();
   const {
     value: response,
     loading,
@@ -17,13 +18,13 @@ const TagsContainer = () => {
     return /* @__PURE__ */ React.createElement(Progress, null);
   }
   if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not load tags." }, error?.message);
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("tagPage.errorLoading") }, error?.message);
   }
   const filterData = (query, data) => {
     if (!query) {
       return data;
     }
-    return data.filter((t) => t.tag.toLowerCase().includes(query));
+    return data.filter((tag) => tag.tag.toLowerCase().includes(query));
   };
   const tags = filterData(searchQuery, response);
   return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaTagsContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
@@ -32,19 +33,12 @@ const TagsContainer = () => {
       id: "search-bar",
       className: "text qetaTagsContainerSearchInput",
       onChange: (event) => setSearchQuery(event.target.value),
-      label: "Search tag",
+      label: t("tagPage.search.label"),
       variant: "outlined",
-      placeholder: "Search...",
+      placeholder: t("tagPage.search.placeholder"),
       size: "small"
     }
-  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h6",
-      className: "qetaTagsContainerTitle"
-    },
-    `Showing ${tags.length} tags`
-  )), /* @__PURE__ */ React.createElement(Grid, { item: true }, tags.map((tag) => /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaTagsContainerTitle" }, t("tagPage.tags", { count: tags.length }))), /* @__PURE__ */ React.createElement(Grid, { item: true }, tags.map((tag) => /* @__PURE__ */ React.createElement(
     Chip,
     {
       key: tag.tag,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagPage/TagsContainer.tsx"],"sourcesContent":["import {\n Avatar,\n Chip,\n Grid,\n IconButton,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi } from '../../utils/hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const TagsContainer = () => {\n const [searchQuery, setSearchQuery] = React.useState('');\n const tagRoute = useRouteRef(tagRouteRef);\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getTags(), []);\n\n if (loading) {\n return <Progress />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title~~=\"Could not load tags.\"~~>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const filterData = (query: string, data: TagResponse[]) => {\n if (!query) {\n return data;\n }\n return data.filter(t => t.tag.toLowerCase().includes(query));\n };\n\n const tags = filterData(searchQuery, response);\n\n return (\n <Grid container className=\"qetaTagsContainer\">\n <Grid item xs={12}>\n <TextField\n id=\"search-bar\"\n className=\"text qetaTagsContainerSearchInput\"\n onChange={(\n event: React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => setSearchQuery(event.target.value)}\n label~~=\"Search tag~~\"\n variant=\"outlined\"\n placeholder~~=\"Search...\"~~\n size=\"small\"\n />\n <IconButton type=\"submit\" aria-label=\"search\" />\n </Grid>\n <Grid item xs={12}>\n <Typography\n variant=\"h6\"\n className=\"qetaTagsContainerTitle\"\n >{~~`Showing~~ ${tags.length} ~~tags`~~}</Typography>\n </Grid>\n <Grid item>\n {tags.map(tag => (\n <Chip\n key={tag.tag}\n variant=\"outlined\"\n avatar={<Avatar>{tag.questionsCount}</Avatar>}\n label={tag.tag}\n className=\"qetaTagsContainerChip\"\n component=\"a\"\n clickable\n href={tagRoute({ tag: tag.tag })}\n />\n ))}\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AACvD,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,OAAQ,EAAA,EAAG,EAAE,CAAA,CAAA;AAEvC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,~~IAAA~~,~~2CACG~~,~~YAAa~~,~~EAAA~~,EAAA,~~QAAA~~,~~EAAS~~,~~SAAQ~~,~~KAAM~~,~~EAAA~~,~~sBAAA~~,EAAA,~~EAClC~~,~~OAAO~~,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,IAAwB,KAAA;AACzD,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAO,OAAA,IAAA,CAAK,OAAO,~~CAAK~~,~~CAAA~~,KAAA,~~CAAA~~,~~CAAE~~,IAAI,WAAY,EAAA,CAAE,QAAS,CAAA,KAAK,CAAC,CAAA,CAAA;AAAA,~~GAC7D~~,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,UAAW,CAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAE7C,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,SAAA,EAAU,mBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,YAAA;AAAA,MACH,SAAU,EAAA,mCAAA;AAAA,MACV,UAAU,CACR,KAAA,KACG,cAAe,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MACtC,~~KAAM~~,~~EAAA~~,~~YAAA~~;AAAA,~~MACN~~,OAAQ,EAAA,UAAA;AAAA,MACR,~~WAAY~~,~~EAAA~~,~~WAAA~~;AAAA,~~MACZ~~,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,~~GAEP~~,~~kBAAA,~~KAAA,CAAA,aAAA,~~CAAC~~,~~UAAW~~,EAAA,EAAA,~~IAAA~~,~~EAAK~~,~~UAAS~~,~~YAAW~~,EAAA,~~QAAA,EAAS,~~CAChD,~~CAAA~~,~~kBACC~~,KAAA,CAAA,aAAA,~~CAAA~~,~~IAAA~~,~~EAAA,EAAK,~~IAAI,EAAA,IAAA,EAAC,~~IAAI~~,~~EACb~~,EAAA,~~kBAAA~~,~~KAAA~~,~~CAAA~~,~~aAAA;AAAA~~,~~IAAC~~,~~UAAA;AAAA~~,~~IAAA;AAAA~~,~~MACC~~,~~OAAQ,~~EAAA,~~IAAA;AAAA~~,~~MACR~~,~~SAAU~~,~~EAAA~~,~~wBAAA;AAAA~~,~~KAAA;AAAA~~,~~IACV~~,~~CAAA~~,~~QAAA~~,~~EAAW~~,KAAK,~~MAAM~~,~~CAAA~~,~~KAAA~~,~~CAAA;AAAA~~,~~GAC1B,~~mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACP,EAAA,EAAA,IAAA,CAAK,IAAI,CACR,GAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAK,GAAI,CAAA,GAAA;AAAA,MACT,OAAQ,EAAA,UAAA;AAAA,MACR,MAAQ,kBAAA,KAAA,CAAA,aAAA,CAAC,MAAQ,EAAA,IAAA,EAAA,GAAA,CAAI,cAAe,CAAA;AAAA,MACpC,OAAO,GAAI,CAAA,GAAA;AAAA,MACX,SAAU,EAAA,uBAAA;AAAA,MACV,SAAU,EAAA,GAAA;AAAA,MACV,SAAS,EAAA,IAAA;AAAA,MACT,MAAM,QAAS,CAAA,EAAE,GAAK,EAAA,GAAA,CAAI,KAAK,CAAA;AAAA,KAAA;AAAA,GAElC,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsContainer.esm.js","sources":["../../../src/components/TagPage/TagsContainer.tsx"],"sourcesContent":["import {\n Avatar,\n Chip,\n Grid,\n IconButton,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useTranslation } from '../../utils/hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const TagsContainer = () => {\n const [searchQuery, setSearchQuery] = React.useState('');\n const tagRoute = useRouteRef(tagRouteRef);\n const { t } = useTranslation();\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getTags(), []);\n\n if (loading) {\n return <Progress />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('tagPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n const filterData = (query: string, data: TagResponse[]) => {\n if (!query) {\n return data;\n }\n return data.filter(tag => tag.tag.toLowerCase().includes(query));\n };\n\n const tags = filterData(searchQuery, response);\n\n return (\n <Grid container className=\"qetaTagsContainer\">\n <Grid item xs={12}>\n <TextField\n id=\"search-bar\"\n className=\"text qetaTagsContainerSearchInput\"\n onChange={(\n event: React.ChangeEvent<HTMLTextAreaElement \| HTMLInputElement>,\n ) => setSearchQuery(event.target.value)}\n label={t('tagPage.search.label')}\n variant=\"outlined\"\n placeholder={t('tagPage.search.placeholder')}\n size=\"small\"\n />\n <IconButton type=\"submit\" aria-label=\"search\" />\n </Grid>\n <Grid item xs={12}>\n <Typography variant=\"h6\" className=\"qetaTagsContainerTitle\">\n {t('tagPage.tags', { count: tags.length })}\n </Typography>\n </Grid>\n <Grid item>\n {tags.map(tag => (\n <Chip\n key={tag.tag}\n variant=\"outlined\"\n avatar={<Avatar>{tag.questionsCount}</Avatar>}\n label={tag.tag}\n className=\"qetaTagsContainerChip\"\n component=\"a\"\n clickable\n href={tagRoute({ tag: tag.tag })}\n />\n ))}\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -7,7 +7,7 @@ import { Container, Box, Tab } from '@material-ui/core';
 import { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton.esm.js';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { TabContext, TabList, TabPanel } from '@material-ui/lab';
-import '../../utils/hooks.esm.js';
+import { useTranslation } from '../../utils/hooks.esm.js';
 import 'dompurify';
 import '@backstage/catalog-model';
 import '@backstage/core-plugin-api';
@@ -20,18 +20,33 @@ const UserPage = () => {
   const identity = useParams()["*"] ?? "unknown";
   const presentation = useEntityPresentation(identity);
   const [tab, setTab] = useState("questions");
+  const { t } = useTranslation();
   const [_searchParams, setSearchParams] = useSearchParams();
   const handleChange = (_event, newValue) => {
     setSearchParams({});
     setTab(newValue);
   };
-  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: `${presentation.primaryTitle}` }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(TabList, { onChange: handleChange, "aria-label": "Profile" }, /* @__PURE__ */ React.createElement(Tab, { label: "Questions", value: "questions" }), /* @__PURE__ */ React.createElement(Tab, { label: "Answers", value: "answers" }))), /* @__PURE__ */ React.createElement(TabPanel, { value: "questions" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(ContentHeader, { title: `${presentation.primaryTitle}` }, /* @__PURE__ */ React.createElement(BackToQuestionsButton, null), /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
+    TabList,
+    {
+      onChange: handleChange,
+      "aria-label": t("userPage.profileTab")
+    },
+    /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.questions"), value: "questions" }),
+    /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.answers"), value: "answers" })
+  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "questions" }, /* @__PURE__ */ React.createElement(
     QuestionsContainer,
     {
       author: identity ?? "",
       showNoQuestionsBtn: false
     }
-  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "answers" }, /* @__PURE__ */ React.createElement(AnswersContainer, { author: identity ?? "", title: "Answers" })))));
+  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "answers" }, /* @__PURE__ */ React.createElement(
+    AnswersContainer,
+    {
+      author: identity ?? "",
+      title: t("userPage.answers")
+    }
+  )))));
 };
 export { UserPage };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Box, Container, Tab } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { AnswersContainer } from '../AnswersContainer';\n\nexport const UserPage = () => {\n const identity = useParams()['*'] ?? 'unknown';\n const presentation = useEntityPresentation(identity);\n const [tab, setTab] = useState('questions');\n const [_searchParams, setSearchParams] = useSearchParams();\n\n const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n setSearchParams({});\n setTab(newValue);\n };\n return (\n <Content>\n <Container maxWidth=\"lg\">\n <ContentHeader title={`${presentation.primaryTitle}`}>\n <BackToQuestionsButton />\n <AskQuestionButton />\n </ContentHeader>\n <TabContext value={tab}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <TabList onChange={handleChange} aria-label~~=\"Profile~~\">\n <Tab label~~=\"Questions\"~~ value=\"questions\" />\n <Tab label~~=\"Answers\"~~ value=\"answers\" />\n </TabList>\n </Box>\n <TabPanel value=\"questions\">\n <QuestionsContainer\n author={identity ?? ''}\n showNoQuestionsBtn={false}\n />\n </TabPanel>\n <TabPanel value=\"answers\">\n <AnswersContainer author={identity ?? ''} title~~=\"Answers~~\" />\n </TabPanel>\n </TabContext>\n </Container>\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;~~AAWO~~,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,EAAY,CAAA,GAAG,CAAK,IAAA,SAAA,CAAA;AACrC,EAAM,MAAA,YAAA,GAAe,sBAAsB,QAAQ,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA,CAAA;AAC1C,EAAA,MAAM,CAAC,aAAA,EAAe,eAAe,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEzD,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,eAAA,CAAgB,EAAE,CAAA,CAAA;AAClB,IAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,GACjB,CAAA;AACA,~~EACE~~,~~uBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~OACC~~,EAAA,IAAA,~~kBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~SAAU~~,EAAA,~~EAAA~~,~~QAAA~~,~~EAAS,~~IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAG,EAAA,YAAA,CAAa,YAAY,CAAA,CAAA,EAAA,~~kBAC~~/C,~~KAAA~~,~~CAAA~~,~~aAAA~~,CAAA,~~qBAAA~~,~~EAAA,IAAsB,CACvB,kBAAA,~~KAAA,CAAA,aAAA,~~CAAC~~,~~iBAAkB~~,EAAA,~~IAAA~~,CACrB,~~CACA~~,~~kBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~UAAW~~,EAAA,~~EAAA~~,~~KAAA~~,~~EAAO,~~GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,YAAA,EAAc,~~GAAG~~,~~WAAa,~~EAAA,~~SAAA~~,~~EACvC~~,EAAA,kBAAA,KAAA,CAAA,aAAA,~~CAAC~~,~~OAAQ~~,~~EAAA~~,~~EAAA~~,~~QAAA~~,~~EAAU,YAAc,~~EAAA,YAAA,~~EAAW~~,~~SAC1C~~,~~EAAA~~,~~kBAAA~~,~~KAAA~~,CAAA,~~aAAA~~,~~CAAC~~,GAAI,EAAA,EAAA,KAAA,~~EAAM~~,~~WAAY~~,~~EAAA~~,~~KAAA~~,~~EAAM~~,WAAY,EAAA,CAAA,~~kBACxC~~,~~KAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~GAAA~~,~~EAAA~~,~~EAAI~~,~~KAAM~~,~~EAAA~~,~~SAAA~~,~~EAAU~~,~~KAAM,~~EAAA,~~SAAA~~,~~EAAU~~,~~CACvC~~,~~CACF~~,~~CACA,kBAAA,~~KAAA,CAAA,aAAA,~~CAAC~~,~~QAAS~~,EAAA,~~EAAA~~,~~KAAA~~,~~EAAM,~~WACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,kBAAoB,EAAA,KAAA;AAAA,KAAA;AAAA,GAExB,~~CACA~~,~~kBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~QAAS~~,EAAA,~~EAAA~~,~~KAAA~~,~~EAAM~~,~~6BACb~~,KAAA,CAAA,aAAA,~~CAAA~~,gBAAA,~~EAAA~~,~~EAAiB~~,~~MAAQ~~,EAAA,~~QAAA~~,~~IAAY~~,~~IAAI~~,~~KAAM~~,~~EAAA~~,~~SAAA~~,~~EAAU~~,~~CAC5D~~,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Content, ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Box, Container, Tab } from '@material-ui/core';\nimport { BackToQuestionsButton } from '../Buttons/BackToQuestionsButton';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { AnswersContainer } from '../AnswersContainer';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const UserPage = () => {\n const identity = useParams()['*'] ?? 'unknown';\n const presentation = useEntityPresentation(identity);\n const [tab, setTab] = useState('questions');\n const { t } = useTranslation();\n const [_searchParams, setSearchParams] = useSearchParams();\n\n const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n setSearchParams({});\n setTab(newValue);\n };\n return (\n <Content>\n <Container maxWidth=\"lg\">\n <ContentHeader title={`${presentation.primaryTitle}`}>\n <BackToQuestionsButton />\n <AskQuestionButton />\n </ContentHeader>\n <TabContext value={tab}>\n <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n <TabList\n onChange={handleChange}\n aria-label={t('userPage.profileTab')}\n >\n <Tab label={t('userPage.questions')} value=\"questions\" />\n <Tab label={t('userPage.answers')} value=\"answers\" />\n </TabList>\n </Box>\n <TabPanel value=\"questions\">\n <QuestionsContainer\n author={identity ?? ''}\n showNoQuestionsBtn={false}\n />\n </TabPanel>\n <TabPanel value=\"answers\">\n <AnswersContainer\n author={identity ?? ''}\n title={t('userPage.answers')}\n />\n </TabPanel>\n </TabContext>\n </Container>\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAYO,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,EAAY,CAAA,GAAG,CAAK,IAAA,SAAA,CAAA;AACrC,EAAM,MAAA,YAAA,GAAe,sBAAsB,QAAQ,CAAA,CAAA;AACnD,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,aAAA,EAAe,eAAe,CAAA,GAAI,eAAgB,EAAA,CAAA;AAEzD,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,eAAA,CAAgB,EAAE,CAAA,CAAA;AAClB,IAAA,MAAA,CAAO,QAAQ,CAAA,CAAA;AAAA,GACjB,CAAA;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAG,EAAA,YAAA,CAAa,YAAY,CAAA,CAAA,EAAA,sCAC/C,qBAAsB,EAAA,IAAA,CAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,YAAA,EAAc,CAAG,EAAA,WAAA,EAAa,WACvC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,YAAA;AAAA,MACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,KAAA;AAAA,wCAElC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,oBAAoB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,wCACtD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,kBAAkB,CAAA,EAAG,OAAM,SAAU,EAAA,CAAA;AAAA,GAEvD,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,WACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,kBAAoB,EAAA,KAAA;AAAA,KAAA;AAAA,GAExB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,SACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,KAAA,EAAO,EAAE,kBAAkB,CAAA;AAAA,KAAA;AAAA,GAE/B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { FetchApi, DiscoveryApi } from '@backstage/core-plugin-api';
 import { AnswersResponse, AnswerResponse, QuestionResponse, StatisticResponse, QuestionsResponse, QuestionRequest, TagResponse, EntityResponse, StatisticsRequestParameters, AnswerRequest, AnswerResponseBody, AttachmentResponseBody, Question, Answer } from '@drodil/backstage-plugin-qeta-common';
 import { SvgIconProps } from '@material-ui/core';
+import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
 declare const qetaPlugin: _backstage_core_plugin_api.BackstagePlugin<{
     root: _backstage_core_plugin_api.RouteRef<undefined>;
@@ -221,4 +222,182 @@ declare class QetaClient implements QetaApi {
     private getQueryParameters;
 }
-export { AnswerList, AnswerListItem, AnswersContainer, AskForm, Content, type QetaApi, QetaClient, QetaPage, QuestionTableCard, QuestionsContainer, QuestionsTable, RankingCard, RankingRow, StatisticsPage, TopRankingUsers, TrophyIcon, qetaApiRef, qetaPlugin };
+/** @alpha */
+declare const qetaTranslationRef: _backstage_core_plugin_api_alpha.TranslationRef<"qeta", {
+    readonly "favorite.remove": "Remove this question from favorites";
+    readonly "favorite.add": "Mark this question as favorite";
+    readonly "statistics.errorLoading": "Could not load statistics";
+    readonly "statistics.notAvailable": "Statistics are unavailable";
+    readonly "statistics.ranking": "Ranking Q&A 🏆";
+    readonly "statistics.mostQuestions.title": "Most questions";
+    readonly "statistics.mostQuestions.description": "People who have posted most questions";
+    readonly "statistics.mostAnswers.title": "Most answers";
+    readonly "statistics.mostAnswers.description": "People who have posted most answers";
+    readonly "statistics.topVotedQuestions.title": "Top voted questions";
+    readonly "statistics.topVotedQuestions.description": "People who have the highest rated questions";
+    readonly "statistics.topVotedAnswers.title": "Top voted answers";
+    readonly "statistics.topVotedAnswers.description": "People who have the highest rated answers";
+    readonly "statistics.topVotedCorrectAnswers.title": "Top voted correct answers";
+    readonly "statistics.topVotedCorrectAnswers.description": "People who have the highest rated correct answers";
+    readonly "link.answer": "Copy link to this answer to clipboard";
+    readonly "link.question": "Copy link to this question to clipboard";
+    readonly "link.aria": "Copy link to clipboard";
+    readonly pluginName: "Q&A";
+    readonly "answerList.errorLoading": "Could not load answers";
+    readonly "answerList.noAnswers": "No answers";
+    readonly "answerList.limitSelect": "Answers per page";
+    readonly "common.score": "{{score}} score";
+    readonly "common.anonymousAuthor": "Anonymous";
+    readonly "common.answers_zero": "No answers";
+    readonly "common.answers_one": "{{count}} answer";
+    readonly "common.answers_other": "{{count}} answers";
+    readonly "common.views_zero": "Viewed {{count}} times";
+    readonly "common.views_one": "Viewed {{count}} time";
+    readonly "common.views_other": "Viewed {{count}} times";
+    readonly "common.viewsShort_zero": "0 views";
+    readonly "common.viewsShort_one": "{{count}} view";
+    readonly "common.viewsShort_other": "{{count}} views";
+    readonly "common.questions_zero": "No questions";
+    readonly "common.questions_one": "{{count}} question";
+    readonly "common.questions_other": "{{count}} questions";
+    readonly "answer.questionTitle": "Q: {{question}}";
+    readonly "answer.answeredTime": "answered";
+    readonly "answerContainer.title.answersBy": "Answers by";
+    readonly "answerContainer.title.answersAbout": "Answers about";
+    readonly "answerContainer.title.answersTagged": "Answers tagged with {{tags}}";
+    readonly "answerContainer.search.label": "Search for answers";
+    readonly "answerContainer.search.placeholder": "Search...";
+    readonly "anonymousCheckbox.tooltip": "By enabling this, other users won't be able to see you as an author";
+    readonly "anonymousCheckbox.answerAnonymously": "Answer anonymously";
+    readonly "anonymousCheckbox.askAnonymously": "Ask anonymously";
+    readonly "askForm.errorPosting": "Could not post question";
+    readonly "askForm.titleInput.label": "Title";
+    readonly "askForm.titleInput.helperText": "Write good title for your question that people can understand";
+    readonly "askForm.contentInput.placeholder": "Your question";
+    readonly "askForm.submit.existingQuestion": "Save";
+    readonly "askForm.submit.newQuestion": "Post";
+    readonly "answerForm.errorPosting": "Could not post answer";
+    readonly "answerForm.contentInput.placeholder": "Your answer";
+    readonly "answerForm.submit.existingAnswer": "Save";
+    readonly "answerForm.submit.newAnswer": "Post";
+    readonly "entitiesInput.label": "Entities";
+    readonly "entitiesInput.placeholder": "Type or select entities";
+    readonly "entitiesInput.helperText": "Add up to {{max}} entities this question relates to";
+    readonly "tagsInput.label": "Tags";
+    readonly "tagsInput.placeholder": "Type or select tags";
+    readonly "tagsInput.helperText": "Add up to {{max}} tags to categorize your question";
+    readonly "askPage.title.existingQuestion": "Edit question";
+    readonly "askPage.title.newQuestion": "Ask question";
+    readonly "askPage.title.entityQuestion": "Ask a question about {{entity}}";
+    readonly "askQuestionButton.title": "Ask question";
+    readonly "backToQuestionsButton.title": "Back to questions";
+    readonly "commentList.deleteLink": "delete";
+    readonly "commentSection.input.placeholder": "Your comment";
+    readonly "commentSection.addComment": "Add comment";
+    readonly "commentSection.post": "Post";
+    readonly "deleteModal.title.answer": "Are you sure you want to delete this answer?";
+    readonly "deleteModal.title.question": "Are you sure you want to delete this question?";
+    readonly "deleteModal.errorDeleting": "Failed to delete";
+    readonly "deleteModal.deleteButton": "Delete";
+    readonly "deleteModal.cancelButton": "Cancel";
+    readonly "favoritePage.title": "Your favorite questions";
+    readonly "homePage.title": "All questions";
+    readonly "homePage.moreMenu.statistics": "Statistics";
+    readonly "homePage.moreMenu.tags": "Tags";
+    readonly "homePage.moreMenu.title": "More";
+    readonly "homePage.moreMenu.profile": "Profile";
+    readonly "homePage.moreMenu.favoriteQuestions": "Favorite questions";
+    readonly "homePage.highlights.loadError": "Failed to load questions";
+    readonly "homePage.highlights.hot.title": "Hot questions";
+    readonly "homePage.highlights.hot.noQuestionsLabel": "No questions";
+    readonly "homePage.highlights.unanswered.title": "Unanswered questions";
+    readonly "homePage.highlights.unanswered.noQuestionsLabel": "No unanswered questions";
+    readonly "homePage.highlights.incorrect.title": "Questions without correct answer";
+    readonly "homePage.highlights.incorrect.noQuestionsLabel": "No questions without correct answers";
+    readonly "userLink.anonymous": "Anonymous";
+    readonly "questionPage.errorLoading": "Could not load question";
+    readonly "questionPage.editButton": "Edit";
+    readonly "questionPage.sortAnswers.label": "Sort answers";
+    readonly "questionPage.sortAnswers.default": "Default";
+    readonly "questionPage.sortAnswers.createdDesc": "Created (desc)";
+    readonly "questionPage.sortAnswers.createdAsc": "Created (asc)";
+    readonly "questionPage.sortAnswers.scoreDesc": "Score (desc)";
+    readonly "questionPage.sortAnswers.scoreAsc": "Score (asc)";
+    readonly "questionPage.sortAnswers.commentsDesc": "Comments (desc)";
+    readonly "questionPage.sortAnswers.commentsAsc": "Comments (asc)";
+    readonly "questionPage.sortAnswers.authorDesc": "Author (desc)";
+    readonly "questionPage.sortAnswers.authorAsc": "Author (asc)";
+    readonly "questionPage.sortAnswers.updatedDesc": "Updated (desc)";
+    readonly "questionPage.sortAnswers.updatedAsc": "Updated (asc)";
+    readonly "authorBox.askedAtTime": "asked";
+    readonly "authorBox.postedAtTime": "Posted";
+    readonly "authorBox.updatedAtTime": "Updated";
+    readonly "authorBox.updatedBy": "by";
+    readonly "voteButtons.answer.markCorrect": "Mark this answer correct";
+    readonly "voteButtons.answer.markIncorrect": "Mark this answer incorrect";
+    readonly "voteButtons.answer.marked": "This answer has been marked as correct";
+    readonly "voteButtons.answer.good": "This answer is good";
+    readonly "voteButtons.answer.bad": "This answer is not good";
+    readonly "voteButtons.answer.own": "You cannot vote your own answer";
+    readonly "voteButtons.question.good": "This question is good";
+    readonly "voteButtons.question.bad": "This question is not good";
+    readonly "voteButtons.question.own": "You cannot vote your own question";
+    readonly "datePicker.from": "From date";
+    readonly "datePicker.to": "To date";
+    readonly "datePicker.invalidRange": "Date range invalid, 'To date' should be greater than 'From date'";
+    readonly "datePicker.range.label": "Date range";
+    readonly "datePicker.range.default": "Select";
+    readonly "datePicker.range.last7days": "Last 7 days";
+    readonly "datePicker.range.last30days": "Last 30 days";
+    readonly "datePicker.range.custom": "Custom";
+    readonly "filterPanel.noAnswers.label": "No answers";
+    readonly "filterPanel.filterButton": "Filter";
+    readonly "filterPanel.noCorrectAnswers.label": "No correct answers";
+    readonly "filterPanel.noVotes.label": "No votes";
+    readonly "filterPanel.orderBy.answers": "Answers";
+    readonly "filterPanel.orderBy.label": "Order by";
+    readonly "filterPanel.orderBy.score": "Score";
+    readonly "filterPanel.orderBy.created": "Created";
+    readonly "filterPanel.orderBy.views": "Views";
+    readonly "filterPanel.orderBy.updated": "Updated";
+    readonly "filterPanel.order.label": "Order";
+    readonly "filterPanel.order.desc": "Descending";
+    readonly "filterPanel.order.asc": "Ascending";
+    readonly "filterPanel.filters.tag.label": "Tag";
+    readonly "filterPanel.filters.tag.placeholder": "Type or select tag";
+    readonly "filterPanel.filters.label": "Filters";
+    readonly "filterPanel.filters.entity.label": "Entity";
+    readonly "filterPanel.filters.entity.placeholder": "Type or select entity";
+    readonly "questionList.errorLoading": "Could not load questions";
+    readonly "questionList.questionsPerPage": "Questions per page";
+    readonly "questionsContainer.title.favorite": "Your favorite questions";
+    readonly "questionsContainer.title.questionsBy": "Questions by";
+    readonly "questionsContainer.title.questionsAbout": "Questions about";
+    readonly "questionsContainer.title.questionsTagged": "Questions tagged with {{tags}}";
+    readonly "questionsContainer.search.label": "Search for questions";
+    readonly "questionsContainer.search.placeholder": "Search...";
+    readonly "questionsContainer.noQuestions": "No questions found";
+    readonly "questionsContainer.askOneButton": "Go ahead and ask one!";
+    readonly "questionsTable.errorLoading": "Could not load questions";
+    readonly "questionsTable.latest": "Latest";
+    readonly "questionsTable.mostViewed": "Most viewed";
+    readonly "questionsTable.favorites": "Favorites";
+    readonly "questionsTable.cells.author": "Author";
+    readonly "questionsTable.cells.title": "Title";
+    readonly "questionsTable.cells.asked": "Asked";
+    readonly "questionsTable.cells.updated": "Last updated";
+    readonly "tagPage.errorLoading": "Could not load tags";
+    readonly "tagPage.search.label": "Search tag";
+    readonly "tagPage.search.placeholder": "Search...";
+    readonly "tagPage.taggedWithTitle": "Questions tagged with {{tag}}";
+    readonly "tagPage.defaultTitle": "Tags";
+    readonly "tagPage.tags_zero": "No tags";
+    readonly "tagPage.tags_one": "Showing {{count}} tag";
+    readonly "tagPage.tags_other": "Showing {{count}} tags";
+    readonly "userPage.questions": "Questions";
+    readonly "userPage.answers": "Answers";
+    readonly "userPage.profileTab": "Profile";
+}>;
+declare const qetaTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"qeta">;
+export { AnswerList, AnswerListItem, AnswersContainer, AskForm, Content, type QetaApi, QetaClient, QetaPage, QuestionTableCard, QuestionsContainer, QuestionsTable, RankingCard, RankingRow, StatisticsPage, TopRankingUsers, TrophyIcon, qetaApiRef, qetaPlugin, qetaTranslationRef, qetaTranslations };

package/dist/index.esm.js CHANGED Viewed

@@ -10,4 +10,5 @@ export { RankingCard, RankingRow, TopRankingUsers } from './components/Statistic
 export { TrophyIcon } from './components/Statistics/TrophyIcon.esm.js';
 export { StatisticsPage } from './components/Statistics/StatisticsPage.esm.js';
 export { QetaClient, qetaApiRef } from './api/QetaClient.esm.js';
+export { qetaTranslationRef, qetaTranslations } from './translation.esm.js';
 //# sourceMappingURL=index.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"~~;;;;;;;;;;;~~"}
1	+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}