@drodil/backstage-plugin-qeta 3.52.5 → 3.53.0

package/dist/alpha.d.ts

@@ -88,7 +88,7 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             showNoQuestionsBtn: boolean | undefined;
             initialPageSize: number | undefined;
             type: "question" | "article" | "link" | undefined;
-            view: "list" | "grid" | undefined;
+            view: "grid" | "list" | undefined;
             path: string | undefined;
             title: string | undefined;
             filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
@@ -96,14 +96,14 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
         };
         configInput: {
             type?: "question" | "article" | "link" | undefined;
-            view?: "list" | "grid" | undefined;
-            showNoQuestionsBtn?: boolean | undefined;
-            initialPageSize?: number | undefined;
+            view?: "grid" | "list" | undefined;
             showFilters?: boolean | undefined;
             showTitle?: boolean | undefined;
             showAskButton?: boolean | undefined;
             showWriteButton?: boolean | undefined;
             showLinkButton?: boolean | undefined;
+            showNoQuestionsBtn?: boolean | undefined;
+            initialPageSize?: number | undefined;
             filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
             title?: string | undefined | undefined;
             path?: string | undefined | undefined;

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

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { qetaTranslationRef, ContentHeader, WriteArticleButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, WriteArticleButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 import LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';
 import { Typography } from '@material-ui/core';
@@ -9,7 +9,6 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const ArticlesPage = () => {
   const [searchParams] = useSearchParams();
-  const [view, setView] = useState("grid");
   const [entityRef, setEntityRef] = useState(void 0);
   const [tags, setTags] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -41,7 +40,7 @@ const ArticlesPage = () => {
         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__ */ jsx(PostsContainer, { type: "article", defaultView: "grid" })
   ] });
 };
 

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 {\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;;;;"}
+{"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  PostsContainer,\n  qetaTranslationRef,\n  WriteArticleButton,\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\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      <PostsContainer type=\"article\" defaultView=\"grid\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,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,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,oBACC,GAAA,CAAA,cAAA,EAAA,EAAe,IAAK,EAAA,SAAA,EAAU,aAAY,MAAO,EAAA;AAAA,GACpD,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useParams, useNavigate } from 'react-router-dom';
-import { qetaTranslationRef, collectionEditRouteRef, useQetaApi, CollectionFollowButton, ContentHeader, ContentHeaderCard, PostsGrid, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, collectionEditRouteRef, useQetaApi, CollectionFollowButton, ContentHeader, ContentHeaderCard, PostsContainer, DeleteModal } from '@drodil/backstage-plugin-qeta-react';
 import { Skeleton } from '@material-ui/lab';
 import { WarningPanel } from '@backstage/core-components';
 import { Typography, Button, Grid } from '@material-ui/core';
@@ -30,7 +30,7 @@ const CollectionPage = () => {
     return /* @__PURE__ */ jsx(Skeleton, { variant: "rect", height: 200 });
   }
   if (error || collection === void 0) {
-    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("questionPage.errorLoading"), children: error?.message });
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("questionPage.errorLoading", {}), children: error?.message });
   }
   const title = /* @__PURE__ */ jsxs(Typography, { variant: "h5", component: "h2", style: { display: "flex" }, children: [
     /* @__PURE__ */ jsx(PlaylistPlayIcon, { fontSize: "large", style: { marginRight: "8px" } }),
@@ -56,7 +56,7 @@ const CollectionPage = () => {
               id: collection.id.toString(10)
             })
           ),
-          children: t("templateList.editButton")
+          children: t("templateList.editButton", {})
         }
       ),
       collection.canDelete && /* @__PURE__ */ jsx(
@@ -66,7 +66,7 @@ const CollectionPage = () => {
           color: "secondary",
           startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
           onClick: handleDeleteModalOpen,
-          children: t("templateList.deleteButton")
+          children: t("templateList.deleteButton", {})
         }
       )
     ] }),
@@ -98,11 +98,13 @@ const CollectionPage = () => {
         }
       ) }),
       /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        PostsGrid,
+        PostsContainer,
         {
           collectionId: collection.id,
           orderBy: "rank",
-          allowRanking: collection.canEdit
+          allowRanking: collection.canEdit,
+          defaultView: "grid",
+          prefix: "collection-posts"
         }
       ) })
     ] }),

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  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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"}
+{"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  collectionEditRouteRef,\n  qetaTranslationRef,\n  useQetaApi,\n  PostsContainer,\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          <PostsContainer\n            collectionId={collection.id}\n            orderBy=\"rank\"\n            allowRanking={collection.canEdit}\n            defaultView=\"grid\"\n            prefix=\"collection-posts\"\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,5 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { qetaTranslationRef, ContentHeader, CreateCollectionButton, CollectionsGrid } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, CreateCollectionButton, CollectionsContainer } from '@drodil/backstage-plugin-qeta-react';
 import PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
@@ -14,7 +14,7 @@ const CollectionsPage = () => {
         children: /* @__PURE__ */ jsx(CreateCollectionButton, {})
       }
     ),
-    /* @__PURE__ */ jsx(CollectionsGrid, {})
+    /* @__PURE__ */ jsx(CollectionsContainer, {})
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import {\n  CollectionsGrid,\n  ContentHeader,\n  CreateCollectionButton,\n  qetaTranslationRef,\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        <CreateCollectionButton />\n      </ContentHeader>\n      <CollectionsGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,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,GAAA;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,8BAAC,sBAAuB,EAAA,EAAA;AAAA;AAAA,KAC1B;AAAA,wBACC,eAAgB,EAAA,EAAA;AAAA,GACnB,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionsPage.esm.js","sources":["../../../src/components/CollectionsPage/CollectionsPage.tsx"],"sourcesContent":["import {\n  CollectionsContainer,\n  ContentHeader,\n  CreateCollectionButton,\n  qetaTranslationRef,\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        <CreateCollectionButton />\n      </ContentHeader>\n      <CollectionsContainer />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASO,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,GAAA;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,8BAAC,sBAAuB,EAAA,EAAA;AAAA;AAAA,KAC1B;AAAA,wBACC,oBAAqB,EAAA,EAAA;AAAA,GACxB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/EntityCards/EntityPostsGridCard.esm.js

@@ -1,12 +1,19 @@
 import { jsx } from 'react/jsx-runtime';
 import { useEntity } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import { PostsGrid } from '@drodil/backstage-plugin-qeta-react';
+import { PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { InfoCard } from '@backstage/core-components';
 
 const EntityPostsGridCard = (props) => {
   const { entity } = useEntity();
-  return /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsx(PostsGrid, { ...props, entity: stringifyEntityRef(entity) }) });
+  return /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsx(
+    PostsContainer,
+    {
+      defaultView: "grid",
+      ...props,
+      entity: stringifyEntityRef(entity)
+    }
+  ) });
 };
 
 export { EntityPostsGridCard };

package/dist/components/EntityCards/EntityPostsGridCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPostsGridCard.esm.js","sources":["../../../src/components/EntityCards/EntityPostsGridCard.tsx"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport { PostGridProps, PostsGrid } from '@drodil/backstage-plugin-qeta-react';\nimport { InfoCard } from '@backstage/core-components';\n\nexport const EntityPostsGridCard = (props: PostGridProps) => {\n  const { entity } = useEntity();\n\n  return (\n    <InfoCard>\n      <PostsGrid {...props} entity={stringifyEntityRef(entity)} />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,mBAAA,GAAsB,CAAC,KAAyB,KAAA;AAC3D,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EACE,uBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,SAAW,EAAA,EAAA,GAAG,OAAO,MAAQ,EAAA,kBAAA,CAAmB,MAAM,CAAA,EAAG,CAC5D,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityPostsGridCard.esm.js","sources":["../../../src/components/EntityCards/EntityPostsGridCard.tsx"],"sourcesContent":["import { useEntity } from '@backstage/plugin-catalog-react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport {\n  PostsContainer,\n  PostsContainerProps,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { InfoCard } from '@backstage/core-components';\n\nexport const EntityPostsGridCard = (props: PostsContainerProps) => {\n  const { entity } = useEntity();\n\n  return (\n    <InfoCard>\n      <PostsContainer\n        defaultView=\"grid\"\n        {...props}\n        entity={stringifyEntityRef(entity)}\n      />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAQa,MAAA,mBAAA,GAAsB,CAAC,KAA+B,KAAA;AACjE,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,SAAU,EAAA;AAE7B,EAAA,2BACG,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,MAAA;AAAA,MACX,GAAG,KAAA;AAAA,MACJ,MAAA,EAAQ,mBAAmB,MAAM;AAAA;AAAA,GAErC,EAAA,CAAA;AAEJ;;;;"}

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

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { useApi } from '@backstage/core-plugin-api';
-import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, EntitiesGrid, useQetaApi, EntityFollowButton, ContentHeaderCard, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, EntitiesContainer, useQetaApi, EntityFollowButton, ContentHeaderCard, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { useEntityPresentation, catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
 import CategoryOutlined from '@material-ui/icons/CategoryOutlined';
 import QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';
@@ -13,7 +13,6 @@ import { WarningPanel } from '@backstage/core-components';
 
 const SingleEntityPage = ({ entityRef }) => {
   const { t } = useTranslationRef(qetaTranslationRef);
-  const [view, setView] = useState("list");
   const [entity, setEntity] = useState(void 0);
   const { Icon } = useEntityPresentation(entityRef);
   const catalogApi = useApi(catalogApiRef);
@@ -79,22 +78,13 @@ const SingleEntityPage = ({ entityRef }) => {
         ]
       }
     ),
-    view === "grid" ? /* @__PURE__ */ jsx(
-      PostsGrid,
-      {
-        entity: entityRef,
-        filterPanelProps: { showEntityFilter: false },
-        view,
-        onViewChange: setView
-      }
-    ) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       PostsContainer,
       {
         entity: entityRef,
         filterPanelProps: { showEntityFilter: false },
-        view,
-        showTypeLabel: true,
-        onViewChange: setView
+        defaultView: "list",
+        showTypeLabel: true
       }
     )
   ] });
@@ -118,7 +108,7 @@ const EntityPage = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx(EntitiesGrid, {})
+    /* @__PURE__ */ jsx(EntitiesContainer, {})
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  AskQuestionButton,\n  CreateLinkButton,\n  EntitiesGrid,\n  EntityFollowButton,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  useQetaApi,\n  ViewType,\n  WriteArticleButton,\n  ContentHeaderCard,\n  ContentHeader,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n  EntityRefLink,\n  useEntityPresentation,\n  catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst SingleEntityPage = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [view, setView] = useState<ViewType>('list');\n  const [entity, setEntity] = useState<Entity | undefined>(undefined);\n  const { Icon } = useEntityPresentation(entityRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    catalogApi.getEntityByRef(entityRef).then(e => setEntity(e));\n  }, [catalogApi, entityRef]);\n\n  const {\n    value: resp,\n    loading,\n    error,\n  } = useQetaApi(api => api.getEntity(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || !resp) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const title = (\n    <div style={{ display: 'flex', alignItems: 'center' }}>\n      <EntityRefLink\n        entityRef={resp.entityRef}\n        defaultKind=\"Component\"\n        hideIcon\n      />\n      <span style={{ marginLeft: '0.5em', display: 'flex' }}>\n        <EntityFollowButton entityRef={resp.entityRef} />\n      </span>\n    </div>\n  );\n\n  const description = `${entity?.kind} ${\n    entity?.spec?.type ? `(${entity?.spec?.type})` : ''\n  }`;\n\n  return (\n    <>\n      <ContentHeader\n        title={title}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n        description={description}\n      >\n        <AskQuestionButton entity={resp.entityRef} />\n        <WriteArticleButton entity={resp.entityRef} />\n        <CreateLinkButton entity={resp.entityRef} />\n      </ContentHeader>\n      {resp && (\n        <ContentHeaderCard\n          description={entity?.metadata?.description}\n          imageIcon={\n            Icon ? (\n              <div style={{ fontSize: '80px', display: 'flex' }}>\n                <Icon fontSize=\"inherit\" />\n              </div>\n            ) : (\n              <CategoryOutlined style={{ fontSize: 80 }} />\n            )\n          }\n          stats={[\n            {\n              label: t('common.postsLabel', {\n                count: resp.postsCount,\n                itemType: 'post',\n              }),\n              value: resp.postsCount,\n              icon: <QuestionAnswerIcon fontSize=\"small\" />,\n            },\n            {\n              label: t('common.followersLabel', { count: resp.followerCount }),\n              value: resp.followerCount,\n              icon: <PeopleIcon fontSize=\"small\" />,\n            },\n          ]}\n        />\n      )}\n      {view === 'grid' ? (\n        <PostsGrid\n          entity={entityRef}\n          filterPanelProps={{ showEntityFilter: false }}\n          view={view}\n          onViewChange={setView}\n        />\n      ) : (\n        <PostsContainer\n          entity={entityRef}\n          filterPanelProps={{ showEntityFilter: false }}\n          view={view}\n          showTypeLabel\n          onViewChange={setView}\n        />\n      )}\n    </>\n  );\n};\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (entityRef) {\n    return <SingleEntityPage entityRef={entityRef} />;\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={t('entitiesPage.defaultTitle')}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <EntitiesGrid />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntityPage.esm.js","sources":["../../../src/components/EntityPage/EntityPage.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useApi } from '@backstage/core-plugin-api';\nimport {\n  AskQuestionButton,\n  CreateLinkButton,\n  EntitiesContainer,\n  EntityFollowButton,\n  PostsContainer,\n  qetaTranslationRef,\n  useQetaApi,\n  WriteArticleButton,\n  ContentHeaderCard,\n  ContentHeader,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n  EntityRefLink,\n  useEntityPresentation,\n  catalogApiRef,\n} from '@backstage/plugin-catalog-react';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined';\nimport QuestionAnswerIcon from '@material-ui/icons/QuestionAnswer';\nimport PeopleIcon from '@material-ui/icons/People';\nimport { Skeleton } from '@material-ui/lab';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Entity } from '@backstage/catalog-model';\n\nconst SingleEntityPage = ({ entityRef }: { entityRef: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [entity, setEntity] = useState<Entity | undefined>(undefined);\n  const { Icon } = useEntityPresentation(entityRef);\n  const catalogApi = useApi(catalogApiRef);\n\n  useEffect(() => {\n    catalogApi.getEntityByRef(entityRef).then(e => setEntity(e));\n  }, [catalogApi, entityRef]);\n\n  const {\n    value: resp,\n    loading,\n    error,\n  } = useQetaApi(api => api.getEntity(entityRef), [entityRef]);\n\n  if (loading) {\n    return <Skeleton variant=\"rect\" height={200} />;\n  }\n\n  if (error || !resp) {\n    return (\n      <WarningPanel severity=\"error\" title={t('questionPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const title = (\n    <div style={{ display: 'flex', alignItems: 'center' }}>\n      <EntityRefLink\n        entityRef={resp.entityRef}\n        defaultKind=\"Component\"\n        hideIcon\n      />\n      <span style={{ marginLeft: '0.5em', display: 'flex' }}>\n        <EntityFollowButton entityRef={resp.entityRef} />\n      </span>\n    </div>\n  );\n\n  const description = `${entity?.kind} ${\n    entity?.spec?.type ? `(${entity?.spec?.type})` : ''\n  }`;\n\n  return (\n    <>\n      <ContentHeader\n        title={title}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n        description={description}\n      >\n        <AskQuestionButton entity={resp.entityRef} />\n        <WriteArticleButton entity={resp.entityRef} />\n        <CreateLinkButton entity={resp.entityRef} />\n      </ContentHeader>\n      {resp && (\n        <ContentHeaderCard\n          description={entity?.metadata?.description}\n          imageIcon={\n            Icon ? (\n              <div style={{ fontSize: '80px', display: 'flex' }}>\n                <Icon fontSize=\"inherit\" />\n              </div>\n            ) : (\n              <CategoryOutlined style={{ fontSize: 80 }} />\n            )\n          }\n          stats={[\n            {\n              label: t('common.postsLabel', {\n                count: resp.postsCount,\n                itemType: 'post',\n              }),\n              value: resp.postsCount,\n              icon: <QuestionAnswerIcon fontSize=\"small\" />,\n            },\n            {\n              label: t('common.followersLabel', { count: resp.followerCount }),\n              value: resp.followerCount,\n              icon: <PeopleIcon fontSize=\"small\" />,\n            },\n          ]}\n        />\n      )}\n      <PostsContainer\n        entity={entityRef}\n        filterPanelProps={{ showEntityFilter: false }}\n        defaultView=\"list\"\n        showTypeLabel\n      />\n    </>\n  );\n};\n\nexport const EntityPage = () => {\n  const { entityRef } = useParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (entityRef) {\n    return <SingleEntityPage entityRef={entityRef} />;\n  }\n\n  return (\n    <>\n      <ContentHeader\n        title={t('entitiesPage.defaultTitle')}\n        titleIcon={<CategoryOutlined fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <EntitiesContainer />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, WriteArticleButton, CreateLinkButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import StarBorder from '@material-ui/icons/StarBorder';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import { useState } from 'react';
 
 const FavoritePage = () => {
-  const [view, setView] = useState("list");
   const { t } = useTranslationRef(qetaTranslationRef);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
@@ -20,22 +18,14 @@ const FavoritePage = () => {
         ]
       }
     ),
-    view === "grid" ? /* @__PURE__ */ jsx(
-      PostsGrid,
-      {
-        favorite: true,
-        showNoQuestionsBtn: false,
-        view,
-        onViewChange: setView
-      }
-    ) : /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       PostsContainer,
       {
         favorite: true,
         showNoQuestionsBtn: false,
         showTypeLabel: true,
-        view,
-        onViewChange: setView
+        defaultView: "list",
+        prefix: "favorites"
       }
     )
   ] });

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

@@ -1 +1 @@
-{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  ViewType,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { useState } from 'react';\n\nexport const FavoritePage = () => {\n  const [view, setView] = useState<ViewType>('list');\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('favoritePage.title')}\n        titleIcon={<StarBorder fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      {view === 'grid' ? (\n        <PostsGrid\n          favorite\n          showNoQuestionsBtn={false}\n          view={view}\n          onViewChange={setView}\n        />\n      ) : (\n        <PostsContainer\n          favorite\n          showNoQuestionsBtn={false}\n          showTypeLabel\n          view={view}\n          onViewChange={setView}\n        />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAmB,MAAM,CAAA;AACjD,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,oBAAoB,CAAA;AAAA,QAC7B,SAAW,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAExC,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,IACC,SAAS,MACR,mBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,kBAAoB,EAAA,KAAA;AAAA,QACpB,IAAA;AAAA,QACA,YAAc,EAAA;AAAA;AAAA,KAGhB,mBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,kBAAoB,EAAA,KAAA;AAAA,QACpB,aAAa,EAAA,IAAA;AAAA,QACb,IAAA;AAAA,QACA,YAAc,EAAA;AAAA;AAAA;AAChB,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoritePage.esm.js","sources":["../../../src/components/FavoritePage/FavoritePage.tsx"],"sourcesContent":["import {\n  AskQuestionButton,\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n  WriteArticleButton,\n} from '@drodil/backstage-plugin-qeta-react';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const FavoritePage = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <>\n      <ContentHeader\n        title={t('favoritePage.title')}\n        titleIcon={<StarBorder fontSize=\"large\" />}\n      >\n        <AskQuestionButton />\n        <WriteArticleButton />\n        <CreateLinkButton />\n      </ContentHeader>\n      <PostsContainer\n        favorite\n        showNoQuestionsBtn={false}\n        showTypeLabel\n        defaultView=\"list\"\n        prefix=\"favorites\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,eAAe,MAAM;AAChC,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,oBAAoB,CAAA;AAAA,QAC7B,SAAW,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAExC,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,oBACA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAQ,EAAA,IAAA;AAAA,QACR,kBAAoB,EAAA,KAAA;AAAA,QACpB,aAAa,EAAA,IAAA;AAAA,QACb,WAAY,EAAA,MAAA;AAAA,QACZ,MAAO,EAAA;AAAA;AAAA;AACT,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/LinksPage/LinksPage.esm.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { qetaTranslationRef, ContentHeader, CreateLinkButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, CreateLinkButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 import LinkIcon from '@material-ui/icons/Link';
 import { Typography } from '@material-ui/core';
@@ -9,7 +9,6 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const LinksPage = () => {
   const [searchParams] = useSearchParams();
-  const [view, setView] = useState("list");
   const [entityRef, setEntityRef] = useState(void 0);
   const [tags, setTags] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -35,7 +34,7 @@ const LinksPage = () => {
         children: /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef, tags })
       }
     ),
-    view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "link", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "link", view, onViewChange: setView })
+    /* @__PURE__ */ jsx(PostsContainer, { type: "link", defaultView: "list" })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n  const [searchParams] = useSearchParams();\n  const [view, setView] = useState<ViewType>('list');\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            <LinkIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n            {t('linksPage.title')}\n          </Typography>\n        }\n      >\n        <CreateLinkButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      {view === 'grid' ? (\n        <PostsGrid type=\"link\" view={view} onViewChange={setView} />\n      ) : (\n        <PostsContainer type=\"link\" view={view} onViewChange={setView} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAeO,MAAM,YAAY,MAAM;AAC7B,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,CAAC,YAAS,QAAS,EAAA,OAAA,EAAQ,OAAO,EAAE,WAAA,EAAa,OAAS,EAAA,CAAA;AAAA,cACzD,EAAE,iBAAiB;AAAA;AAAA;AAAA,SACtB;AAAA,QAGF,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACnD;AAAA,IACC,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,QAAO,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAEzD,cAAe,EAAA,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,GAEnE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n  const [searchParams] = useSearchParams();\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            <LinkIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n            {t('linksPage.title')}\n          </Typography>\n        }\n      >\n        <CreateLinkButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      <PostsContainer type=\"link\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,YAAY,MAAM;AAC7B,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,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,CAAC,YAAS,QAAS,EAAA,OAAA,EAAQ,OAAO,EAAE,WAAA,EAAa,OAAS,EAAA,CAAA;AAAA,cACzD,EAAE,iBAAiB;AAAA;AAAA;AAAA,SACtB;AAAA,QAGF,QAAC,kBAAA,GAAA,CAAA,gBAAA,EAAA,EAAiB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACnD;AAAA,oBACC,GAAA,CAAA,cAAA,EAAA,EAAe,IAAK,EAAA,MAAA,EAAO,aAAY,MAAO,EAAA;AAAA,GACjD,EAAA,CAAA;AAEJ;;;;"}

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

@@ -8,7 +8,7 @@ import { TagPage } from '../TagPage/TagPage.esm.js';
 import { UserPage } from '../UserPage/UserPage.esm.js';
 import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
 import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
-import { QetaProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, articlesRouteRef, writeRouteRef, linksRouteRef, createLinkRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, editArticleRouteRef, editLinkRouteRef, questionRouteRef, linkRouteRef, articleRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef, reviewRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { QetaProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, articlesRouteRef, writeRouteRef, linksRouteRef, createLinkRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, editArticleRouteRef, editLinkRouteRef, questionRouteRef, linkRouteRef, articleRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef, reviewRouteRef, settingsRouteRef } from '@drodil/backstage-plugin-qeta-react';
 import { QuestionsPage } from '../QuestionsPage/QuestionsPage.esm.js';
 import { HomePage } from '../HomePage/HomePage.esm.js';
 import { ArticlesPage } from '../ArticlesPage/ArticlesPage.esm.js';
@@ -24,6 +24,7 @@ import { EntityPage } from '../EntityPage/EntityPage.esm.js';
 import { UsersPage } from '../UsersPage/UsersPage.esm.js';
 import { ModeratorPage } from '../ModeratorPage/ModeratorPage.esm.js';
 import { ReviewPage } from '../ReviewPage/ReviewPage.esm.js';
+import { SettingsPage } from '../SettingsPage/SettingsPage.esm.js';
 import { makeStyles, Container, Grid, Box } from '@material-ui/core';
 import { useSidebarSettings } from '../../hooks/useSidebarSettings.esm.js';
 import { RightContent } from '../RightContent/RightContent.esm.js';
@@ -57,8 +58,7 @@ const useStyles = makeStyles((theme) => ({
     top: theme.spacing(2),
     alignSelf: "flex-start",
     maxHeight: "calc(100vh - 100px)",
-    overflowY: "auto",
-    overflowX: "hidden",
+    overflow: "hidden",
     [theme.breakpoints.up("lg")]: {
       width: (props) => props.rightCompact ? 72 : 320,
       minWidth: (props) => props.rightCompact ? 72 : 320
@@ -248,7 +248,14 @@ const QetaPage = (props) => {
                   element: /* @__PURE__ */ jsx(ModeratorPage, {})
                 }
               ),
-              /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) })
+              /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) }),
+              /* @__PURE__ */ jsx(
+                Route,
+                {
+                  path: settingsRouteRef.path,
+                  element: /* @__PURE__ */ jsx(SettingsPage, {})
+                }
+              )
             ] }) }),
             !hideRightSidebar && /* @__PURE__ */ jsx(Grid, { item: true, className: classes.rightSidebarColumn, children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight }) })
           ]

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

@@ -1 +1 @@
-{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes, useLocation } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  createLinkRouteRef,\n  editArticleRouteRef,\n  editLinkRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  linkRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  QetaProvider,\n  questionRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { LinksPage } from '../LinksPage/LinksPage.tsx';\nimport { LinkPage } from '../LinkPage/LinkPage.tsx';\nimport { CreateLinkPage } from '../CreateLinkPage/CreateLinkPage.tsx';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { ReviewPage } from '../ReviewPage/ReviewPage';\nimport { Box, Container, Grid, makeStyles } from '@material-ui/core';\nimport { useSidebarSettings } from '../../hooks/useSidebarSettings';\nimport { RightContent } from '../RightContent/RightContent';\nimport type { PluggableList } from 'unified';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\ntype StyleProps = {\n  leftCompact: boolean;\n  rightCompact: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  sidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflow: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n      minWidth: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginBottom: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  rightSidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflowY: 'auto',\n    overflowX: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n      minWidth: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginTop: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  mainColumn: {\n    paddingRight: 0,\n    minWidth: 0,\n    transition: 'all 0.2s ease-in-out',\n    [theme.breakpoints.down('md')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n    remarkPlugins,\n    rehypePlugins,\n  } = props ?? {};\n  const { leftCompact, rightCompact, toggleLeft, toggleRight } =\n    useSidebarSettings();\n  const location = useLocation();\n\n  // Hide right sidebar on review and moderator pages\n  const hideRightSidebar =\n    location.pathname.includes('/review') ||\n    location.pathname.includes('/moderate');\n\n  const classes = useStyles({\n    leftCompact,\n    rightCompact,\n  });\n\n  return (\n    <QetaProvider remarkPlugins={remarkPlugins} rehypePlugins={rehypePlugins}>\n      <Page themeId={themeId}>\n        <Header\n          title={title}\n          subtitle={subtitle}\n          type={headerType}\n          typeLink={headerTypeLink}\n          tooltip={headerTooltip}\n        >\n          {headerElements?.map((element, index) => (\n            <Fragment key={index}>{element}</Fragment>\n          ))}\n        </Header>\n        <Content className=\"qetaHomePage\">\n          {introElement}\n          <Container maxWidth=\"xl\">\n            <Grid\n              container\n              spacing={3}\n              justifyContent=\"flex-start\"\n              alignItems=\"flex-start\"\n            >\n              <Grid item className={classes.sidebarColumn}>\n                <Box display={{ xs: 'block', lg: 'none' }}>\n                  <LeftMenuButton />\n                </Box>\n                <Box display={{ xs: 'none', lg: 'block' }}>\n                  <LeftMenu compact={leftCompact} onToggle={toggleLeft} />\n                </Box>\n              </Grid>\n              <Grid item xs className={classes.mainColumn}>\n                <Routes>\n                  <Route path=\"/\" element={<HomePage />} />\n                  <Route\n                    path={questionsRouteRef.path}\n                    element={<QuestionsPage />}\n                  />\n                  <Route path={askRouteRef.path} element={<AskPage />} />\n                  <Route\n                    path={articlesRouteRef.path}\n                    element={<ArticlesPage />}\n                  />\n                  <Route path={writeRouteRef.path} element={<WritePage />} />\n                  <Route path={linksRouteRef.path} element={<LinksPage />} />\n                  <Route\n                    path={createLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={favoriteQuestionsRouteRef.path}\n                    element={<FavoritePage />}\n                  />\n                  <Route\n                    path={editQuestionRouteRef.path}\n                    element={<AskPage />}\n                  />\n                  <Route\n                    path={editArticleRouteRef.path}\n                    element={<WritePage />}\n                  />\n                  <Route\n                    path={editLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={questionRouteRef.path}\n                    element={<QuestionPage />}\n                  />\n                  <Route path={linkRouteRef.path} element={<LinkPage />} />\n                  <Route\n                    path={articleRouteRef.path}\n                    element={<ArticlePage />}\n                  />\n                  <Route path={tagsRouteRef.path} element={<TagPage />} />\n                  <Route path={tagRouteRef.path} element={<TagPage />} />\n                  <Route path={usersRouteRef.path} element={<UsersPage />} />\n                  <Route path={userRouteRef.path} element={<UserPage />} />\n                  <Route\n                    path={statisticsRouteRef.path}\n                    element={<StatisticsPage />}\n                  />\n                  <Route\n                    path={collectionsRouteRef.path}\n                    element={<CollectionsPage />}\n                  />\n                  <Route\n                    path={collectionCreateRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionEditRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionRouteRef.path}\n                    element={<CollectionPage />}\n                  />\n                  <Route\n                    path={entitiesRouteRef.path}\n                    element={<EntityPage />}\n                  />\n                  <Route path={entityRouteRef.path} element={<EntityPage />} />\n                  <Route\n                    path={moderatorRouteRef.path}\n                    element={<ModeratorPage />}\n                  />\n                  <Route path={reviewRouteRef.path} element={<ReviewPage />} />\n                </Routes>\n              </Grid>\n              {!hideRightSidebar && (\n                <Grid item className={classes.rightSidebarColumn}>\n                  <RightContent compact={rightCompact} onToggle={toggleRight} />\n                </Grid>\n              )}\n            </Grid>\n          </Container>\n        </Content>\n      </Page>\n    </QetaProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import { Fragment, ReactNode } from 'react';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes, useLocation } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  articleRouteRef,\n  articlesRouteRef,\n  askRouteRef,\n  collectionCreateRouteRef,\n  collectionEditRouteRef,\n  collectionRouteRef,\n  collectionsRouteRef,\n  createLinkRouteRef,\n  editArticleRouteRef,\n  editLinkRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  LeftMenu,\n  LeftMenuButton,\n  linkRouteRef,\n  linksRouteRef,\n  moderatorRouteRef,\n  QetaProvider,\n  questionRouteRef,\n  questionsRouteRef,\n  reviewRouteRef,\n  settingsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  writeRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { ArticlesPage } from '../ArticlesPage/ArticlesPage';\nimport { WritePage } from '../WritePage/WritePage';\nimport { ArticlePage } from '../ArticlePage/ArticlePage';\nimport { LinksPage } from '../LinksPage/LinksPage.tsx';\nimport { LinkPage } from '../LinkPage/LinkPage.tsx';\nimport { CreateLinkPage } from '../CreateLinkPage/CreateLinkPage.tsx';\nimport { CollectionsPage } from '../CollectionsPage/CollectionsPage';\nimport { CollectionPage } from '../CollectionPage/CollectionPage';\nimport { CollectionCreatePage } from '../CollectionCreatePage/CollectionCreatePage';\nimport { EntityPage } from '../EntityPage/EntityPage';\nimport { UsersPage } from '../UsersPage/UsersPage';\nimport { ModeratorPage } from '../ModeratorPage/ModeratorPage';\nimport { ReviewPage } from '../ReviewPage/ReviewPage';\nimport { SettingsPage } from '../SettingsPage/SettingsPage';\nimport { Box, Container, Grid, makeStyles } from '@material-ui/core';\nimport { useSidebarSettings } from '../../hooks/useSidebarSettings';\nimport { RightContent } from '../RightContent/RightContent';\nimport type { PluggableList } from 'unified';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n  remarkPlugins?: PluggableList;\n  rehypePlugins?: PluggableList;\n};\n\ntype StyleProps = {\n  leftCompact: boolean;\n  rightCompact: boolean;\n};\n\nconst useStyles = makeStyles(theme => ({\n  sidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflow: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n      minWidth: (props: StyleProps) => (props.leftCompact ? 80 : 210),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginBottom: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  rightSidebarColumn: {\n    padding: 0,\n    transition: 'all 0.2s ease-in-out',\n    flexShrink: 0,\n    position: 'sticky',\n    top: theme.spacing(2),\n    alignSelf: 'flex-start',\n    maxHeight: 'calc(100vh - 100px)',\n    overflow: 'hidden',\n    [theme.breakpoints.up('lg')]: {\n      width: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n      minWidth: (props: StyleProps) => (props.rightCompact ? 72 : 320),\n    },\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n      marginTop: theme.spacing(1),\n      position: 'static',\n      maxHeight: 'none',\n    },\n  },\n  mainColumn: {\n    paddingRight: 0,\n    minWidth: 0,\n    transition: 'all 0.2s ease-in-out',\n    [theme.breakpoints.down('md')]: {\n      paddingLeft: 0,\n    },\n  },\n}));\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n    remarkPlugins,\n    rehypePlugins,\n  } = props ?? {};\n  const { leftCompact, rightCompact, toggleLeft, toggleRight } =\n    useSidebarSettings();\n  const location = useLocation();\n\n  // Hide right sidebar on review and moderator pages\n  const hideRightSidebar =\n    location.pathname.includes('/review') ||\n    location.pathname.includes('/moderate');\n\n  const classes = useStyles({\n    leftCompact,\n    rightCompact,\n  });\n\n  return (\n    <QetaProvider remarkPlugins={remarkPlugins} rehypePlugins={rehypePlugins}>\n      <Page themeId={themeId}>\n        <Header\n          title={title}\n          subtitle={subtitle}\n          type={headerType}\n          typeLink={headerTypeLink}\n          tooltip={headerTooltip}\n        >\n          {headerElements?.map((element, index) => (\n            <Fragment key={index}>{element}</Fragment>\n          ))}\n        </Header>\n        <Content className=\"qetaHomePage\">\n          {introElement}\n          <Container maxWidth=\"xl\">\n            <Grid\n              container\n              spacing={3}\n              justifyContent=\"flex-start\"\n              alignItems=\"flex-start\"\n            >\n              <Grid item className={classes.sidebarColumn}>\n                <Box display={{ xs: 'block', lg: 'none' }}>\n                  <LeftMenuButton />\n                </Box>\n                <Box display={{ xs: 'none', lg: 'block' }}>\n                  <LeftMenu compact={leftCompact} onToggle={toggleLeft} />\n                </Box>\n              </Grid>\n              <Grid item xs className={classes.mainColumn}>\n                <Routes>\n                  <Route path=\"/\" element={<HomePage />} />\n                  <Route\n                    path={questionsRouteRef.path}\n                    element={<QuestionsPage />}\n                  />\n                  <Route path={askRouteRef.path} element={<AskPage />} />\n                  <Route\n                    path={articlesRouteRef.path}\n                    element={<ArticlesPage />}\n                  />\n                  <Route path={writeRouteRef.path} element={<WritePage />} />\n                  <Route path={linksRouteRef.path} element={<LinksPage />} />\n                  <Route\n                    path={createLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={favoriteQuestionsRouteRef.path}\n                    element={<FavoritePage />}\n                  />\n                  <Route\n                    path={editQuestionRouteRef.path}\n                    element={<AskPage />}\n                  />\n                  <Route\n                    path={editArticleRouteRef.path}\n                    element={<WritePage />}\n                  />\n                  <Route\n                    path={editLinkRouteRef.path}\n                    element={<CreateLinkPage />}\n                  />\n                  <Route\n                    path={questionRouteRef.path}\n                    element={<QuestionPage />}\n                  />\n                  <Route path={linkRouteRef.path} element={<LinkPage />} />\n                  <Route\n                    path={articleRouteRef.path}\n                    element={<ArticlePage />}\n                  />\n                  <Route path={tagsRouteRef.path} element={<TagPage />} />\n                  <Route path={tagRouteRef.path} element={<TagPage />} />\n                  <Route path={usersRouteRef.path} element={<UsersPage />} />\n                  <Route path={userRouteRef.path} element={<UserPage />} />\n                  <Route\n                    path={statisticsRouteRef.path}\n                    element={<StatisticsPage />}\n                  />\n                  <Route\n                    path={collectionsRouteRef.path}\n                    element={<CollectionsPage />}\n                  />\n                  <Route\n                    path={collectionCreateRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionEditRouteRef.path}\n                    element={<CollectionCreatePage />}\n                  />\n                  <Route\n                    path={collectionRouteRef.path}\n                    element={<CollectionPage />}\n                  />\n                  <Route\n                    path={entitiesRouteRef.path}\n                    element={<EntityPage />}\n                  />\n                  <Route path={entityRouteRef.path} element={<EntityPage />} />\n                  <Route\n                    path={moderatorRouteRef.path}\n                    element={<ModeratorPage />}\n                  />\n                  <Route path={reviewRouteRef.path} element={<ReviewPage />} />\n                  <Route\n                    path={settingsRouteRef.path}\n                    element={<SettingsPage />}\n                  />\n                </Routes>\n              </Grid>\n              {!hideRightSidebar && (\n                <Grid item className={classes.rightSidebarColumn}>\n                  <RightContent compact={rightCompact} onToggle={toggleRight} />\n                </Grid>\n              )}\n            </Grid>\n          </Container>\n        </Content>\n      </Page>\n    </QetaProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/QuestionsPage/QuestionsPage.esm.js

@@ -1,14 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { qetaTranslationRef, ContentHeader, AskQuestionButton, PostsGrid, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, ContentHeader, AskQuestionButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 import HelpOutline from '@material-ui/icons/HelpOutline';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const QuestionsPage = () => {
   const [searchParams] = useSearchParams();
-  const [view, setView] = useState("list");
   const [entityRef, setEntityRef] = useState(void 0);
   const [tags, setTags] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -25,7 +24,7 @@ const QuestionsPage = () => {
         children: /* @__PURE__ */ jsx(AskQuestionButton, { entity: entityRef, tags })
       }
     ),
-    view === "grid" ? /* @__PURE__ */ jsx(PostsGrid, { type: "question", view, onViewChange: setView }) : /* @__PURE__ */ jsx(PostsContainer, { type: "question", view, onViewChange: setView })
+    /* @__PURE__ */ jsx(PostsContainer, { type: "question", defaultView: "list" })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  AskQuestionButton,\n  ContentHeader,\n  PostsContainer,\n  PostsGrid,\n  qetaTranslationRef,\n  ViewType,\n} from '@drodil/backstage-plugin-qeta-react';\n\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\n  const [view, setView] = useState<ViewType>('list');\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        title={t('questionsPage.title')}\n        titleIcon={<HelpOutline fontSize=\"large\" />}\n      >\n        <AskQuestionButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      {view === 'grid' ? (\n        <PostsGrid type=\"question\" view={view} onViewChange={setView} />\n      ) : (\n        <PostsContainer type=\"question\" view={view} onViewChange={setView} />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAeO,MAAM,gBAAgB,MAAM;AACjC,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,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,SAAW,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAEzC,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EAAkB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACpD;AAAA,IACC,SAAS,MACR,mBAAA,GAAA,CAAC,SAAU,EAAA,EAAA,IAAA,EAAK,YAAW,IAAY,EAAA,YAAA,EAAc,OAAS,EAAA,CAAA,uBAE7D,cAAe,EAAA,EAAA,IAAA,EAAK,UAAW,EAAA,IAAA,EAAY,cAAc,OAAS,EAAA;AAAA,GAEvE,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionsPage.esm.js","sources":["../../../src/components/QuestionsPage/QuestionsPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  AskQuestionButton,\n  ContentHeader,\n  PostsContainer,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\n\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const QuestionsPage = () => {\n  const [searchParams] = useSearchParams();\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        title={t('questionsPage.title')}\n        titleIcon={<HelpOutline fontSize=\"large\" />}\n      >\n        <AskQuestionButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      <PostsContainer type=\"question\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,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,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,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,SAAW,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAEzC,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EAAkB,MAAQ,EAAA,SAAA,EAAW,IAAY,EAAA;AAAA;AAAA,KACpD;AAAA,oBACC,GAAA,CAAA,cAAA,EAAA,EAAe,IAAK,EAAA,UAAA,EAAW,aAAY,MAAO,EAAA;AAAA,GACrD,EAAA,CAAA;AAEJ;;;;"}