@drodil/backstage-plugin-qeta 3.24.5 → 3.25.0

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  EntitiesGrid,\n  EntityFollowButton,\n  FollowedEntitiesList,\n  PostHighlightList,\n  PostsContainer,\n  qetaApiRef,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslation();\n  const [resp, setResp] = React.useState<undefined | EntityResponse>();\n\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (!entityRef) {\n      setResp(undefined);\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  let shownTitle: string = t('entitiesPage.defaultTitle');\n  let link = undefined;\n  if (entityRef) {\n    shownTitle = t(`postsContainer.title.about`, { itemType: 'Post' });\n    link = <EntityRefLink entityRef={entityRef} />;\n  }\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          titleComponent={\n            <Typography variant=\"h5\" component=\"h2\">\n              {shownTitle} {link}\n            </Typography>\n          }\n        >\n          <ButtonContainer>\n            {entityRef && <EntityFollowButton entityRef={entityRef} />}\n            <AskQuestionButton entity={entityRef} />\n            <WriteArticleButton entity={entityRef} />\n          </ButtonContainer>\n        </ContentHeader>\n        {resp && (\n          <Card variant=\"outlined\" style={{ marginBottom: '1em' }}>\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            </CardContent>\n          </Card>\n        )}\n        {entityRef ? (\n          <PostsContainer\n            entity={entityRef}\n            filterPanelProps={{ showEntityFilter: false }}\n          />\n        ) : (\n          <EntitiesGrid />\n        )}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedEntitiesList />\n        {resp && (\n          <>\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotQuestions.title')}\n              noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"unanswered\"\n              title={t('highlights.unanswered.title')}\n              noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"incorrect\"\n              title={t('highlights.incorrect.title')}\n              noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n          </>\n        )}\n        {!resp && (\n          <>\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotQuestions.title')}\n              noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotArticles.title')}\n              noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              postType=\"article\"\n            />\n          </>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAqBO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,SAAU,EAAA;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,MAAM,QAAqC,EAAA;AAEnE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAW,EAAA;AACd,MAAA,OAAA,CAAQ,KAAS,CAAA,CAAA;AACjB,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,SAAU,CAAA,SAAS,CAAE,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACvC,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,OAAA,CAAQ,GAAG,CAAA;AAAA;AACb,KACD,CAAA;AAAA,GACA,EAAA,CAAC,OAAS,EAAA,SAAS,CAAC,CAAA;AAEvB,EAAI,IAAA,UAAA,GAAqB,EAAE,2BAA2B,CAAA;AACtD,EAAA,IAAI,IAAO,GAAA,KAAA,CAAA;AACX,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,UAAA,GAAa,CAAE,CAAA,CAAA,0BAAA,CAAA,EAA8B,EAAE,QAAA,EAAU,QAAQ,CAAA;AACjE,IAAO,IAAA,mBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,SAAsB,EAAA,CAAA;AAAA;AAG9C,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,cAAA,sCACG,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAU,EAAA,IAAA,EAAA,EAChC,UAAW,EAAA,GAAA,EAAE,IAChB;AAAA,KAAA;AAAA,wCAGD,eACE,EAAA,IAAA,EAAA,SAAA,oBAAc,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,WAAsB,CACxD,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,MAAA,EAAQ,WAAW,CACtC,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,EAAA,MAAA,EAAQ,WAAW,CACzC;AAAA,KAED,IACC,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,OAAQ,EAAA,UAAA,EAAW,OAAO,EAAE,YAAA,EAAc,KAAM,EAAA,EAAA,sCACnD,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAA,EACjB,EAAE,cAAgB,EAAA;AAAA,IACjB,OAAO,IAAK,CAAA,UAAA;AAAA,IACZ,QAAU,EAAA;AAAA,GACX,CAAA,EACA,QACA,EAAA,CAAA,CAAE,oBAAoB,EAAE,KAAA,EAAO,IAAK,CAAA,aAAA,EAAe,CACtD,CACF,CACF,GAED,SACC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,SAAA;AAAA,MACR,gBAAA,EAAkB,EAAE,gBAAA,EAAkB,KAAM;AAAA;AAAA,sBAG7C,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAa,CAElB,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EAAA,sCACnB,oBAAqB,EAAA,IAAA,CAAA,EACrB,wBAEG,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,MAC9D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,SAAS,EAAE,QAAA,EAAU,CAAC,IAAA,CAAK,SAAS,CAAE,EAAA;AAAA,MACtC,QAAS,EAAA;AAAA;AAAA,GAEX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;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,QAAA,EAAU,CAAC,IAAA,CAAK,SAAS,CAAE,EAAA;AAAA,MACtC,QAAS,EAAA;AAAA;AAAA,GAEX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;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,QAAA,EAAU,CAAC,IAAA,CAAK,SAAS,CAAE,EAAA;AAAA,MACtC,QAAS,EAAA;AAAA;AAAA,GAEb,CAAA,EAED,CAAC,IAAA,oBAEE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,MAC9D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,QAAS,EAAA;AAAA;AAAA,GAEX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,QAAS,EAAA;AAAA;AAAA,GAEb,CAEJ,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport { useParams } from 'react-router-dom';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  EntitiesGrid,\n  EntityFollowButton,\n  FollowedEntitiesList,\n  PostHighlightList,\n  PostsContainer,\n  qetaApiRef,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslation();\n  const [resp, setResp] = useState<undefined | EntityResponse>();\n\n  const qetaApi = useApi(qetaApiRef);\n\n  useEffect(() => {\n    if (!entityRef) {\n      setResp(undefined);\n      return;\n    }\n\n    qetaApi.getEntity(entityRef).then(res => {\n      if (res) {\n        setResp(res);\n      }\n    });\n  }, [qetaApi, entityRef]);\n\n  let shownTitle: string = t('entitiesPage.defaultTitle');\n  let link = undefined;\n  if (entityRef) {\n    shownTitle = t(`postsContainer.title.about`, { itemType: 'Post' });\n    link = <EntityRefLink entityRef={entityRef} />;\n  }\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader\n          titleComponent={\n            <Typography variant=\"h5\" component=\"h2\">\n              {shownTitle} {link}\n            </Typography>\n          }\n        >\n          <ButtonContainer>\n            {entityRef && <EntityFollowButton entityRef={entityRef} />}\n            <AskQuestionButton entity={entityRef} />\n            <WriteArticleButton entity={entityRef} />\n          </ButtonContainer>\n        </ContentHeader>\n        {resp && (\n          <Card variant=\"outlined\" style={{ marginBottom: '1em' }}>\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            </CardContent>\n          </Card>\n        )}\n        {entityRef ? (\n          <PostsContainer\n            entity={entityRef}\n            filterPanelProps={{ showEntityFilter: false }}\n          />\n        ) : (\n          <EntitiesGrid />\n        )}\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedEntitiesList />\n        {resp && (\n          <>\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotQuestions.title')}\n              noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"unanswered\"\n              title={t('highlights.unanswered.title')}\n              noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"incorrect\"\n              title={t('highlights.incorrect.title')}\n              noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n              options={{ entities: [resp.entityRef] }}\n              postType=\"question\"\n            />\n          </>\n        )}\n        {!resp && (\n          <>\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotQuestions.title')}\n              noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              postType=\"question\"\n            />\n            <PostHighlightList\n              type=\"hot\"\n              title={t('highlights.hotArticles.title')}\n              noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n              postType=\"article\"\n            />\n          </>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FavoritePage/FavoritePage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ContentHeader } from '@backstage/core-components';
 import { useTranslation, ButtonContainer, AskQuestionButton, WriteArticleButton, PostsContainer, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
 import Whatshot from '@material-ui/icons/Whatshot';
@@ -6,27 +6,39 @@ import { Grid } from '@material-ui/core';
 
 const FavoritePage = () => {
   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: t("favoritePage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(PostsContainer, { favorite: true, showNoQuestionsBtn: false })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "hot",
-      title: t("highlights.hotQuestions.title"),
-      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      options: { favorite: true },
-      postType: "question"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "hot",
-      title: t("highlights.hotArticles.title"),
-      noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      options: { favorite: true },
-      postType: "article"
-    }
-  )));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, lg: 9, xl: 10, children: [
+      /* @__PURE__ */ jsx(ContentHeader, { title: t("favoritePage.title"), children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
+        /* @__PURE__ */ jsx(AskQuestionButton, {}),
+        /* @__PURE__ */ jsx(WriteArticleButton, {})
+      ] }) }),
+      /* @__PURE__ */ jsx(PostsContainer, { favorite: true, showNoQuestionsBtn: false })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "hot",
+          title: t("highlights.hotQuestions.title"),
+          noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          options: { favorite: true },
+          postType: "question"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "hot",
+          title: t("highlights.hotArticles.title"),
+          noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          options: { favorite: true },
+          postType: "article"
+        }
+      )
+    ] })
+  ] });
 };
 
 export { FavoritePage };

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  PostHighlightList,\n  PostsContainer,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <PostsContainer favorite showNoQuestionsBtn={false} />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotQuestions.title')}\n          noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotArticles.title')}\n          noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"article\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,EAAA,EAAA,sCAC3B,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,oBAAoB,CAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uCACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAkB,mBAClB,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAmB,CACtB,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,EAAA,IAAA,EAAC,oBAAoB,KAAO,EAAA,CACtD,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,MAC9D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,MAC1B,QAAS,EAAA;AAAA;AAAA,GAEX,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,MAC5D,IAAM,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,MACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,MAC1B,QAAS,EAAA;AAAA;AAAA,GAEb,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  PostHighlightList,\n  PostsContainer,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslation();\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('favoritePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <PostsContainer favorite showNoQuestionsBtn={false} />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotQuestions.title')}\n          noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"question\"\n        />\n        <PostHighlightList\n          type=\"hot\"\n          title={t('highlights.hotArticles.title')}\n          noQuestionsLabel={t('highlights.hotArticles.noArticlesLabel')}\n          icon={<Whatshot fontSize=\"small\" />}\n          options={{ favorite: true }}\n          postType=\"article\"\n        />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAYO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,oBAAoB,CAAA,EAC1C,+BAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,4BAClB,kBAAmB,EAAA,EAAA;AAAA,OAAA,EACtB,CACF,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,cAAA,EAAA,EAAe,QAAQ,EAAA,IAAA,EAAC,oBAAoB,KAAO,EAAA;AAAA,KACtD,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,UACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,UACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,UAC1B,QAAS,EAAA;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,UACvC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,UAC5D,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,UACjC,OAAA,EAAS,EAAE,QAAA,EAAU,IAAK,EAAA;AAAA,UAC1B,QAAS,EAAA;AAAA;AAAA;AACX,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePage/HomePage.esm.js

@@ -1,6 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { ContentHeader } from '@backstage/core-components';
 import { useTranslation, useIdentityApi, ButtonContainer, AskQuestionButton, WriteArticleButton, SuggestionsCard, PostsCard, ImpactCard, FollowedTagsList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
-import React from 'react';
 import { Grid } from '@material-ui/core';
 
 const HomePage = () => {
@@ -10,21 +10,39 @@ const HomePage = () => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  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: t("homePage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(AskQuestionButton, null), /* @__PURE__ */ React.createElement(WriteArticleButton, null))), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(SuggestionsCard, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    PostsCard,
-    {
-      title: t("highlights.unanswered.title"),
-      options: { noAnswers: true, random: true, type: "question" },
-      postType: "question"
-    }
-  )), user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    PostsCard,
-    {
-      title: t("highlights.own.title"),
-      options: { author: user.userEntityRef },
-      postType: "question"
-    }
-  )))), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(ImpactCard, null), /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(FollowedEntitiesList, null), /* @__PURE__ */ React.createElement(FollowedCollectionsList, null)));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, md: 12, lg: 9, xl: 10, children: [
+      /* @__PURE__ */ jsx(ContentHeader, { title: t("homePage.title"), children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
+        /* @__PURE__ */ jsx(AskQuestionButton, {}),
+        /* @__PURE__ */ jsx(WriteArticleButton, {})
+      ] }) }),
+      /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(SuggestionsCard, {}) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          PostsCard,
+          {
+            title: t("highlights.unanswered.title"),
+            options: { noAnswers: true, random: true, type: "question" },
+            postType: "question"
+          }
+        ) }),
+        user && !loadingUser && !userError && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+          PostsCard,
+          {
+            title: t("highlights.own.title"),
+            options: { author: user.userEntityRef },
+            postType: "question"
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
+      /* @__PURE__ */ jsx(ImpactCard, {}),
+      /* @__PURE__ */ jsx(FollowedTagsList, {}),
+      /* @__PURE__ */ jsx(FollowedEntitiesList, {}),
+      /* @__PURE__ */ jsx(FollowedCollectionsList, {})
+    ] })
+  ] });
 };
 
 export { HomePage };

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  ImpactCard,\n  PostsCard,\n  SuggestionsCard,\n  useIdentityApi,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport React from 'react';\nimport { Grid } from '@material-ui/core';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <Grid container>\n          <Grid item xs={12}>\n            <SuggestionsCard />\n          </Grid>\n          <Grid item xs={12}>\n            <PostsCard\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: true, random: true, type: 'question' }}\n              postType=\"question\"\n            />\n          </Grid>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <PostsCard\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n                postType=\"question\"\n              />\n            </Grid>\n          )}\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n        <FollowedCollectionsList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAiBO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,EAAA,EAAA,kBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,gBAAgB,CACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAkB,CACnB,kBAAA,KAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,IAAA,CACtB,CACF,CAAA,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,CACnB,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,MAC3D,QAAS,EAAA;AAAA;AAAA,GAEb,CAAA,EACC,IAAQ,IAAA,CAAC,WAAe,IAAA,CAAC,SACxB,oBAAA,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,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,MACtC,QAAS,EAAA;AAAA;AAAA,GAEb,CAEJ,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAAA,sCACnB,UAAW,EAAA,IAAA,CAAA,kBACX,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,CAClB,kBAAA,KAAA,CAAA,aAAA,CAAC,0BAAqB,CACtB,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  AskQuestionButton,\n  ButtonContainer,\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  ImpactCard,\n  PostsCard,\n  SuggestionsCard,\n  useIdentityApi,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <ButtonContainer>\n            <AskQuestionButton />\n            <WriteArticleButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <Grid container>\n          <Grid item xs={12}>\n            <SuggestionsCard />\n          </Grid>\n          <Grid item xs={12}>\n            <PostsCard\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: true, random: true, type: 'question' }}\n              postType=\"question\"\n            />\n          </Grid>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <PostsCard\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n                postType=\"question\"\n              />\n            </Grid>\n          )}\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <ImpactCard />\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n        <FollowedCollectionsList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgBO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA;AAExD,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,IAAI,EAC5B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,iBAAc,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EACtC,+BAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,4BAClB,kBAAmB,EAAA,EAAA;AAAA,OAAA,EACtB,CACF,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA,CAAC,mBAAgB,CACnB,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,YACtC,SAAS,EAAE,SAAA,EAAW,MAAM,MAAQ,EAAA,IAAA,EAAM,MAAM,UAAW,EAAA;AAAA,YAC3D,QAAS,EAAA;AAAA;AAAA,SAEb,EAAA,CAAA;AAAA,QACC,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SAAA,wBACvB,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,YAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,YACtC,QAAS,EAAA;AAAA;AAAA,SAEb,EAAA;AAAA,OAEJ,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,IAAI,CACpB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,0BACX,gBAAiB,EAAA,EAAA,CAAA;AAAA,0BACjB,oBAAqB,EAAA,EAAA,CAAA;AAAA,0BACrB,uBAAwB,EAAA,EAAA;AAAA,KAC3B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ModeratorPage/ModeratorPage.esm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { useIsModerator, useTranslation, TemplateList } from '@drodil/backstage-plugin-qeta-react';
 import { Box, Tab } from '@material-ui/core';
 import { ContentHeader } from '@backstage/core-components';
@@ -14,14 +15,23 @@ const ModeratorPage = () => {
   const handleChange = (_event, newValue) => {
     setTab(newValue);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("moderatorPage.title") }), /* @__PURE__ */ React.createElement(TabContext, { value: tab }, /* @__PURE__ */ React.createElement(Box, { sx: { borderBottom: 1, borderColor: "divider" } }, /* @__PURE__ */ React.createElement(
-    TabList,
-    {
-      onChange: handleChange,
-      "aria-label": t("moderatorPage.tools")
-    },
-    /* @__PURE__ */ React.createElement(Tab, { label: t("moderatorPage.templates"), value: "templates" })
-  )), /* @__PURE__ */ React.createElement(TabPanel, { value: "templates" }, /* @__PURE__ */ React.createElement(Alert, { severity: "info" }, t("moderatorPage.templatesInfo")), /* @__PURE__ */ React.createElement(TemplateList, null))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title: t("moderatorPage.title") }),
+    /* @__PURE__ */ jsxs(TabContext, { value: tab, children: [
+      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsx(
+        TabList,
+        {
+          onChange: handleChange,
+          "aria-label": t("moderatorPage.tools"),
+          children: /* @__PURE__ */ jsx(Tab, { label: t("moderatorPage.templates"), value: "templates" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(TabPanel, { value: "templates", children: [
+        /* @__PURE__ */ jsx(Alert, { severity: "info", children: t("moderatorPage.templatesInfo") }),
+        /* @__PURE__ */ jsx(TemplateList, {})
+      ] })
+    ] })
+  ] });
 };
 
 export { ModeratorPage };

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

@@ -1 +1 @@
-{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  TemplateList,\n  useIsModerator,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { ContentHeader } from '@backstage/core-components';\nimport { Alert, TabContext, TabList, TabPanel } from '@material-ui/lab';\n\nexport const ModeratorPage = () => {\n  const { isModerator } = useIsModerator();\n  const [tab, setTab] = useState('templates');\n  const { t } = useTranslation();\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const handleChange = (_event: React.ChangeEvent<{}>, newValue: string) => {\n    setTab(newValue);\n  };\n\n  return (\n    <>\n      <ContentHeader title={t('moderatorPage.title')} />\n      <TabContext value={tab}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('moderatorPage.tools')}\n          >\n            <Tab label={t('moderatorPage.templates')} value=\"templates\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"templates\">\n          <Alert severity=\"info\">{t('moderatorPage.templatesInfo')}</Alert>\n          <TemplateList />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAUO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAA+B,QAAqB,KAAA;AACxE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,aAAc,EAAA,EAAA,KAAA,EAAO,EAAE,qBAAqB,CAAA,EAAG,mBAC/C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,GACjB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,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;AAAA,KAAA;AAAA,wCAElC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,yBAAyB,CAAA,EAAG,OAAM,WAAY,EAAA;AAAA,GAEhE,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,YAAS,KAAM,EAAA,WAAA,EAAA,sCACb,KAAM,EAAA,EAAA,QAAA,EAAS,MAAQ,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAAE,CAAA,sCACxD,YAAa,EAAA,IAAA,CAChB,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport {\n  TemplateList,\n  useIsModerator,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { ContentHeader } from '@backstage/core-components';\nimport { Alert, TabContext, TabList, TabPanel } from '@material-ui/lab';\n\nexport const ModeratorPage = () => {\n  const { isModerator } = useIsModerator();\n  const [tab, setTab] = useState('templates');\n  const { t } = useTranslation();\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n    setTab(newValue);\n  };\n\n  return (\n    <>\n      <ContentHeader title={t('moderatorPage.title')} />\n      <TabContext value={tab}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('moderatorPage.tools')}\n          >\n            <Tab label={t('moderatorPage.templates')} value=\"templates\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"templates\">\n          <Alert severity=\"info\">{t('moderatorPage.templatesInfo')}</Alert>\n          <TemplateList />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAUO,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,cAAe,EAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,CAAC,WAAa,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAyB,QAAqB,KAAA;AAClE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,GACjB;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,qBAAqB,CAAG,EAAA,CAAA;AAAA,oBAChD,IAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,GACjB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAI,EAAA,EAAE,cAAc,CAAG,EAAA,WAAA,EAAa,WACvC,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,YAAA;AAAA,UACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,UAEnC,8BAAC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,yBAAyB,CAAA,EAAG,OAAM,WAAY,EAAA;AAAA;AAAA,OAEhE,EAAA,CAAA;AAAA,sBACA,IAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,WACd,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAS,MAAQ,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAE,EAAA,CAAA;AAAA,4BACxD,YAAa,EAAA,EAAA;AAAA,OAChB,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostsTableCard/Content.esm.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { PostsTable } from '@drodil/backstage-plugin-qeta-react';
 
 const Content = (props) => {
-  return /* @__PURE__ */ React.createElement(PostsTable, { hideTitle: true, ...props });
+  return /* @__PURE__ */ jsx(PostsTable, { hideTitle: true, ...props });
 };
 
 export { Content };

package/dist/components/PostsTableCard/Content.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.esm.js","sources":["../../../src/components/PostsTableCard/Content.tsx"],"sourcesContent":["import React from 'react';\nimport { PostsTable } from '@drodil/backstage-plugin-qeta-react';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\n\nexport const Content = (props: {\n  rowsPerPage?: number;\n  quickFilter?: 'latest' | 'favorites' | 'most_viewed';\n  postType?: PostType;\n}) => {\n  return <PostsTable hideTitle {...props} />;\n};\n"],"names":[],"mappings":";;;AAIa,MAAA,OAAA,GAAU,CAAC,KAIlB,KAAA;AACJ,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA,CAAA;AAC1C;;;;"}
+{"version":3,"file":"Content.esm.js","sources":["../../../src/components/PostsTableCard/Content.tsx"],"sourcesContent":["import { PostsTable } from '@drodil/backstage-plugin-qeta-react';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\n\nexport const Content = (props: {\n  rowsPerPage?: number;\n  quickFilter?: 'latest' | 'favorites' | 'most_viewed';\n  postType?: PostType;\n}) => {\n  return <PostsTable hideTitle {...props} />;\n};\n"],"names":[],"mappings":";;;AAGa,MAAA,OAAA,GAAU,CAAC,KAIlB,KAAA;AACJ,EAAA,uBAAQ,GAAA,CAAA,UAAA,EAAA,EAAW,SAAS,EAAA,IAAA,EAAE,GAAG,KAAO,EAAA,CAAA;AAC1C;;;;"}

package/dist/components/QetaPage/QetaPage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Page, Header, Content } from '@backstage/core-components';
 import { Routes, Route } from 'react-router-dom';
 import { AskPage } from '../AskPage/AskPage.esm.js';
@@ -32,92 +32,127 @@ const QetaPage = (props) => {
     headerTypeLink,
     introElement
   } = props ?? {};
-  return /* @__PURE__ */ React.createElement(Page, { themeId }, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      title,
-      subtitle,
-      type: headerType,
-      typeLink: headerTypeLink,
-      tooltip: headerTooltip
-    },
-    headerElements
-  ), /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, introElement, /* @__PURE__ */ React.createElement(Container, { maxWidth: "xl" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 1, lg: 2, style: { padding: 0 } }, /* @__PURE__ */ React.createElement(Box, { display: { md: "block", lg: "none" } }, /* @__PURE__ */ React.createElement(LeftMenuButton, null)), /* @__PURE__ */ React.createElement(Box, { display: { xs: "none", md: "block" } }, /* @__PURE__ */ React.createElement(LeftMenu, null))), /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      md: 12,
-      lg: 10,
-      style: { paddingLeft: "0", paddingRight: "0" }
-    },
-    /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(HomePage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
+  return /* @__PURE__ */ jsxs(Page, { themeId, children: [
+    /* @__PURE__ */ jsx(
+      Header,
       {
-        path: questionsRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(QuestionsPage, null)
+        title,
+        subtitle,
+        type: headerType,
+        typeLink: headerTypeLink,
+        tooltip: headerTooltip,
+        children: headerElements
       }
-    ), /* @__PURE__ */ React.createElement(Route, { path: askRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: articlesRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(ArticlesPage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ React.createElement(WritePage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: favoriteQuestionsRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(FavoritePage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: editArticleRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(WritePage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: questionRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(QuestionPage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(Route, { path: articleRouteRef.path, element: /* @__PURE__ */ React.createElement(ArticlePage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ React.createElement(UsersPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: userRouteRef.path, element: /* @__PURE__ */ React.createElement(UserPage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: statisticsRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(StatisticsPage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: collectionsRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(CollectionsPage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: collectionCreateRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: collectionEditRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(CollectionCreatePage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: collectionRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(CollectionPage, null)
-      }
-    ), /* @__PURE__ */ React.createElement(Route, { path: entitiesRouteRef.path, element: /* @__PURE__ */ React.createElement(EntityPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ React.createElement(EntityPage, null) }), /* @__PURE__ */ React.createElement(
-      Route,
-      {
-        path: moderatorRouteRef.path,
-        element: /* @__PURE__ */ React.createElement(ModeratorPage, null)
-      }
-    ))
-  )))));
+    ),
+    /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
+      introElement,
+      /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, justifyContent: "flex-start", children: [
+        /* @__PURE__ */ jsxs(Grid, { item: true, md: 1, lg: 2, style: { padding: 0 }, children: [
+          /* @__PURE__ */ jsx(Box, { display: { md: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
+          /* @__PURE__ */ jsx(Box, { display: { xs: "none", md: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Grid,
+          {
+            item: true,
+            md: 12,
+            lg: 10,
+            style: { paddingLeft: "0", paddingRight: "0" },
+            children: /* @__PURE__ */ jsxs(Routes, { children: [
+              /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: questionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(QuestionsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: articlesRouteRef.path,
+                  element: /* @__PURE__ */ jsx(ArticlesPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: favoriteQuestionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(FavoritePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: editArticleRouteRef.path,
+                  element: /* @__PURE__ */ jsx(WritePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: questionRouteRef.path,
+                  element: /* @__PURE__ */ jsx(QuestionPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: articleRouteRef.path, element: /* @__PURE__ */ jsx(ArticlePage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: statisticsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(StatisticsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionsPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionCreateRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionEditRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: collectionRouteRef.path,
+                  element: /* @__PURE__ */ jsx(CollectionPage, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(Route, { path: entitiesRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
+              /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: moderatorRouteRef.path,
+                  element: /* @__PURE__ */ jsx(ModeratorPage, {})
+                }
+              )
+            ] })
+          }
+        )
+      ] }) })
+    ] })
+  ] });
 };
 
 export { QetaPage };

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

@@ -1 +1 @@
-{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  editArticleRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  moderatorRouteRef,\n  questionRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { Box, Container, Grid } from '@material-ui/core';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n};\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n  } = props ?? {};\n\n  return (\n    <Page themeId={themeId}>\n      <Header\n        title={title}\n        subtitle={subtitle}\n        type={headerType}\n        typeLink={headerTypeLink}\n        tooltip={headerTooltip}\n      >\n        {headerElements}\n      </Header>\n      <Content className=\"qetaHomePage\">\n        {introElement}\n        <Container maxWidth=\"xl\">\n          <Grid container spacing={4} justifyContent=\"flex-start\">\n            <Grid item md={1} lg={2} style={{ padding: 0 }}>\n              <Box display={{ md: 'block', lg: 'none' }}>\n                <LeftMenuButton />\n              </Box>\n              <Box display={{ xs: 'none', md: 'block' }}>\n                <LeftMenu />\n              </Box>\n            </Grid>\n            <Grid\n              item\n              md={12}\n              lg={10}\n              style={{ paddingLeft: '0', paddingRight: '0' }}\n            >\n              <Routes>\n                <Route path=\"/\" element={<HomePage />} />\n                <Route\n                  path={questionsRouteRef.path}\n                  element={<QuestionsPage />}\n                />\n                <Route path={askRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={articlesRouteRef.path}\n                  element={<ArticlesPage />}\n                />\n                <Route path={writeRouteRef.path} element={<WritePage />} />\n                <Route\n                  path={favoriteQuestionsRouteRef.path}\n                  element={<FavoritePage />}\n                />\n                <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={editArticleRouteRef.path}\n                  element={<WritePage />}\n                />\n                <Route\n                  path={questionRouteRef.path}\n                  element={<QuestionPage />}\n                />\n                <Route path={articleRouteRef.path} element={<ArticlePage />} />\n                <Route path={tagsRouteRef.path} element={<TagPage />} />\n                <Route path={tagRouteRef.path} element={<TagPage />} />\n                <Route path={usersRouteRef.path} element={<UsersPage />} />\n                <Route path={userRouteRef.path} element={<UserPage />} />\n                <Route\n                  path={statisticsRouteRef.path}\n                  element={<StatisticsPage />}\n                />\n                <Route\n                  path={collectionsRouteRef.path}\n                  element={<CollectionsPage />}\n                />\n                <Route\n                  path={collectionCreateRouteRef.path}\n                  element={<CollectionCreatePage />}\n                />\n                <Route\n                  path={collectionEditRouteRef.path}\n                  element={<CollectionCreatePage />}\n                />\n                <Route\n                  path={collectionRouteRef.path}\n                  element={<CollectionPage />}\n                />\n                <Route path={entitiesRouteRef.path} element={<EntityPage />} />\n                <Route path={entityRouteRef.path} element={<EntityPage />} />\n                <Route\n                  path={moderatorRouteRef.path}\n                  element={<ModeratorPage />}\n                />\n              </Routes>\n            </Grid>\n          </Grid>\n        </Container>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  editArticleRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  moderatorRouteRef,\n  questionRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { Box, Container, Grid } from '@material-ui/core';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n};\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n  } = props ?? {};\n\n  return (\n    <Page themeId={themeId}>\n      <Header\n        title={title}\n        subtitle={subtitle}\n        type={headerType}\n        typeLink={headerTypeLink}\n        tooltip={headerTooltip}\n      >\n        {headerElements}\n      </Header>\n      <Content className=\"qetaHomePage\">\n        {introElement}\n        <Container maxWidth=\"xl\">\n          <Grid container spacing={4} justifyContent=\"flex-start\">\n            <Grid item md={1} lg={2} style={{ padding: 0 }}>\n              <Box display={{ md: 'block', lg: 'none' }}>\n                <LeftMenuButton />\n              </Box>\n              <Box display={{ xs: 'none', md: 'block' }}>\n                <LeftMenu />\n              </Box>\n            </Grid>\n            <Grid\n              item\n              md={12}\n              lg={10}\n              style={{ paddingLeft: '0', paddingRight: '0' }}\n            >\n              <Routes>\n                <Route path=\"/\" element={<HomePage />} />\n                <Route\n                  path={questionsRouteRef.path}\n                  element={<QuestionsPage />}\n                />\n                <Route path={askRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={articlesRouteRef.path}\n                  element={<ArticlesPage />}\n                />\n                <Route path={writeRouteRef.path} element={<WritePage />} />\n                <Route\n                  path={favoriteQuestionsRouteRef.path}\n                  element={<FavoritePage />}\n                />\n                <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={editArticleRouteRef.path}\n                  element={<WritePage />}\n                />\n                <Route\n                  path={questionRouteRef.path}\n                  element={<QuestionPage />}\n                />\n                <Route path={articleRouteRef.path} element={<ArticlePage />} />\n                <Route path={tagsRouteRef.path} element={<TagPage />} />\n                <Route path={tagRouteRef.path} element={<TagPage />} />\n                <Route path={usersRouteRef.path} element={<UsersPage />} />\n                <Route path={userRouteRef.path} element={<UserPage />} />\n                <Route\n                  path={statisticsRouteRef.path}\n                  element={<StatisticsPage />}\n                />\n                <Route\n                  path={collectionsRouteRef.path}\n                  element={<CollectionsPage />}\n                />\n                <Route\n                  path={collectionCreateRouteRef.path}\n                  element={<CollectionCreatePage />}\n                />\n                <Route\n                  path={collectionEditRouteRef.path}\n                  element={<CollectionCreatePage />}\n                />\n                <Route\n                  path={collectionRouteRef.path}\n                  element={<CollectionPage />}\n                />\n                <Route path={entitiesRouteRef.path} element={<EntityPage />} />\n                <Route path={entityRouteRef.path} element={<EntityPage />} />\n                <Route\n                  path={moderatorRouteRef.path}\n                  element={<ModeratorPage />}\n                />\n              </Routes>\n            </Grid>\n          </Grid>\n        </Container>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}