@drodil/backstage-plugin-qeta 3.24.5 → 3.25.0

package/dist/components/ArticlePage/ArticlePage.esm.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useSignal } from '@backstage/plugin-signals-react';
 import { WarningPanel, ContentHeader } from '@backstage/core-components';
 import { useTranslation, useQetaApi, ButtonContainer, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
@@ -27,21 +28,30 @@ const ArticlePage = () => {
     }
   }, [lastSignal]);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
   }
   if (error || post === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("articlePage.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("articlePage.errorLoading"), children: error?.message });
   }
   if (post.type !== "article") {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { title: "Not found", message: t("articlePage.notFound") });
+    return /* @__PURE__ */ jsx(WarningPanel, { title: "Not found", message: t("articlePage.notFound") });
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ContentHeader, null, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(WriteArticleButton, null), /* @__PURE__ */ React.createElement(AddToCollectionButton, { post }))), /* @__PURE__ */ React.createElement(Container, { maxWidth: "md" }, /* @__PURE__ */ React.createElement(
-    AIAnswerCard,
-    {
-      article: post,
-      style: { marginBottom: "2em" }
-    }
-  ), /* @__PURE__ */ React.createElement(ArticleContent, { post, views })));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
+      /* @__PURE__ */ jsx(WriteArticleButton, {}),
+      /* @__PURE__ */ jsx(AddToCollectionButton, { post })
+    ] }) }),
+    /* @__PURE__ */ jsxs(Container, { maxWidth: "md", children: [
+      /* @__PURE__ */ jsx(
+        AIAnswerCard,
+        {
+          article: post,
+          style: { marginBottom: "2em" }
+        }
+      ),
+      /* @__PURE__ */ jsx(ArticleContent, { post, views })
+    ] })
+  ] });
 };
 
 export { ArticlePage };

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

@@ -1 +1 @@
-{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport React, { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  AIAnswerCard,\n  ArticleContent,\n  ButtonContainer,\n  useQetaApi,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nexport const ArticlePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const [views, setViews] = useState(0);\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n  const {\n    value: post,\n    loading,\n    error,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (post) {\n      setViews(post.views);\n    }\n  }, [post]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || post === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('articlePage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (post.type !== 'article') {\n    return (\n      <WarningPanel title=\"Not found\" message={t('articlePage.notFound')} />\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader>\n        <ButtonContainer>\n          <WriteArticleButton />\n          <AddToCollectionButton post={post} />\n        </ButtonContainer>\n      </ContentHeader>\n      <Container maxWidth=\"md\">\n        <AIAnswerCard\n          article={post as Article}\n          style={{ marginBottom: '2em' }}\n        />\n        <ArticleContent post={post} views={views} />\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,SAAsB,CAAA,CAAA,UAAA,EAAa,EAAE,CAAE,CAAA,CAAA;AAE9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,QAAQ,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA;AACrB,GACF,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAI,IAAA,KAAA,IAAS,SAAS,KAAW,CAAA,EAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,0BAA0B,CAC/D,EAAA,EAAA,KAAA,EAAO,OACV,CAAA;AAAA;AAIJ,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,IAAA,2CACG,YAAa,EAAA,EAAA,KAAA,EAAM,aAAY,OAAS,EAAA,CAAA,CAAE,sBAAsB,CAAG,EAAA,CAAA;AAAA;AAIxE,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,sCACE,kBAAmB,EAAA,IAAA,CAAA,kBACnB,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAY,CACrC,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,UAAS,IAClB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,IAAA;AAAA,MACT,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM;AAAA;AAAA,qBAE9B,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,IAAY,EAAA,KAAA,EAAc,CAC5C,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ArticlePage.esm.js","sources":["../../../src/components/ArticlePage/ArticlePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  AIAnswerCard,\n  ArticleContent,\n  ButtonContainer,\n  useQetaApi,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\n\nexport const ArticlePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const [views, setViews] = useState(0);\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${id}`);\n\n  const {\n    value: post,\n    loading,\n    error,\n  } = useQetaApi(api => api.getPost(id), [id]);\n\n  useEffect(() => {\n    if (post) {\n      setViews(post.views);\n    }\n  }, [post]);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || post === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('articlePage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  if (post.type !== 'article') {\n    return (\n      <WarningPanel title=\"Not found\" message={t('articlePage.notFound')} />\n    );\n  }\n\n  return (\n    <>\n      <ContentHeader>\n        <ButtonContainer>\n          <WriteArticleButton />\n          <AddToCollectionButton post={post} />\n        </ButtonContainer>\n      </ContentHeader>\n      <Container maxWidth=\"md\">\n        <AIAnswerCard\n          article={post as Article}\n          style={{ marginBottom: '2em' }}\n        />\n        <ArticleContent post={post} views={views} />\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAiBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,CAAC,CAAA;AAEpC,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,SAAsB,CAAA,CAAA,UAAA,EAAa,EAAE,CAAE,CAAA,CAAA;AAE9D,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,QAAQ,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAE3C,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,IAAM,EAAA;AACR,MAAA,QAAA,CAAS,KAAK,KAAK,CAAA;AAAA;AACrB,GACF,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,YAAc,EAAA;AACrC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA;AAAA;AAC3B,GACF,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAI,IAAA,KAAA,IAAS,SAAS,KAAW,CAAA,EAAA;AAC/B,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,0BAA0B,CAC/D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,IAAA,2BACG,YAAa,EAAA,EAAA,KAAA,EAAM,aAAY,OAAS,EAAA,CAAA,CAAE,sBAAsB,CAAG,EAAA,CAAA;AAAA;AAIxE,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,aAAA,EAAA,EACC,+BAAC,eACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,CAAA;AAAA,sBACpB,GAAA,CAAC,yBAAsB,IAAY,EAAA;AAAA,KAAA,EACrC,CACF,EAAA,CAAA;AAAA,oBACA,IAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAS,IAClB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,IAAA;AAAA,UACT,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM;AAAA;AAAA,OAC/B;AAAA,sBACA,GAAA,CAAC,cAAe,EAAA,EAAA,IAAA,EAAY,KAAc,EAAA;AAAA,KAC5C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ArticlesPage/ArticlesPage.esm.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
-import React, { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { ContentHeader } from '@backstage/core-components';
 import { useTranslation, ButtonContainer, WriteArticleButton, PostsGrid, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
@@ -8,25 +9,33 @@ import { Grid } from '@material-ui/core';
 
 const ArticlesPage = () => {
   const [searchParams] = useSearchParams();
-  const [entityRef, setEntityRef] = React.useState(
-    void 0
-  );
-  const [tags, setTags] = React.useState(void 0);
+  const [entityRef, setEntityRef] = useState(void 0);
+  const [tags, setTags] = useState(void 0);
   const { t } = useTranslation();
   useEffect(() => {
     setEntityRef(searchParams.get("entity") ?? void 0);
     setTags(filterTags(searchParams.get("tags")));
   }, [searchParams, setEntityRef]);
-  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("articlesPage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef, tags }))), /* @__PURE__ */ React.createElement(PostsGrid, { type: "article" })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "hot",
-      title: t("highlights.hotArticles.title"),
-      noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      postType: "article"
-    }
-  ), /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(FollowedEntitiesList, 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("articlesPage.title"), children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(WriteArticleButton, { entity: entityRef, tags }) }) }),
+      /* @__PURE__ */ jsx(PostsGrid, { type: "article" })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "hot",
+          title: t("highlights.hotArticles.title"),
+          noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          postType: "article"
+        }
+      ),
+      /* @__PURE__ */ jsx(FollowedTagsList, {}),
+      /* @__PURE__ */ jsx(FollowedEntitiesList, {})
+    ] })
+  ] });
 };
 
 export { ArticlesPage };

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

@@ -1 +1 @@
-{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport React, { useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  ButtonContainer,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  PostsGrid,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const ArticlesPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('articlesPage.title')}>\n          <ButtonContainer>\n            <WriteArticleButton entity={entityRef} tags={tags} />\n          </ButtonContainer>\n        </ContentHeader>\n        <PostsGrid type=\"article\" />\n      </Grid>\n      <Grid item lg={3} xl={2}>\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        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IACtC,KAAA;AAAA,GACF;AACA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAA+B,KAAS,CAAA,CAAA;AACtE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA;AAE/B,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,EAAE,oBAAoB,CAAA,EAAA,sCACzC,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAmB,MAAQ,EAAA,SAAA,EAAW,MAAY,CACrD,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,MAAK,SAAU,EAAA,CAC5B,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,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,qBAEV,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useState, useEffect } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  ButtonContainer,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  PostsGrid,\n  useTranslation,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport { Grid } from '@material-ui/core';\n\nexport const ArticlesPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Grid container spacing={4}>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('articlesPage.title')}>\n          <ButtonContainer>\n            <WriteArticleButton entity={entityRef} tags={tags} />\n          </ButtonContainer>\n        </ContentHeader>\n        <PostsGrid type=\"article\" />\n      </Grid>\n      <Grid item lg={3} xl={2}>\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        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAgBO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,KAAS,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,KAAS,CAAA,CAAA;AAChE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,IAAK,KAAS,CAAA,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAW,CAAA,YAAA,CAAa,GAAI,CAAA,MAAM,CAAC,CAAC,CAAA;AAAA,GAC3C,EAAA,CAAC,YAAc,EAAA,YAAY,CAAC,CAAA;AAE/B,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,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,oBAAoB,CAC1C,EAAA,QAAA,kBAAA,GAAA,CAAC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,MAAA,EAAQ,SAAW,EAAA,IAAA,EAAY,GACrD,CACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,SAAU,EAAA;AAAA,KAC5B,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,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,QAAS,EAAA;AAAA;AAAA,OACX;AAAA,0BACC,gBAAiB,EAAA,EAAA,CAAA;AAAA,0BACjB,oBAAqB,EAAA,EAAA;AAAA,KACxB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/AskPage/AskPage.esm.js

@@ -1,5 +1,6 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Progress, ContentHeader, InfoCard } from '@backstage/core-components';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useAI, useQetaApi, useTranslation, SelectTemplateList, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
 import { useParams, useSearchParams } from 'react-router-dom';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
@@ -31,10 +32,10 @@ const AskPage = () => {
     title = t("askPage.title.newQuestion");
   }
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
+    return /* @__PURE__ */ jsx(Progress, {});
   }
   if (!id && value && value.templates && value.total > 0 && template === void 0) {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       SelectTemplateList,
       {
         templates: value,
@@ -51,18 +52,24 @@ const AskPage = () => {
       content: data.content
     });
   };
-  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, style: { width: "100%" } }, /* @__PURE__ */ React.createElement(InfoCard, null, /* @__PURE__ */ React.createElement(
-    PostForm,
-    {
-      id,
-      entity,
-      entityPage,
-      tags,
-      type: "question",
-      template,
-      onFormChange: handleFormChange
-    }
-  ), /* @__PURE__ */ React.createElement(AIAnswerCard, { draft })))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title }),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", children: /* @__PURE__ */ jsx(Grid, { item: true, style: { width: "100%" }, children: /* @__PURE__ */ jsxs(InfoCard, { children: [
+      /* @__PURE__ */ jsx(
+        PostForm,
+        {
+          id,
+          entity,
+          entityPage,
+          tags,
+          type: "question",
+          template,
+          onFormChange: handleFormChange
+        }
+      ),
+      /* @__PURE__ */ jsx(AIAnswerCard, { draft })
+    ] }) }) })
+  ] });
 };
 
 export { AskPage };

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

@@ -1 +1 @@
-{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard, Progress } from '@backstage/core-components';\nimport React, { useState } from 'react';\nimport {\n  AIAnswerCard,\n  PostForm,\n  SelectTemplateList,\n  useAI,\n  useQetaApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags, Template } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\n\nexport const AskPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const { isNewQuestionsEnabled } = useAI();\n  const { value, loading } = useQetaApi(api => api.getTemplates());\n  const [draft, setDraft] = useState<\n    { title: string; content: string } | undefined\n  >(undefined);\n  const [template, setTemplate] = useState<Template | null | undefined>(\n    undefined,\n  );\n\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('askPage.title.existingQuestion');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('askPage.title.entityQuestion', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('askPage.title.newQuestion');\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (\n    !id &&\n    value &&\n    value.templates &&\n    value.total > 0 &&\n    template === undefined\n  ) {\n    return (\n      <SelectTemplateList\n        templates={value}\n        onTemplateSelect={temp => setTemplate(temp)}\n      />\n    );\n  }\n\n  const handleFormChange = (data: { title: string; content: string }) => {\n    if (!isNewQuestionsEnabled) {\n      return;\n    }\n    setDraft({\n      title: data.title,\n      content: data.content,\n    });\n  };\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item style={{ width: '100%' }}>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"question\"\n              template={template}\n              onFormChange={handleFormChange}\n            />\n            <AIAnswerCard draft={draft} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AskPage.esm.js","sources":["../../../src/components/AskPage/AskPage.tsx"],"sourcesContent":["import { ContentHeader, InfoCard, Progress } from '@backstage/core-components';\nimport { useState } from 'react';\nimport {\n  AIAnswerCard,\n  PostForm,\n  SelectTemplateList,\n  useAI,\n  useQetaApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useParams, useSearchParams } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { filterTags, Template } from '@drodil/backstage-plugin-qeta-common';\nimport { Grid } from '@material-ui/core';\n\nexport const AskPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const { isNewQuestionsEnabled } = useAI();\n  const { value, loading } = useQetaApi(api => api.getTemplates());\n  const [draft, setDraft] = useState<\n    { title: string; content: string } | undefined\n  >(undefined);\n  const [template, setTemplate] = useState<Template | null | undefined>(\n    undefined,\n  );\n\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('askPage.title.existingQuestion');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('askPage.title.entityQuestion', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('askPage.title.newQuestion');\n  }\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (\n    !id &&\n    value &&\n    value.templates &&\n    value.total > 0 &&\n    template === undefined\n  ) {\n    return (\n      <SelectTemplateList\n        templates={value}\n        onTemplateSelect={temp => setTemplate(temp)}\n      />\n    );\n  }\n\n  const handleFormChange = (data: { title: string; content: string }) => {\n    if (!isNewQuestionsEnabled) {\n      return;\n    }\n    setDraft({\n      title: data.title,\n      content: data.content,\n    });\n  };\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item style={{ width: '100%' }}>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"question\"\n              template={template}\n              onFormChange={handleFormChange}\n            />\n            <AIAnswerCard draft={draft} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,UAAU,MAAM;AAC3B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAM,MAAA,EAAE,qBAAsB,EAAA,GAAI,KAAM,EAAA;AACxC,EAAM,MAAA,EAAE,OAAO,OAAQ,EAAA,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,CAAA;AAC/D,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAExB,KAAS,CAAA,CAAA;AACX,EAAM,MAAA,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,QAAA;AAAA,IAC9B,KAAA;AAAA,GACF;AAEA,EAAA,MAAM,MAAS,GAAA,YAAA,CAAa,GAAI,CAAA,QAAQ,CAAK,IAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,UAAa,GAAA,YAAA,CAAa,GAAI,CAAA,YAAY,CAAM,KAAA,MAAA;AACtD,EAAA,MAAM,IAAO,GAAA,UAAA,CAAW,YAAa,CAAA,GAAA,CAAI,MAAM,CAAC,CAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,gCAAgC,CAAA;AAAA,aACjC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,8BAAgC,EAAA;AAAA,MACxC,QAAQ,cAAe,CAAA;AAAA,KACxB,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,2BAA2B,CAAA;AAAA;AAGvC,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EACE,IAAA,CAAC,MACD,KACA,IAAA,KAAA,CAAM,aACN,KAAM,CAAA,KAAA,GAAQ,CACd,IAAA,QAAA,KAAa,KACb,CAAA,EAAA;AACA,IACE,uBAAA,GAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,KAAA;AAAA,QACX,gBAAA,EAAkB,CAAQ,IAAA,KAAA,WAAA,CAAY,IAAI;AAAA;AAAA,KAC5C;AAAA;AAIJ,EAAM,MAAA,gBAAA,GAAmB,CAAC,IAA6C,KAAA;AACrE,IAAA,IAAI,CAAC,qBAAuB,EAAA;AAC1B,MAAA;AAAA;AAEF,IAAS,QAAA,CAAA;AAAA,MACP,OAAO,IAAK,CAAA,KAAA;AAAA,MACZ,SAAS,IAAK,CAAA;AAAA,KACf,CAAA;AAAA,GACH;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAc,EAAA,CAAA;AAAA,wBAC5B,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,KAAO,EAAA,EAAE,OAAO,MAAO,EAAA,EAChC,+BAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,EAAA;AAAA,UACA,MAAA;AAAA,UACA,UAAA;AAAA,UACA,IAAA;AAAA,UACA,IAAK,EAAA,UAAA;AAAA,UACL,QAAA;AAAA,UACA,YAAc,EAAA;AAAA;AAAA,OAChB;AAAA,sBACA,GAAA,CAAC,gBAAa,KAAc,EAAA;AAAA,KAAA,EAC9B,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
 import { ContentHeader, InfoCard } from '@backstage/core-components';
 import { useTranslation, CollectionForm } from '@drodil/backstage-plugin-qeta-react';
@@ -13,7 +13,10 @@ const CollectionCreatePage = () => {
   } else {
     title = t("collectionCreatePage.title.newCollection");
   }
-  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(CollectionForm, { id })))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ContentHeader, { title }),
+    /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, direction: "column", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsx(CollectionForm, { id }) }) }) })
+  ] });
 };
 
 export { CollectionCreatePage };

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionCreatePage.esm.js","sources":["../../../src/components/CollectionCreatePage/CollectionCreatePage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport {\n  CollectionForm,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionCreatePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  let title;\n  if (id) {\n    title = t('collectionCreatePage.title.existingCollection');\n  } else {\n    title = t('collectionCreatePage.title.newCollection');\n  }\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <CollectionForm id={id} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AASO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,+CAA+C,CAAA;AAAA,GACpD,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,0CAA0C,CAAA;AAAA;AAEtD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBACG,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,KAAc,EAAA,CAAA,sCAC5B,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CAAG,EAAA,SAAA,EAAU,4BACnC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,kBACP,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,EAAQ,EAAA,CAC1B,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionCreatePage.esm.js","sources":["../../../src/components/CollectionCreatePage/CollectionCreatePage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport {\n  CollectionForm,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionCreatePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  let title;\n  if (id) {\n    title = t('collectionCreatePage.title.existingCollection');\n  } else {\n    title = t('collectionCreatePage.title.newCollection');\n  }\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <CollectionForm id={id} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,+CAA+C,CAAA;AAAA,GACpD,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,0CAA0C,CAAA;AAAA;AAEtD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAc,EAAA,CAAA;AAAA,wBAC5B,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAG,WAAU,QACpC,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EACR,8BAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAe,EAAQ,EAAA,CAAA,EAC1B,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionPage/CollectionPage.esm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
 import { useTranslation, useQetaApi, CollectionFollowButton, ButtonContainer, CreateCollectionButton, CollectionCard, PostsGrid } from '@drodil/backstage-plugin-qeta-react';
 import { Skeleton } from '@material-ui/lab';
@@ -14,33 +14,42 @@ const CollectionPage = () => {
     error
   } = useQetaApi((api) => api.getCollection(id), [id]);
   if (loading) {
-    return /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect", height: 200 });
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
   }
   if (error || collection === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("questionPage.errorLoading") }, error?.message);
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("questionPage.errorLoading"), children: error?.message });
   }
-  const title = /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "h2" }, collection.title, /* @__PURE__ */ React.createElement(
-    CollectionFollowButton,
-    {
-      collection,
-      style: { marginLeft: "0.5em" }
-    }
-  ));
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    ContentHeader,
-    {
-      titleComponent: title,
-      description: t("collectionPage.info")
-    },
-    /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(CreateCollectionButton, null))
-  ), /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(CollectionCard, { collection })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-    PostsGrid,
-    {
-      collectionId: collection.id,
-      orderBy: "rank",
-      allowRanking: collection.canEdit
-    }
-  ))));
+  const title = /* @__PURE__ */ jsxs(Typography, { variant: "h5", component: "h2", children: [
+    collection.title,
+    /* @__PURE__ */ jsx(
+      CollectionFollowButton,
+      {
+        collection,
+        style: { marginLeft: "0.5em" }
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ContentHeader,
+      {
+        titleComponent: title,
+        description: t("collectionPage.info"),
+        children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(CreateCollectionButton, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(CollectionCard, { collection }) }),
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+        PostsGrid,
+        {
+          collectionId: collection.id,
+          orderBy: "rank",
+          allowRanking: collection.canEdit
+        }
+      ) })
+    ] })
+  ] });
 };
 
 export { CollectionPage };

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import React from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ButtonContainer,\n  CollectionCard,\n  CollectionFollowButton,\n  CreateCollectionButton,\n  PostsGrid,\n  useQetaApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Grid, Typography } from '@material-ui/core';\n\nexport const CollectionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const {\n    value: collection,\n    loading,\n    error,\n  } = useQetaApi(api => api.getCollection(id), [id]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || collection === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const title = (\n    <Typography variant=\"h5\" component=\"h2\">\n      {collection.title}\n      <CollectionFollowButton\n        collection={collection}\n        style={{ marginLeft: '0.5em' }}\n      />\n    </Typography>\n  );\n\n  return (\n    <>\n      <ContentHeader\n        titleComponent={title}\n        description={t('collectionPage.info')}\n      >\n        <ButtonContainer>\n          <CreateCollectionButton />\n        </ButtonContainer>\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <CollectionCard collection={collection} />\n        </Grid>\n        <Grid item xs={12}>\n          <PostsGrid\n            collectionId={collection.id}\n            orderBy=\"rank\"\n            allowRanking={collection.canEdit}\n          />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAeO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,UAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEjD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAI,IAAA,KAAA,IAAS,eAAe,KAAW,CAAA,EAAA;AACrC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA;AAAA;AAIJ,EAAM,MAAA,KAAA,uCACH,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAU,EAAA,IAAA,EAAA,EAChC,WAAW,KACZ,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,KAAA,EAAO,EAAE,UAAA,EAAY,OAAQ;AAAA;AAAA,GAEjC,CAAA;AAGF,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,cAAgB,EAAA,KAAA;AAAA,MAChB,WAAA,EAAa,EAAE,qBAAqB;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,IAAuB,CAC1B;AAAA,GACF,sCACC,IAAK,EAAA,EAAA,SAAA,EAAS,wBACZ,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZ,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,EAAe,YAAwB,CAC1C,CAAA,sCACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,cAAc,UAAW,CAAA,EAAA;AAAA,MACzB,OAAQ,EAAA,MAAA;AAAA,MACR,cAAc,UAAW,CAAA;AAAA;AAAA,GAE7B,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  ButtonContainer,\n  CollectionCard,\n  CollectionFollowButton,\n  CreateCollectionButton,\n  PostsGrid,\n  useQetaApi,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { ContentHeader, WarningPanel } from '@backstage/core-components';\nimport { Grid, Typography } from '@material-ui/core';\n\nexport const CollectionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslation();\n\n  const {\n    value: collection,\n    loading,\n    error,\n  } = useQetaApi(api => api.getCollection(id), [id]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || collection === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const title = (\n    <Typography variant=\"h5\" component=\"h2\">\n      {collection.title}\n      <CollectionFollowButton\n        collection={collection}\n        style={{ marginLeft: '0.5em' }}\n      />\n    </Typography>\n  );\n\n  return (\n    <>\n      <ContentHeader\n        titleComponent={title}\n        description={t('collectionPage.info')}\n      >\n        <ButtonContainer>\n          <CreateCollectionButton />\n        </ButtonContainer>\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <CollectionCard collection={collection} />\n        </Grid>\n        <Grid item xs={12}>\n          <PostsGrid\n            collectionId={collection.id}\n            orderBy=\"rank\"\n            allowRanking={collection.canEdit}\n          />\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAcO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,UAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,cAAc,EAAE,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEjD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,QAAQ,GAAK,EAAA,CAAA;AAAA;AAG/C,EAAI,IAAA,KAAA,IAAS,eAAe,KAAW,CAAA,EAAA;AACrC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,MAAM,wBACH,IAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,WAAU,IAChC,EAAA,QAAA,EAAA;AAAA,IAAW,UAAA,CAAA,KAAA;AAAA,oBACZ,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,KAAA,EAAO,EAAE,UAAA,EAAY,OAAQ;AAAA;AAAA;AAC/B,GACF,EAAA,CAAA;AAGF,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cAAgB,EAAA,KAAA;AAAA,QAChB,WAAA,EAAa,EAAE,qBAAqB,CAAA;AAAA,QAEpC,QAAC,kBAAA,GAAA,CAAA,eAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAuB,CAC1B,EAAA;AAAA;AAAA,KACF;AAAA,oBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,cAAA,EAAA,EAAe,YAAwB,CAC1C,EAAA,CAAA;AAAA,sBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,cAAc,UAAW,CAAA,EAAA;AAAA,UACzB,OAAQ,EAAA,MAAA;AAAA,UACR,cAAc,UAAW,CAAA;AAAA;AAAA,OAE7B,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsPage/CollectionsPage.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, useCollectionsFollow, ButtonContainer, CreateCollectionButton, CollectionsGrid, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
 import { Grid } from '@material-ui/core';
@@ -6,17 +6,22 @@ import { Grid } from '@material-ui/core';
 const CollectionsPage = () => {
   const { t } = useTranslation();
   const collections = useCollectionsFollow();
-  return /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4 }, /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      item: true,
-      md: 12,
-      lg: collections.collections.length > 0 ? 9 : 12,
-      xl: collections.collections.length > 0 ? 10 : 12
-    },
-    /* @__PURE__ */ React.createElement(ContentHeader, { title: t("collectionsPage.title") }, /* @__PURE__ */ React.createElement(ButtonContainer, null, /* @__PURE__ */ React.createElement(CreateCollectionButton, null))),
-    /* @__PURE__ */ React.createElement(CollectionsGrid, null)
-  ), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedCollectionsList, null)));
+  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
+    /* @__PURE__ */ jsxs(
+      Grid,
+      {
+        item: true,
+        md: 12,
+        lg: collections.collections.length > 0 ? 9 : 12,
+        xl: collections.collections.length > 0 ? 10 : 12,
+        children: [
+          /* @__PURE__ */ jsx(ContentHeader, { title: t("collectionsPage.title"), children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(CreateCollectionButton, {}) }) }),
+          /* @__PURE__ */ jsx(CollectionsGrid, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Grid, { item: true, lg: 3, xl: 2, children: /* @__PURE__ */ jsx(FollowedCollectionsList, {}) })
+  ] });
 };
 
 export { CollectionsPage };

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import React from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  ButtonContainer,\n  CollectionsGrid,\n  CreateCollectionButton,\n  FollowedCollectionsList,\n  useCollectionsFollow,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionsPage = () => {\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n\n  return (\n    <Grid container spacing={4}>\n      <Grid\n        item\n        md={12}\n        lg={collections.collections.length > 0 ? 9 : 12}\n        xl={collections.collections.length > 0 ? 10 : 12}\n      >\n        <ContentHeader title={t('collectionsPage.title')}>\n          <ButtonContainer>\n            <CreateCollectionButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <CollectionsGrid />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedCollectionsList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAYO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AAEzC,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAI,EAAA,IAAA;AAAA,MACJ,EAAI,EAAA,EAAA;AAAA,MACJ,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA,EAAA;AAAA,MAC7C,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,EAAK,GAAA;AAAA,KAAA;AAAA,oBAE9C,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,uBAAuB,CAC7C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAuB,EAAA,IAAA,CAC1B,CACF,CAAA;AAAA,wCACC,eAAgB,EAAA,IAAA;AAAA,GAEnB,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACpB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAwB,EAAA,IAAA,CAC3B,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport {\n  ButtonContainer,\n  CollectionsGrid,\n  CreateCollectionButton,\n  FollowedCollectionsList,\n  useCollectionsFollow,\n  useTranslation,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\n\nexport const CollectionsPage = () => {\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n\n  return (\n    <Grid container spacing={4}>\n      <Grid\n        item\n        md={12}\n        lg={collections.collections.length > 0 ? 9 : 12}\n        xl={collections.collections.length > 0 ? 10 : 12}\n      >\n        <ContentHeader title={t('collectionsPage.title')}>\n          <ButtonContainer>\n            <CreateCollectionButton />\n          </ButtonContainer>\n        </ContentHeader>\n        <CollectionsGrid />\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedCollectionsList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AAEzC,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,IAAI,EAAA,IAAA;AAAA,QACJ,EAAI,EAAA,EAAA;AAAA,QACJ,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA,EAAA;AAAA,QAC7C,EAAI,EAAA,WAAA,CAAY,WAAY,CAAA,MAAA,GAAS,IAAI,EAAK,GAAA,EAAA;AAAA,QAE9C,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,aAAA,EAAA,EAAc,KAAO,EAAA,CAAA,CAAE,uBAAuB,CAAA,EAC7C,8BAAC,eACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,sBAAuB,EAAA,EAAA,CAAA,EAC1B,CACF,EAAA,CAAA;AAAA,8BACC,eAAgB,EAAA,EAAA;AAAA;AAAA;AAAA,KACnB;AAAA,oBACA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,EAAI,EAAA,CAAA,EACpB,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,CAC3B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { ContentHeader } from '@backstage/core-components';
 import { useParams } from 'react-router-dom';
 import { useTranslation, qetaApiRef, ButtonContainer, EntityFollowButton, AskQuestionButton, WriteArticleButton, PostsContainer, EntitiesGrid, FollowedEntitiesList, PostHighlightList } from '@drodil/backstage-plugin-qeta-react';
@@ -10,7 +11,7 @@ import { Grid, Typography, Card, CardContent } from '@material-ui/core';
 const EntityPage = () => {
   const { entityRef } = useParams();
   const { t } = useTranslation();
-  const [resp, setResp] = React.useState();
+  const [resp, setResp] = useState();
   const qetaApi = useApi(qetaApiRef);
   useEffect(() => {
     if (!entityRef) {
@@ -27,70 +28,100 @@ const EntityPage = () => {
   let link = void 0;
   if (entityRef) {
     shownTitle = t(`postsContainer.title.about`, { itemType: "Post" });
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef });
+    link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef });
   }
-  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,
-    {
-      titleComponent: /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "h2" }, shownTitle, " ", link)
-    },
-    /* @__PURE__ */ React.createElement(ButtonContainer, null, entityRef && /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef }), /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef }), /* @__PURE__ */ React.createElement(WriteArticleButton, { entity: entityRef }))
-  ), resp && /* @__PURE__ */ React.createElement(Card, { variant: "outlined", style: { marginBottom: "1em" } }, /* @__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 })))), entityRef ? /* @__PURE__ */ React.createElement(
-    PostsContainer,
-    {
-      entity: entityRef,
-      filterPanelProps: { showEntityFilter: false }
-    }
-  ) : /* @__PURE__ */ React.createElement(EntitiesGrid, null)), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedEntitiesList, null), resp && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "hot",
-      title: t("highlights.hotQuestions.title"),
-      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      options: { entities: [resp.entityRef] },
-      postType: "question"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "unanswered",
-      title: t("highlights.unanswered.title"),
-      noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
-      options: { entities: [resp.entityRef] },
-      postType: "question"
-    }
-  ), /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "incorrect",
-      title: t("highlights.incorrect.title"),
-      noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
-      options: { entities: [resp.entityRef] },
-      postType: "question"
-    }
-  )), !resp && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-    PostHighlightList,
-    {
-      type: "hot",
-      title: t("highlights.hotQuestions.title"),
-      noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" }),
-      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" }),
-      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,
+        {
+          titleComponent: /* @__PURE__ */ jsxs(Typography, { variant: "h5", component: "h2", children: [
+            shownTitle,
+            " ",
+            link
+          ] }),
+          children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
+            entityRef && /* @__PURE__ */ jsx(EntityFollowButton, { entityRef }),
+            /* @__PURE__ */ jsx(AskQuestionButton, { entity: entityRef }),
+            /* @__PURE__ */ jsx(WriteArticleButton, { entity: entityRef })
+          ] })
+        }
+      ),
+      resp && /* @__PURE__ */ jsx(Card, { variant: "outlined", style: { marginBottom: "1em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+        t("common.posts", {
+          count: resp.postsCount,
+          itemType: "post"
+        }),
+        " \xB7 ",
+        t("common.followers", { count: resp.followerCount })
+      ] }) }) }),
+      entityRef ? /* @__PURE__ */ jsx(
+        PostsContainer,
+        {
+          entity: entityRef,
+          filterPanelProps: { showEntityFilter: false }
+        }
+      ) : /* @__PURE__ */ jsx(EntitiesGrid, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, lg: 3, xl: 2, children: [
+      /* @__PURE__ */ jsx(FollowedEntitiesList, {}),
+      resp && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          PostHighlightList,
+          {
+            type: "hot",
+            title: t("highlights.hotQuestions.title"),
+            noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+            icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+            options: { entities: [resp.entityRef] },
+            postType: "question"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PostHighlightList,
+          {
+            type: "unanswered",
+            title: t("highlights.unanswered.title"),
+            noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
+            options: { entities: [resp.entityRef] },
+            postType: "question"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PostHighlightList,
+          {
+            type: "incorrect",
+            title: t("highlights.incorrect.title"),
+            noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
+            options: { entities: [resp.entityRef] },
+            postType: "question"
+          }
+        )
+      ] }),
+      !resp && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          PostHighlightList,
+          {
+            type: "hot",
+            title: t("highlights.hotQuestions.title"),
+            noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+            icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+            postType: "question"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PostHighlightList,
+          {
+            type: "hot",
+            title: t("highlights.hotArticles.title"),
+            noQuestionsLabel: t("highlights.hotArticles.noArticlesLabel"),
+            icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+            postType: "article"
+          }
+        )
+      ] })
+    ] })
+  ] });
 };
 
 export { EntityPage };