@drodil/backstage-plugin-qeta 3.48.2 → 3.49.0

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

@@ -2,11 +2,12 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
 import { useSignal } from '@backstage/plugin-signals-react';
-import { WarningPanel, ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, useQetaApi, ButtonContainer, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
+import { WarningPanel } from '@backstage/core-components';
+import { qetaTranslationRef, useQetaApi, ContentHeader, WriteArticleButton, AddToCollectionButton, AIAnswerCard, ArticleContent } from '@drodil/backstage-plugin-qeta-react';
 import { Container } from '@material-ui/core';
 import { Skeleton } from '@material-ui/lab';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
 
 const ArticlePage = () => {
   const { id } = useParams();
@@ -38,10 +39,17 @@ const ArticlePage = () => {
     return /* @__PURE__ */ jsx(WarningPanel, { title: "Not found", message: t("articlePage.notFound") });
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ContentHeader, { children: /* @__PURE__ */ jsxs(ButtonContainer, { children: [
-      /* @__PURE__ */ jsx(WriteArticleButton, {}),
-      /* @__PURE__ */ jsx(AddToCollectionButton, { post })
-    ] }) }),
+    /* @__PURE__ */ jsxs(
+      ContentHeader,
+      {
+        title: post.title,
+        titleIcon: /* @__PURE__ */ jsx(LibraryBooksOutlined, { fontSize: "large" }),
+        children: [
+          /* @__PURE__ */ jsx(WriteArticleButton, {}),
+          /* @__PURE__ */ jsx(AddToCollectionButton, { post })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs(Container, { maxWidth: false, children: [
       /* @__PURE__ */ jsx(
         AIAnswerCard,

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 { 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  qetaTranslationRef,\n  useQetaApi,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ArticlePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\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={false}>\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":";;;;;;;;;;AAkBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,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,EAAU,KACnB,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;;;;"}
+{"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 { WarningPanel } from '@backstage/core-components';\nimport { Article, QetaSignal } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  AddToCollectionButton,\n  AIAnswerCard,\n  ArticleContent,\n  ContentHeader,\n  qetaTranslationRef,\n  useQetaApi,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Container } from '@material-ui/core';\nimport { Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\n\nexport const ArticlePage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\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        title={post.title}\n        titleIcon={<LibraryBooksOutlined fontSize=\"large\" />}\n      >\n        <WriteArticleButton />\n        <AddToCollectionButton post={post} />\n      </ContentHeader>\n      <Container maxWidth={false}>\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":";;;;;;;;;;;AAmBO,MAAM,cAAc,MAAM;AAC/B,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,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,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,SAAW,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAElD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,CAAA;AAAA,0BACpB,GAAA,CAAC,yBAAsB,IAAY,EAAA;AAAA;AAAA;AAAA,KACrC;AAAA,oBACA,IAAA,CAAC,SAAU,EAAA,EAAA,QAAA,EAAU,KACnB,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,11 +1,10 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, ButtonContainer, WriteArticleButton, PostsGrid, PostsContainer, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, WriteArticleButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import Whatshot from '@material-ui/icons/Whatshot';
-import { Grid } from '@material-ui/core';
+import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
+import { Typography } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const ArticlesPage = () => {
@@ -18,25 +17,31 @@ const ArticlesPage = () => {
     setEntityRef(searchParams.get("entity") ?? void 0);
     setTags(filterTags(searchParams.get("tags")));
   }, [searchParams, setEntityRef]);
-  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 }) }) }),
-      view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "article", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "article", view, onViewChange: setView })
-    ] }),
-    /* @__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, {})
-    ] })
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ContentHeader,
+      {
+        titleComponent: /* @__PURE__ */ jsxs(
+          Typography,
+          {
+            variant: "h4",
+            style: { display: "flex", alignItems: "center" },
+            children: [
+              /* @__PURE__ */ jsx(
+                LibraryBooksOutlined,
+                {
+                  fontSize: "large",
+                  style: { marginRight: "8px" }
+                }
+              ),
+              t("articlesPage.title")
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsx(WriteArticleButton, { entity: entityRef, tags })
+      }
+    ),
+    view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "article", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "article", view, onViewChange: setView })
   ] });
 };
 

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 { useEffect, useState } from 'react';\nimport { ContentHeader } from '@backstage/core-components';\nimport {\n  ButtonContainer,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  PostsGrid,\n  PostsContainer,\n  qetaTranslationRef,\n  WriteArticleButton,\n  ViewType,\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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ArticlesPage = () => {\n  const [searchParams] = useSearchParams();\n  const [view, setView] = useState<ViewType>('grid');\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\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        {view === 'grid' ? (\n          <PostsGrid type=\"article\" view={view} onViewChange={setView} />\n        ) : (\n          <PostsContainer type=\"article\" view={view} onViewChange={setView} />\n        )}\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":";;;;;;;;;;AAmBO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AAEjD,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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,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,MACC,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,WAAU,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAE5D,cAAe,EAAA,EAAA,IAAA,EAAK,SAAU,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,KAEtE,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;;;;"}
+{"version":3,"file":"ArticlesPage.esm.js","sources":["../../../src/components/ArticlesPage/ArticlesPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  ContentHeader,\n  PostsGrid,\n  PostsContainer,\n  qetaTranslationRef,\n  WriteArticleButton,\n  ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const ArticlesPage = () => {\n  const [searchParams] = useSearchParams();\n  const [view, setView] = useState<ViewType>('grid');\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <>\n      <ContentHeader\n        titleComponent={\n          <Typography\n            variant=\"h4\"\n            style={{ display: 'flex', alignItems: 'center' }}\n          >\n            <LibraryBooksOutlined\n              fontSize=\"large\"\n              style={{ marginRight: '8px' }}\n            />\n            {t('articlesPage.title')}\n          </Typography>\n        }\n      >\n        <WriteArticleButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      {view === 'grid' ? (\n        <PostsGrid type=\"article\" view={view} onViewChange={setView} />\n      ) : (\n        <PostsContainer type=\"article\" view={view} onViewChange={setView} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AAEjD,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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,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,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cACE,kBAAA,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,IAAA;AAAA,YACR,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,YAAY,QAAS,EAAA;AAAA,YAE/C,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,oBAAA;AAAA,gBAAA;AAAA,kBACC,QAAS,EAAA,OAAA;AAAA,kBACT,KAAA,EAAO,EAAE,WAAA,EAAa,KAAM;AAAA;AAAA,eAC9B;AAAA,cACC,EAAE,oBAAoB;AAAA;AAAA;AAAA,SACzB;AAAA,QAGF,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACrD;AAAA,IACC,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,WAAU,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAE5D,cAAe,EAAA,EAAA,IAAA,EAAK,SAAU,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,GAEtE,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,8 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { Progress, ContentHeader, InfoCard } from '@backstage/core-components';
-import { useState } from 'react';
-import { useAI, useQetaApi, qetaTranslationRef, SelectTemplateList, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
+import { Progress, InfoCard } from '@backstage/core-components';
+import { useState, useEffect } from 'react';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { useAI, useQetaApi, useQetaContext, qetaTranslationRef, SelectTemplateList, ContentHeader, PostForm, AIAnswerCard } from '@drodil/backstage-plugin-qeta-react';
 import { useParams, useSearchParams } from 'react-router-dom';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
@@ -14,6 +15,12 @@ const AskPage = () => {
   const { isNewQuestionsEnabled } = useAI();
   const { value, loading } = useQetaApi((api) => api.getTemplates());
   const [draft, setDraft] = useState(void 0);
+  const { setDraftQuestion } = useQetaContext();
+  useEffect(() => {
+    return () => {
+      setDraftQuestion?.(void 0);
+    };
+  }, [setDraftQuestion]);
   const [template, setTemplate] = useState(
     void 0
   );
@@ -48,6 +55,14 @@ const AskPage = () => {
     ) });
   }
   const handleFormChange = (data) => {
+    if (setDraftQuestion) {
+      setDraftQuestion({
+        title: data.title,
+        content: data.content,
+        tags: data.tags,
+        entities: data.entities?.map(stringifyEntityRef)
+      });
+    }
     if (!isNewQuestionsEnabled) {
       return;
     }

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 { useState } from 'react';\nimport {\n  AIAnswerCard,\n  PostForm,\n  qetaTranslationRef,\n  SelectTemplateList,\n  useAI,\n  useQetaApi,\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 { Box, Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\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 questionTitle = searchParams.get('title') ?? undefined;\n  const content = searchParams.get('content') ?? undefined;\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslationRef(qetaTranslationRef);\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 (\n      <Box role=\"status\" aria-label={t('common.loading')}>\n        <Progress />\n      </Box>\n    );\n  }\n\n  if (\n    !id &&\n    value &&\n    value.templates &&\n    value.total > 0 &&\n    template === undefined\n  ) {\n    return (\n      <Box role=\"region\" aria-label={t('askPage.templateSelection')}>\n        <SelectTemplateList\n          templates={value}\n          onTemplateSelect={temp => setTemplate(temp)}\n          aria-label={t('askPage.selectTemplate')}\n        />\n      </Box>\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              aria-label={t('askPage.questionForm')}\n              title={questionTitle}\n              content={content}\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 { InfoCard, Progress } from '@backstage/core-components';\nimport { useEffect, useState } from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  AIAnswerCard,\n  ContentHeader,\n  PostForm,\n  qetaTranslationRef,\n  QuestionFormValues,\n  SelectTemplateList,\n  useAI,\n  useQetaApi,\n  useQetaContext,\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 { Box, Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\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 { setDraftQuestion } = useQetaContext();\n\n  useEffect(() => {\n    return () => {\n      setDraftQuestion?.(undefined);\n    };\n  }, [setDraftQuestion]);\n\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 questionTitle = searchParams.get('title') ?? undefined;\n  const content = searchParams.get('content') ?? undefined;\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslationRef(qetaTranslationRef);\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 (\n      <Box role=\"status\" aria-label={t('common.loading')}>\n        <Progress />\n      </Box>\n    );\n  }\n\n  if (\n    !id &&\n    value &&\n    value.templates &&\n    value.total > 0 &&\n    template === undefined\n  ) {\n    return (\n      <Box role=\"region\" aria-label={t('askPage.templateSelection')}>\n        <SelectTemplateList\n          templates={value}\n          onTemplateSelect={temp => setTemplate(temp)}\n          aria-label={t('askPage.selectTemplate')}\n        />\n      </Box>\n    );\n  }\n\n  const handleFormChange = (data: QuestionFormValues) => {\n    if (setDraftQuestion) {\n      setDraftQuestion({\n        title: data.title,\n        content: data.content,\n        tags: data.tags,\n        entities: data.entities?.map(stringifyEntityRef),\n      });\n    }\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              aria-label={t('askPage.questionForm')}\n              title={questionTitle}\n              content={content}\n            />\n            <AIAnswerCard draft={draft} />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,14 +1,26 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useParams } from 'react-router-dom';
-import { qetaTranslationRef, useQetaApi, CollectionFollowButton, ButtonContainer, CreateCollectionButton, CollectionCard, PostsGrid } from '@drodil/backstage-plugin-qeta-react';
+import { useParams, useNavigate } from 'react-router-dom';
+import { qetaTranslationRef, collectionEditRouteRef, useQetaApi, CollectionFollowButton, ContentHeader, ContentHeaderCard, PostsGrid, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
 import { Skeleton } from '@material-ui/lab';
-import { WarningPanel, ContentHeader } from '@backstage/core-components';
-import { Typography, Grid } from '@material-ui/core';
+import { WarningPanel } from '@backstage/core-components';
+import { Typography, Button, Grid } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { useState } from 'react';
+import EditIcon from '@material-ui/icons/Edit';
+import DeleteIcon from '@material-ui/icons/Delete';
+import PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';
+import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
+import PeopleIcon from '@material-ui/icons/People';
+import { useRouteRef } from '@backstage/core-plugin-api';
 
 const CollectionPage = () => {
   const { id } = useParams();
   const { t } = useTranslationRef(qetaTranslationRef);
+  const navigate = useNavigate();
+  const editCollectionRoute = useRouteRef(collectionEditRouteRef);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
+  const handleDeleteModalOpen = () => setDeleteModalOpen(true);
+  const handleDeleteModalClose = () => setDeleteModalOpen(false);
   const {
     value: collection,
     loading,
@@ -20,7 +32,8 @@ const CollectionPage = () => {
   if (error || collection === void 0) {
     return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("questionPage.errorLoading"), children: error?.message });
   }
-  const title = /* @__PURE__ */ jsxs(Typography, { variant: "h5", component: "h2", children: [
+  const title = /* @__PURE__ */ jsxs(Typography, { variant: "h5", component: "h2", style: { display: "flex" }, children: [
+    /* @__PURE__ */ jsx(PlaylistPlayIcon, { fontSize: "large", style: { marginRight: "8px" } }),
     collection.title,
     /* @__PURE__ */ jsx(
       CollectionFollowButton,
@@ -31,16 +44,59 @@ const CollectionPage = () => {
     )
   ] });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ContentHeader,
-      {
-        titleComponent: title,
-        description: t("collectionPage.info"),
-        children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(CreateCollectionButton, {}) })
-      }
-    ),
+    /* @__PURE__ */ jsxs(ContentHeader, { titleComponent: title, children: [
+      collection.canEdit && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "contained",
+          color: "primary",
+          startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+          onClick: () => editCollectionRoute && navigate(
+            editCollectionRoute({
+              id: collection.id.toString(10)
+            })
+          ),
+          children: t("templateList.editButton")
+        }
+      ),
+      collection.canDelete && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outlined",
+          color: "secondary",
+          startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+          onClick: handleDeleteModalOpen,
+          children: t("templateList.deleteButton")
+        }
+      )
+    ] }),
     /* @__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(
+        ContentHeaderCard,
+        {
+          description: collection.description,
+          image: collection.headerImage,
+          imageIcon: /* @__PURE__ */ jsx(PlaylistPlayIcon, { style: { fontSize: 80 } }),
+          tagsAndEntities: { entity: collection },
+          stats: [
+            {
+              label: t("common.postsLabel", {
+                count: collection.postsCount,
+                itemType: "post"
+              }),
+              value: collection.postsCount,
+              icon: /* @__PURE__ */ jsx(QuestionAnswerIcon, { fontSize: "small" })
+            },
+            {
+              label: t("common.followersLabel", {
+                count: collection.followers
+              }),
+              value: collection.followers,
+              icon: /* @__PURE__ */ jsx(PeopleIcon, { fontSize: "small" })
+            }
+          ]
+        }
+      ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
         PostsGrid,
         {
@@ -49,7 +105,15 @@ const CollectionPage = () => {
           allowRanking: collection.canEdit
         }
       ) })
-    ] })
+    ] }),
+    collection.canDelete && /* @__PURE__ */ jsx(
+      DeleteModal,
+      {
+        open: deleteModalOpen,
+        onClose: handleDeleteModalClose,
+        entity: collection
+      }
+    )
   ] });
 };
 

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

@@ -1 +1 @@
-{"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  qetaTranslationRef,\n  useQetaApi,\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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,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;;;;"}
+{"version":3,"file":"CollectionPage.esm.js","sources":["../../../src/components/CollectionPage/CollectionPage.tsx"],"sourcesContent":["import { useParams } from 'react-router-dom';\nimport {\n  CollectionFollowButton,\n  ContentHeader,\n  DeleteModal,\n  PostsGrid,\n  collectionEditRouteRef,\n  qetaTranslationRef,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\nimport EditIcon from '@material-ui/icons/Edit';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport PlaylistPlayIcon from '@material-ui/icons/PlaylistPlay';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { useNavigate } from 'react-router-dom';\nimport { ContentHeaderCard } from '@drodil/backstage-plugin-qeta-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nexport const CollectionPage = () => {\n  const { id } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const navigate = useNavigate();\n  const editCollectionRoute = useRouteRef(collectionEditRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\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\" style={{ display: 'flex' }}>\n      <PlaylistPlayIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n      {collection.title}\n      <CollectionFollowButton\n        collection={collection}\n        style={{ marginLeft: '0.5em' }}\n      />\n    </Typography>\n  );\n\n  return (\n    <>\n      <ContentHeader titleComponent={title}>\n        {collection.canEdit && (\n          <Button\n            variant=\"contained\"\n            color=\"primary\"\n            startIcon={<EditIcon />}\n            onClick={() =>\n              editCollectionRoute &&\n              navigate(\n                editCollectionRoute({\n                  id: collection.id.toString(10),\n                }),\n              )\n            }\n          >\n            {t('templateList.editButton')}\n          </Button>\n        )}\n        {collection.canDelete && (\n          <Button\n            variant=\"outlined\"\n            color=\"secondary\"\n            startIcon={<DeleteIcon />}\n            onClick={handleDeleteModalOpen}\n          >\n            {t('templateList.deleteButton')}\n          </Button>\n        )}\n      </ContentHeader>\n      <Grid container>\n        <Grid item xs={12}>\n          <ContentHeaderCard\n            description={collection.description}\n            image={collection.headerImage}\n            imageIcon={<PlaylistPlayIcon style={{ fontSize: 80 }} />}\n            tagsAndEntities={{ entity: collection }}\n            stats={[\n              {\n                label: t('common.postsLabel', {\n                  count: collection.postsCount,\n                  itemType: 'post',\n                }),\n                value: collection.postsCount,\n                icon: <QuestionAnswerIcon fontSize=\"small\" />,\n              },\n              {\n                label: t('common.followersLabel', {\n                  count: collection.followers,\n                }),\n                value: collection.followers,\n                icon: <PeopleIcon fontSize=\"small\" />,\n              },\n            ]}\n          />\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      {collection.canDelete && (\n        <DeleteModal\n          open={deleteModalOpen}\n          onClose={handleDeleteModalClose}\n          entity={collection}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,27 +1,24 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ContentHeader } from '@backstage/core-components';
-import { qetaTranslationRef, useCollectionsFollow, ButtonContainer, CreateCollectionButton, CollectionsGrid, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
-import { Grid } from '@material-ui/core';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, CollectionsGrid } from '@drodil/backstage-plugin-qeta-react';
+import PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const CollectionsPage = () => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  const collections = useCollectionsFollow();
-  return /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 4, children: [
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
-      Grid,
+      ContentHeader,
       {
-        item: true,
-        md: 12,
-        lg: collections.collections.length > 0 ? 9 : 12,
-        xl: collections.collections.length > 0 ? 10 : 12,
+        title: t("collectionsPage.title"),
+        titleIcon: /* @__PURE__ */ jsx(PlaylistPlayOutlined, { fontSize: "large" }),
         children: [
-          /* @__PURE__ */ jsx(ContentHeader, { title: t("collectionsPage.title"), children: /* @__PURE__ */ jsx(ButtonContainer, { children: /* @__PURE__ */ jsx(CreateCollectionButton, {}) }) }),
-          /* @__PURE__ */ jsx(CollectionsGrid, {})
+          /* @__PURE__ */ jsx(AskQuestionButton, {}),
+          /* @__PURE__ */ jsx(WriteArticleButton, {}),
+          /* @__PURE__ */ jsx(CreateLinkButton, {})
         ]
       }
     ),
-    /* @__PURE__ */ jsx(Grid, { item: true, lg: 3, xl: 2, children: /* @__PURE__ */ jsx(FollowedCollectionsList, {}) })
+    /* @__PURE__ */ jsx(CollectionsGrid, {})
   ] });
 };
 

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

@@ -1 +1 @@
-{"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  qetaTranslationRef,\n  useCollectionsFollow,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionsPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,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;;;;"}
+{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  CollectionsGrid,\n  qetaTranslationRef,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CollectionsPage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('collectionsPage.title')}\n        titleIcon={<PlaylistPlayOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <CollectionsGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,uBAAuB,CAAA;AAAA,QAChC,SAAW,kBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAElD,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,8BAClB,kBAAmB,EAAA,EAAA,CAAA;AAAA,8BACnB,gBAAiB,EAAA,EAAA;AAAA;AAAA;AAAA,KACpB;AAAA,wBACC,eAAgB,EAAA,EAAA;AAAA,GACnB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CreateLinkPage/CreateLinkPage.esm.js

@@ -1,9 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useParams, useSearchParams } from 'react-router-dom';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import { qetaTranslationRef, PostForm } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, PostForm } from '@drodil/backstage-plugin-qeta-react';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
-import { ContentHeader, InfoCard } from '@backstage/core-components';
+import { InfoCard } from '@backstage/core-components';
 import { Grid } from '@material-ui/core';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 

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

@@ -1 +1 @@
-{"version":3,"file":"CreateLinkPage.esm.js","sources":["../../../src/components/CreateLinkPage/CreateLinkPage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  PostForm,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { ContentHeader, InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CreateLinkPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslationRef(qetaTranslationRef);\n  let title;\n  if (id) {\n    title = t('createLinkPage.title.existingLink');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('createLinkPage.title.entityLink', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('createLinkPage.title.newLink');\n  }\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"link\"\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAWO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,mCAAmC,CAAA;AAAA,aACpC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,iCAAmC,EAAA;AAAA,MAC3C,QAAQ,cAAe,CAAA;AAAA,KACxB,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA;AAG1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAc,EAAA,CAAA;AAAA,oBAC5B,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,QAAA,EACpC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAK,EAAA;AAAA;AAAA,KACP,EACF,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CreateLinkPage.esm.js","sources":["../../../src/components/CreateLinkPage/CreateLinkPage.tsx"],"sourcesContent":["import { useParams, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  ContentHeader,\n  PostForm,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { InfoCard } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const CreateLinkPage = () => {\n  const { id } = useParams();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity') ?? undefined;\n  const entityPage = searchParams.get('entityPage') === 'true';\n  const tags = filterTags(searchParams.get('tags'));\n  const { t } = useTranslationRef(qetaTranslationRef);\n  let title;\n  if (id) {\n    title = t('createLinkPage.title.existingLink');\n  } else if (entity) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const representation = useEntityPresentation(entity);\n    title = t('createLinkPage.title.entityLink', {\n      entity: representation.primaryTitle,\n    });\n  } else {\n    title = t('createLinkPage.title.newLink');\n  }\n\n  return (\n    <>\n      <ContentHeader title={title} />\n      <Grid container spacing={3} direction=\"column\">\n        <Grid item>\n          <InfoCard>\n            <PostForm\n              id={id}\n              entity={entity}\n              entityPage={entityPage}\n              tags={tags}\n              type=\"link\"\n            />\n          </InfoCard>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,EAAG,EAAA,GAAI,SAAU,EAAA;AACzB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA;AACvC,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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAI,IAAA,KAAA;AACJ,EAAA,IAAI,EAAI,EAAA;AACN,IAAA,KAAA,GAAQ,EAAE,mCAAmC,CAAA;AAAA,aACpC,MAAQ,EAAA;AAEjB,IAAM,MAAA,cAAA,GAAiB,sBAAsB,MAAM,CAAA;AACnD,IAAA,KAAA,GAAQ,EAAE,iCAAmC,EAAA;AAAA,MAC3C,QAAQ,cAAe,CAAA;AAAA,KACxB,CAAA;AAAA,GACI,MAAA;AACL,IAAA,KAAA,GAAQ,EAAE,8BAA8B,CAAA;AAAA;AAG1C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAc,KAAc,EAAA,CAAA;AAAA,oBAC5B,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EAAG,SAAU,EAAA,QAAA,EACpC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,MAAA;AAAA,QACA,UAAA;AAAA,QACA,IAAA;AAAA,QACA,IAAK,EAAA;AAAA;AAAA,KACP,EACF,GACF,CACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}