@drodil/backstage-plugin-qeta 2.15.0 → 3.0.0

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

@@ -1,50 +1,57 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { ContentHeader } from '@backstage/core-components';
 import { useParams } from 'react-router-dom';
-import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
-import { TagsContainer } from './TagsContainer.esm.js';
-import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
-import { useTranslation } from '../../utils/hooks.esm.js';
-import { TagFollowButton } from '../Buttons/TagFollowButton.esm.js';
-import { Grid } from '@material-ui/core';
-import { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList.esm.js';
+import { useTranslation, qetaApiRef, TagFollowButton, AskQuestionButton, WriteArticleButton, MarkdownRenderer, PostsContainer, TagsGrid, FollowedTagsList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
+import { Grid, Card, CardContent, Typography } from '@material-ui/core';
 import Whatshot from '@material-ui/icons/Whatshot';
-import { FollowedTagsList } from '../QetaPage/FollowedTagsList.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
 
 const TagPage = () => {
   const { tag } = useParams();
   const { t } = useTranslation();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(
-    ContentHeader,
-    {
-      title: tag ? t("tagPage.taggedWithTitle", { tag }) : t("tagPage.defaultTitle")
-    },
-    tag && /* @__PURE__ */ React.createElement(TagFollowButton, { tag }),
-    /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 })
-  ), tag ? /* @__PURE__ */ React.createElement(QuestionsContainer, { tags: [tag ?? ""] }) : /* @__PURE__ */ React.createElement(TagsContainer, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
+  const [resp, setResp] = React.useState();
+  const qetaApi = useApi(qetaApiRef);
+  useEffect(() => {
+    if (!tag) {
+      setResp(void 0);
+      return;
+    }
+    qetaApi.getTag(tag).then((res) => {
+      if (res) {
+        setResp(res);
+      }
+    });
+  }, [qetaApi, tag]);
+  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: tag ? `#${tag}` : t("tagPage.defaultTitle") }, tag && /* @__PURE__ */ React.createElement(TagFollowButton, { tag }), /* @__PURE__ */ React.createElement(AskQuestionButton, { tags: tag ? [tag] : void 0 }), /* @__PURE__ */ React.createElement(WriteArticleButton, { tags: tag ? [tag] : void 0 })), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, t("common.posts", {
+    count: resp.postsCount,
+    itemType: "post"
+  }), " \xB7 ", t("common.followers", { count: resp.followerCount })), resp.description && /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: resp.description }))), tag ? /* @__PURE__ */ React.createElement(PostsContainer, { tags: [tag ?? ""] }) : /* @__PURE__ */ React.createElement(TagsGrid, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(
+    PostHighlightList,
     {
       type: "hot",
-      title: t("highlights.hot.title"),
-      noQuestionsLabel: t("highlights.hot.noQuestionsLabel"),
+      title: t("highlights.hotQuestions.title"),
+      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
       icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      options: { tags: [tag ?? ""] }
+      options: { tags: [tag ?? ""] },
+      postType: "question"
     }
   ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
+    PostHighlightList,
     {
       type: "unanswered",
       title: t("highlights.unanswered.title"),
       noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
-      options: { tags: [tag ?? ""] }
+      options: { tags: [tag ?? ""] },
+      postType: "question"
     }
   ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
+    PostHighlightList,
     {
       type: "incorrect",
       title: t("highlights.incorrect.title"),
       noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
-      options: { tags: [tag ?? ""] }
+      options: { tags: [tag ?? ""] },
+      postType: "question"
     }
   )));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React from 'react';\nimport { 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 { useTranslation } from '../../utils/hooks';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { Grid } from '@material-ui/core';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\n\nexport const TagPage = () => {\n  const { tag } = useParams();\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          title={\n            tag\n              ? t('tagPage.taggedWithTitle', { tag })\n              : t('tagPage.defaultTitle')\n          }\n        >\n          {tag && <TagFollowButton tag={tag} />}\n          <AskQuestionButton tags={tag ? [tag] : undefined} />\n        </ContentHeader>\n        {tag ? <QuestionsContainer tags={[tag ?? '']} /> : <TagsContainer />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedTagsList />\n        <QuestionHighlightList\n          type=\"hot\"\n          title={t('highlights.hot.title')}\n          noQuestionsLabel={t('highlights.hot.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n        <QuestionHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAaO,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,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,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,IAG7B,GAAA,oBAAQ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,EAAgB,GAAU,EAAA,CAAA;AAAA,wCAClC,iBAAkB,EAAA,EAAA,IAAA,EAAM,MAAM,CAAC,GAAG,IAAI,KAAW,CAAA,EAAA,CAAA;AAAA,GACpD,EACC,GAAM,mBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,IAAA,EAAM,CAAC,GAAO,IAAA,EAAE,CAAG,EAAA,CAAA,mBAAM,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAc,CACpE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,gBAAA,EAAkB,EAAE,iCAAiC,CAAA;AAAA,MACrD,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,YAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAE/B,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,WAAA;AAAA,MACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,MAC3D,SAAS,EAAE,IAAA,EAAM,CAAC,GAAA,IAAO,EAAE,CAAE,EAAA;AAAA,KAAA;AAAA,GAEjC,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagPage.esm.js","sources":["../../../src/components/TagPage/TagPage.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AskQuestionButton,\n  FollowedTagsList,\n  MarkdownRenderer,\n  PostHighlightList,\n  PostsContainer,\n  qetaApiRef,\n  TagFollowButton,\n  TagsGrid,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TagResponse } from '@drodil/backstage-plugin-qeta-common';\n\nexport const TagPage = () => {\n  const { tag } = useParams();\n  const { t } = useTranslation();\n  const [resp, setResp] = React.useState<undefined | TagResponse>();\n\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (!tag) {\n      setResp(undefined);\n      return;\n    }\n\n    qetaApi.getTag(tag).then(res => {\n      if (res) {\n        setResp(res);\n      }\n    });\n  }, [qetaApi, tag]);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={tag ? `#${tag}` : t('tagPage.defaultTitle')}>\n          {tag && <TagFollowButton tag={tag} />}\n          <AskQuestionButton tags={tag ? [tag] : undefined} />\n          <WriteArticleButton tags={tag ? [tag] : undefined} />\n        </ContentHeader>\n        {resp && (\n          <Card variant=\"outlined\" style={{ marginBottom: '1rem' }}>\n            <CardContent>\n              <Typography variant=\"caption\">\n                {t('common.posts', {\n                  count: resp.postsCount,\n                  itemType: 'post',\n                })}\n                {' · '}\n                {t('common.followers', { count: resp.followerCount })}\n              </Typography>\n              {resp.description && (\n                <MarkdownRenderer content={resp.description} />\n              )}\n            </CardContent>\n          </Card>\n        )}\n        {tag ? <PostsContainer tags={[tag ?? '']} /> : <TagsGrid />}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedTagsList />\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotQuestions.title')}\n          noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ tags: [tag ?? ''] }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"unanswered\"\n          title={t('highlights.unanswered.title')}\n          noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"incorrect\"\n          title={t('highlights.incorrect.title')}\n          noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n          options={{ tags: [tag ?? ''] }}\n          postType=\"question\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,21 +1,10 @@
 import React, { useState } from 'react';
 import { ContentHeader } from '@backstage/core-components';
 import { useParams, useSearchParams } from 'react-router-dom';
-import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
-import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
+import { useTranslation, AskQuestionButton, WriteArticleButton, PostsContainer, PostsGrid, AnswersContainer } from '@drodil/backstage-plugin-qeta-react';
 import { Box, Tab } from '@material-ui/core';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { TabContext, TabList, TabPanel } from '@material-ui/lab';
-import { useTranslation } from '../../utils/hooks.esm.js';
-import 'dompurify';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/core-plugin-api';
-import '@drodil/backstage-plugin-qeta-react';
-import 'react-relative-time';
-import 'lodash';
-import '@backstage/catalog-model';
-import '../QuestionPage/VoteButtons.esm.js';
-import { AnswersContainer } from '../AnswersContainer/AnswersContainer.esm.js';
 import { UserStatsContent } from './UserStatsContent.esm.js';
 
 const UserPage = () => {
@@ -28,7 +17,7 @@ const UserPage = () => {
     setSearchParams({});
     setTab(newValue);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: `${presentation.primaryTitle}` }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: `${presentation.primaryTitle}` }, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null)), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
     TabList,
     {
       onChange: handleChange,
@@ -36,14 +25,16 @@ const UserPage = () => {
     },
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.statistics"), value: "statistics" }),
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.questions"), value: "questions" }),
+    /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.articles"), value: "articles" }),
     /* @__PURE__ */ React.createElement(Tab, { label: t("userPage.answers"), value: "answers" })
   )), /* @__PURE__ */ React.createElement(TabPanel, { value: "statistics" }, /* @__PURE__ */ React.createElement(UserStatsContent, { userRef: identity ?? "" })), /* @__PURE__ */ React.createElement(TabPanel, { value: "questions" }, /* @__PURE__ */ React.createElement(
-    QuestionsContainer,
+    PostsContainer,
     {
       author: identity ?? "",
-      showNoQuestionsBtn: false
+      showNoQuestionsBtn: false,
+      type: "question"
     }
-  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "answers" }, /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "articles" }, /* @__PURE__ */ React.createElement(PostsGrid, { author: identity ?? "", type: "article" })), /* @__PURE__ */ React.createElement(TabPanel, { value: "answers" }, /* @__PURE__ */ React.createElement(
     AnswersContainer,
     {
       author: identity ?? "",

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

@@ -1 +1 @@
-{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { QuestionsContainer } from '../QuestionsContainer';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { Box, Tab } from '@material-ui/core';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { AnswersContainer } from '../AnswersContainer';\nimport { useTranslation } from '../../utils/hooks';\nimport { UserStatsContent } from './UserStatsContent';\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const presentation = useEntityPresentation(identity);\n  const [tab, setTab] = useState('statistics');\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    <>\n      <ContentHeader title={`${presentation.primaryTitle}`}>\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.statistics')} value=\"statistics\" />\n            <Tab label={t('userPage.questions')} value=\"questions\" />\n            <Tab label={t('userPage.answers')} value=\"answers\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\">\n          <UserStatsContent userRef={identity ?? ''} />\n        </TabPanel>\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    </>\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,YAAY,CAAA,CAAA;AAC3C,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,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,EAAG,aAAa,YAAY,CAAA,CAAA,EAAA,kBAC/C,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,CACrB,CAAA,sCACC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,YAAc,EAAA,CAAA,EAAG,WAAa,EAAA,SAAA,EACvC,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,qBAAqB,CAAA,EAAG,OAAM,YAAa,EAAA,CAAA;AAAA,wCACxD,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,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,gCACb,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,QAAA,IAAY,IAAI,CAC7C,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,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserPage.esm.js","sources":["../../../src/components/UserPage/UserPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport {\n  AnswersContainer,\n  AskQuestionButton,\n  PostsContainer,\n  PostsGrid,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { UserStatsContent } from './UserStatsContent';\n\nexport const UserPage = () => {\n  const identity = useParams()['*'] ?? 'unknown';\n  const presentation = useEntityPresentation(identity);\n  const [tab, setTab] = useState('statistics');\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    <>\n      <ContentHeader title={`${presentation.primaryTitle}`}>\n        <AskQuestionButton />\n        <WriteArticleButton />\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.statistics')} value=\"statistics\" />\n            <Tab label={t('userPage.questions')} value=\"questions\" />\n            <Tab label={t('userPage.articles')} value=\"articles\" />\n            <Tab label={t('userPage.answers')} value=\"answers\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"statistics\">\n          <UserStatsContent userRef={identity ?? ''} />\n        </TabPanel>\n        <TabPanel value=\"questions\">\n          <PostsContainer\n            author={identity ?? ''}\n            showNoQuestionsBtn={false}\n            type=\"question\"\n          />\n        </TabPanel>\n        <TabPanel value=\"articles\">\n          <PostsGrid author={identity ?? ''} type=\"article\" />\n        </TabPanel>\n        <TabPanel value=\"answers\">\n          <AnswersContainer\n            author={identity ?? ''}\n            title={t('userPage.answers')}\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,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,YAAY,CAAA,CAAA;AAC3C,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,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,EAAG,YAAa,CAAA,YAAY,CAChD,CAAA,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,IAAA,CAAA,kBAClB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAmB,CACtB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,GAAA,EAAA,kBAChB,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,YAAc,EAAA,CAAA,EAAG,WAAa,EAAA,SAAA,EACvC,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,qBAAqB,CAAA,EAAG,OAAM,YAAa,EAAA,CAAA;AAAA,wCACxD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,oBAAoB,CAAA,EAAG,OAAM,WAAY,EAAA,CAAA;AAAA,wCACtD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,mBAAmB,CAAA,EAAG,OAAM,UAAW,EAAA,CAAA;AAAA,wCACpD,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,kBAAkB,CAAA,EAAG,OAAM,SAAU,EAAA,CAAA;AAAA,GAEvD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,gCACb,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,QAAA,IAAY,IAAI,CAC7C,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,WACd,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAQ,QAAY,IAAA,EAAA;AAAA,MACpB,kBAAoB,EAAA,KAAA;AAAA,MACpB,IAAK,EAAA,UAAA;AAAA,KAAA;AAAA,GAET,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,UAAA,EAAA,sCACb,SAAU,EAAA,EAAA,MAAA,EAAQ,QAAY,IAAA,EAAA,EAAI,MAAK,SAAU,EAAA,CACpD,mBACC,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,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/UserPage/UserStatsContent.esm.js

@@ -1,8 +1,6 @@
-import { useQetaApi } from '../../utils/hooks.esm.js';
+import { useQetaApi, StatsChart, SummaryStatsGrid } from '@drodil/backstage-plugin-qeta-react';
 import React from 'react';
 import { Grid, Card, CardContent } from '@material-ui/core';
-import { StatsChart } from '../Statistics/StatsChart.esm.js';
-import { SummaryStatsGrid } from '../Statistics/SummaryStatsGrid.esm.js';
 
 const UserStatsContent = (props) => {
   const {

package/dist/components/UserPage/UserStatsContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import { useQetaApi } from '../../utils/hooks';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\nimport { StatsChart } from '../Statistics/StatsChart';\nimport { SummaryStatsGrid } from '../Statistics/SummaryStatsGrid';\n\nexport const UserStatsContent = (props: { userRef: string }) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserStats(props.userRef), []);\n  if (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <StatsChart data={response.statistics} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <SummaryStatsGrid stats={response} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA,CAAA;AACzD,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserStatsContent.esm.js","sources":["../../../src/components/UserPage/UserStatsContent.tsx"],"sourcesContent":["import {\n  StatsChart,\n  SummaryStatsGrid,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport { Card, CardContent, Grid } from '@material-ui/core';\n\nexport const UserStatsContent = (props: { userRef: string }) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getUserStats(props.userRef), []);\n  if (loading || error || !response) {\n    return null;\n  }\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            <StatsChart data={response.statistics} />\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        <SummaryStatsGrid stats={response} />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,aAAa,KAAM,CAAA,OAAO,CAAG,EAAA,EAAE,CAAA,CAAA;AACzD,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAA,sCACZ,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,sCACE,UAAW,EAAA,EAAA,IAAA,EAAM,QAAS,CAAA,UAAA,EAAY,CACzC,CACF,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,KAAO,EAAA,QAAA,EAAU,CACrC,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/UsersPage/UsersPage.esm.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { useTranslation, UsersGrid } from '@drodil/backstage-plugin-qeta-react';
+import { ContentHeader } from '@backstage/core-components';
+
+const UsersPage = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("usersPage.title") }), /* @__PURE__ */ React.createElement(UsersGrid, null));
+};
+
+export { UsersPage };
+//# sourceMappingURL=UsersPage.esm.js.map

package/dist/components/UsersPage/UsersPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersPage.esm.js","sources":["../../../src/components/UsersPage/UsersPage.tsx"],"sourcesContent":["import React from 'react';\nimport { UsersGrid, useTranslation } from '@drodil/backstage-plugin-qeta-react';\nimport { ContentHeader } from '@backstage/core-components';\n\nexport const UsersPage = () => {\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <ContentHeader title={t('usersPage.title')} />\n      <UsersGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;AAIO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,CAAE,iBAAiB,CAAG,EAAA,CAAA,kBAC3C,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,IAAU,CACb,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/WritePage/WritePage.esm.js

@@ -0,0 +1,40 @@
+import React from 'react';
+import { useParams, useSearchParams } from 'react-router-dom';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+import { useTranslation, PostForm } from '@drodil/backstage-plugin-qeta-react';
+import { useEntityPresentation } from '@backstage/plugin-catalog-react';
+import { ContentHeader, InfoCard } from '@backstage/core-components';
+import { Grid } from '@material-ui/core';
+
+const WritePage = () => {
+  const { id } = useParams();
+  const [searchParams] = useSearchParams();
+  const entity = searchParams.get("entity") ?? void 0;
+  const entityPage = searchParams.get("entityPage") === "true";
+  const tags = filterTags(searchParams.get("tags"));
+  const { t } = useTranslation();
+  let title;
+  if (id) {
+    title = t("writePage.title.existingArticle");
+  } else if (entity) {
+    const representation = useEntityPresentation(entity);
+    title = t("writePage.title.entityArticle", {
+      entity: representation.primaryTitle
+    });
+  } else {
+    title = t("writePage.title.newArticle");
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3, direction: "column" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
+    PostForm,
+    {
+      id,
+      entity,
+      entityPage,
+      tags,
+      type: "article"
+    }
+  )))));
+};
+
+export { WritePage };
+//# sourceMappingURL=WritePage.esm.js.map

package/dist/components/WritePage/WritePage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WritePage.esm.js","sources":["../../../src/components/WritePage/WritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { PostForm, useTranslation } from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\n\nexport const WritePage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslation();\n  let title;\n  if (id) {\n    title = t('writePage.title.existingArticle');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('writePage.title.entityArticle', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('writePage.title.newArticle');\n  }\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"article\"\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA,CAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAI,IAAA,KAAA,CAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,iCAAiC,CAAA,CAAA;AAAA,aAClC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,+BAAiC,EAAA;AAAA,MACzC,QAAQ,cAAe,CAAA,YAAA;AAAA,KACxB,CAAA,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,4BAA4B,CAAA,CAAA;AAAA,GACxC;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAc,CAC7B,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAA,sCACP,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,MACA,IAAA;AAAA,MACA,IAAK,EAAA,SAAA;AAAA,KAAA;AAAA,GAET,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}