@drodil/backstage-plugin-qeta 3.48.2 → 3.49.1

package/dist/components/RightContent/EntityRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityRightContent.esm.js","sources":["../../../src/components/RightContent/EntityRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const EntityRightContent = (props: { entityRef?: string }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <FollowedEntitiesList />\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{ entities: entities }}\n        postType=\"question\"\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AAQa,MAAA,kBAAA,GAAqB,CAAC,KAAkC,KAAA;AACnE,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAA,MAAM,QAAW,GAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,KAAA,CAAA;AAE3C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAqB,EAAA,EAAA,CAAA;AAAA,oBACtB,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACjC,OAAA,EAAS,EAAE,QAAmB,EAAA;AAAA,QAC9B,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAA,EAAS,EAAE,QAAmB,EAAA;AAAA,QAC9B,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAA,EAAS,EAAE,QAAmB,EAAA;AAAA,QAC9B,QAAS,EAAA;AAAA;AAAA;AACX,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/FavoriteRightContent.esm.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import { PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
+
+const FavoriteRightContent = () => {
+  return /* @__PURE__ */ jsx(PostHighlightListContainer, { options: { favorite: true } });
+};
+
+export { FavoriteRightContent };
+//# sourceMappingURL=FavoriteRightContent.esm.js.map

package/dist/components/RightContent/FavoriteRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteRightContent.esm.js","sources":["../../../src/components/RightContent/FavoriteRightContent.tsx"],"sourcesContent":["import { PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';\n\nexport const FavoriteRightContent = () => {\n  return <PostHighlightListContainer options={{ favorite: true }} />;\n};\n"],"names":[],"mappings":";;;AAEO,MAAM,uBAAuB,MAAM;AACxC,EAAA,2BAAQ,0BAA2B,EAAA,EAAA,OAAA,EAAS,EAAE,QAAA,EAAU,MAAQ,EAAA,CAAA;AAClE;;;;"}

package/dist/components/RightContent/HomeRightContent.esm.js

@@ -0,0 +1,15 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { ImpactCard, FollowedTagsList, FollowedUsersList, FollowedEntitiesList, FollowedCollectionsList } from '@drodil/backstage-plugin-qeta-react';
+
+const HomeRightContent = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ImpactCard, {}),
+    /* @__PURE__ */ jsx(FollowedTagsList, {}),
+    /* @__PURE__ */ jsx(FollowedUsersList, {}),
+    /* @__PURE__ */ jsx(FollowedEntitiesList, {}),
+    /* @__PURE__ */ jsx(FollowedCollectionsList, {})
+  ] });
+};
+
+export { HomeRightContent };
+//# sourceMappingURL=HomeRightContent.esm.js.map

package/dist/components/RightContent/HomeRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomeRightContent.esm.js","sources":["../../../src/components/RightContent/HomeRightContent.tsx"],"sourcesContent":["import {\n  FollowedCollectionsList,\n  FollowedEntitiesList,\n  FollowedTagsList,\n  FollowedUsersList,\n  ImpactCard,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const HomeRightContent = () => {\n  return (\n    <>\n      <ImpactCard />\n      <FollowedTagsList />\n      <FollowedUsersList />\n      <FollowedEntitiesList />\n      <FollowedCollectionsList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;AAQO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,CAAA;AAAA,wBACX,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,iBAAkB,EAAA,EAAA,CAAA;AAAA,wBAClB,oBAAqB,EAAA,EAAA,CAAA;AAAA,wBACrB,uBAAwB,EAAA,EAAA;AAAA,GAC3B,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/LinksRightContent.esm.js

@@ -0,0 +1,31 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import Whatshot from '@material-ui/icons/Whatshot';
+
+const LinksRightContent = (props) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { tags, entityRef } = props;
+  const entities = entityRef ? [entityRef] : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "hot",
+        title: t("highlights.hotLinks.title"),
+        noQuestionsLabel: t("highlights.hotLinks.noLinksLabel"),
+        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        postType: "link",
+        options: {
+          tags,
+          entities
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FollowedTagsList, {}),
+    /* @__PURE__ */ jsx(FollowedEntitiesList, {})
+  ] });
+};
+
+export { LinksRightContent };
+//# sourceMappingURL=LinksRightContent.esm.js.map

package/dist/components/RightContent/LinksRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinksRightContent.esm.js","sources":["../../../src/components/RightContent/LinksRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const LinksRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotLinks.title')}\n        noQuestionsLabel={t('highlights.hotLinks.noLinksLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        postType=\"link\"\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,iBAAA,GAAoB,CAAC,KAG5B,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,IAAM,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,KAAA,CAAA;AAE3C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,gBAAA,EAAkB,EAAE,kCAAkC,CAAA;AAAA,QACtD,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACjC,QAAS,EAAA,MAAA;AAAA,QACT,OAAS,EAAA;AAAA,UACP,IAAA;AAAA,UACA;AAAA;AACF;AAAA,KACF;AAAA,wBACC,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,oBAAqB,EAAA,EAAA;AAAA,GACxB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/QuestionsRightContent.esm.js

@@ -0,0 +1,57 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, PostHighlightList, FollowedTagsList, FollowedEntitiesList } from '@drodil/backstage-plugin-qeta-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import Whatshot from '@material-ui/icons/Whatshot';
+
+const QuestionsRightContent = (props) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { tags, entityRef } = props;
+  const entities = entityRef ? [entityRef] : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "hot",
+        title: t("highlights.hotQuestions.title"),
+        noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+        icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+        options: {
+          tags,
+          entities
+        },
+        postType: "question"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "unanswered",
+        title: t("highlights.unanswered.title"),
+        noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
+        options: {
+          tags,
+          entities
+        },
+        postType: "question"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      PostHighlightList,
+      {
+        type: "incorrect",
+        title: t("highlights.incorrect.title"),
+        noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
+        options: {
+          tags,
+          entities
+        },
+        postType: "question"
+      }
+    ),
+    /* @__PURE__ */ jsx(FollowedTagsList, {}),
+    /* @__PURE__ */ jsx(FollowedEntitiesList, {})
+  ] });
+};
+
+export { QuestionsRightContent };
+//# sourceMappingURL=QuestionsRightContent.esm.js.map

package/dist/components/RightContent/QuestionsRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsRightContent.esm.js","sources":["../../../src/components/RightContent/QuestionsRightContent.tsx"],"sourcesContent":["import {\n  FollowedEntitiesList,\n  FollowedTagsList,\n  PostHighlightList,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const QuestionsRightContent = (props: {\n  tags?: string[];\n  entityRef?: string;\n}) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags, entityRef } = props;\n  const entities = entityRef ? [entityRef] : undefined;\n\n  return (\n    <>\n      <PostHighlightList\n        type=\"hot\"\n        title={t('highlights.hotQuestions.title')}\n        noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n        icon={<Whatshot fontSize=\"small\" />}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"unanswered\"\n        title={t('highlights.unanswered.title')}\n        noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <PostHighlightList\n        type=\"incorrect\"\n        title={t('highlights.incorrect.title')}\n        noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n        options={{\n          tags: tags,\n          entities: entities,\n        }}\n        postType=\"question\"\n      />\n      <FollowedTagsList />\n      <FollowedEntitiesList />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,qBAAA,GAAwB,CAAC,KAGhC,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,IAAM,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5B,EAAA,MAAM,QAAW,GAAA,SAAA,GAAY,CAAC,SAAS,CAAI,GAAA,KAAA,CAAA;AAE3C,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,QACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,QAC9D,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACjC,OAAS,EAAA;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,YAAA;AAAA,QACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,QACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,QAC5D,OAAS,EAAA;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,oBACA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,WAAA;AAAA,QACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,QACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,QAC3D,OAAS,EAAA;AAAA,UACP,IAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,QAAS,EAAA;AAAA;AAAA,KACX;AAAA,wBACC,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,oBAAqB,EAAA,EAAA;AAAA,GACxB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/RightContent.esm.js

@@ -0,0 +1,203 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { AskRightContent } from './AskRightContent.esm.js';
+import { qetaTranslationRef, questionsRouteRef, articlesRouteRef, usersRouteRef, tagsRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, favoriteQuestionsRouteRef, qetaRouteRef, askRouteRef, editQuestionRouteRef, userRouteRef, tagRouteRef, entityRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { makeStyles, Box, Tooltip, IconButton } from '@material-ui/core';
+import { useLocation, useSearchParams, matchPath } from 'react-router-dom';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+import { HomeRightContent } from './HomeRightContent.esm.js';
+import { QuestionsRightContent } from './QuestionsRightContent.esm.js';
+import { ArticlesRightContent } from './ArticlesRightContent.esm.js';
+import { LinksRightContent } from './LinksRightContent.esm.js';
+import { FavoriteRightContent } from './FavoriteRightContent.esm.js';
+import { UsersRightContent } from './UsersRightContent.esm.js';
+import { TagRightContent } from './TagRightContent.esm.js';
+import { TagsRightContent } from './TagsRightContent.esm.js';
+import { EntitiesRightContent } from './EntitiesRightContent.esm.js';
+import { EntityRightContent } from './EntityRightContent.esm.js';
+import { CollectionsRightContent } from './CollectionsRightContent.esm.js';
+import MenuOpenIcon from '@material-ui/icons/MenuOpen';
+import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { DefaultRightContent } from './DefaultRightContent.esm.js';
+
+const useStyles = makeStyles((theme) => ({
+  container: {
+    width: (props) => props.compact ? "72px" : "300px",
+    padding: (props) => props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 2),
+    transition: "width 0.2s ease-in-out",
+    display: "flex",
+    flexDirection: "column",
+    overflowX: "hidden"
+  },
+  toggleButton: {
+    marginRight: "auto",
+    marginBottom: theme.spacing(1)
+  },
+  content: {
+    display: (props) => props.compact ? "none" : "block",
+    opacity: (props) => props.compact ? 0 : 1,
+    transition: "opacity 0.2s ease-in-out"
+  }
+}));
+const RightContent = (props) => {
+  const { compact = false, onToggle } = props;
+  const classes = useStyles({ compact });
+  const location = useLocation();
+  const [searchParams] = useSearchParams();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const questionsPath = useRouteRef(questionsRouteRef);
+  const articlesPath = useRouteRef(articlesRouteRef);
+  const usersPath = useRouteRef(usersRouteRef);
+  const tagsPath = useRouteRef(tagsRouteRef);
+  const linksPath = useRouteRef(linksRouteRef);
+  const collectionsPath = useRouteRef(collectionsRouteRef);
+  const entitiesPath = useRouteRef(entitiesRouteRef);
+  const favoritePath = useRouteRef(favoriteQuestionsRouteRef);
+  const homePath = useRouteRef(qetaRouteRef);
+  const rootPath = homePath();
+  const isQuestions = matchPath(
+    { path: questionsPath(), end: true },
+    location.pathname
+  );
+  const isAsk = matchPath(
+    { path: `${rootPath}${askRouteRef.path}`, end: true },
+    location.pathname
+  ) || matchPath(
+    { path: `${rootPath}${editQuestionRouteRef.path}`, end: true },
+    location.pathname
+  );
+  const isArticles = matchPath(
+    { path: articlesPath(), end: true },
+    location.pathname
+  );
+  const isUsers = matchPath(
+    { path: usersPath(), end: true },
+    location.pathname
+  );
+  const userMatch = matchPath(
+    { path: `${rootPath}${userRouteRef.path}` },
+    location.pathname
+  );
+  const isTags = matchPath({ path: tagsPath(), end: true }, location.pathname);
+  const tagMatch = matchPath(
+    { path: `${rootPath}${tagRouteRef.path}` },
+    location.pathname
+  );
+  const isCollections = matchPath(
+    { path: collectionsPath(), end: true },
+    location.pathname
+  );
+  const isEntities = matchPath(
+    { path: entitiesPath(), end: true },
+    location.pathname
+  );
+  const entityMatch = matchPath(
+    { path: `${rootPath}${entityRouteRef.path}` },
+    location.pathname
+  );
+  const isLinks = matchPath(
+    { path: linksPath(), end: true },
+    location.pathname
+  );
+  const isFavorite = matchPath(
+    { path: favoritePath(), end: true },
+    location.pathname
+  );
+  const isHome = matchPath({ path: homePath(), end: true }, location.pathname) || location.pathname === homePath();
+  const [entityRef, setEntityRef] = useState(void 0);
+  const [tags, setTags] = useState(void 0);
+  const [userRef, setUserRef] = useState(void 0);
+  useEffect(() => {
+    if (isQuestions || isArticles || isLinks) {
+      setEntityRef(searchParams.get("entity") ?? void 0);
+      setTags(filterTags(searchParams.get("tags")));
+      setUserRef(void 0);
+    } else if (tagMatch) {
+      if (tagMatch.params.tag) {
+        setTags([tagMatch.params.tag]);
+      }
+      setEntityRef(void 0);
+      setUserRef(void 0);
+    } else if (userMatch) {
+      if (userMatch.params["*"]) {
+        setUserRef(userMatch.params["*"]);
+      }
+      setTags(void 0);
+      setEntityRef(void 0);
+    } else if (entityMatch) {
+      if (entityMatch.params.entityRef) {
+        setEntityRef(entityMatch.params.entityRef);
+      }
+      setTags(void 0);
+      setUserRef(void 0);
+    } else {
+      setTags(void 0);
+      setEntityRef(void 0);
+      setUserRef(void 0);
+    }
+  }, [
+    searchParams,
+    isQuestions,
+    isArticles,
+    isLinks,
+    tagMatch,
+    userMatch,
+    entityMatch,
+    location.pathname
+  ]);
+  let content = null;
+  if (isHome) {
+    content = /* @__PURE__ */ jsx(HomeRightContent, {});
+  } else if (isAsk) {
+    content = /* @__PURE__ */ jsx(AskRightContent, {});
+  } else if (isQuestions) {
+    content = /* @__PURE__ */ jsx(QuestionsRightContent, { tags, entityRef });
+  } else if (isArticles) {
+    content = /* @__PURE__ */ jsx(ArticlesRightContent, { tags, entityRef });
+  } else if (isLinks) {
+    content = /* @__PURE__ */ jsx(LinksRightContent, { tags, entityRef });
+  } else if (isFavorite) {
+    content = /* @__PURE__ */ jsx(FavoriteRightContent, {});
+  } else if (isUsers) {
+    content = /* @__PURE__ */ jsx(UsersRightContent, {});
+  } else if (tagMatch) {
+    content = /* @__PURE__ */ jsx(TagRightContent, { tags });
+  } else if (userMatch && userRef) {
+    content = null;
+  } else if (isTags) {
+    content = /* @__PURE__ */ jsx(TagsRightContent, {});
+  } else if (isEntities) {
+    content = /* @__PURE__ */ jsx(EntitiesRightContent, {});
+  } else if (entityMatch && entityRef) {
+    content = /* @__PURE__ */ jsx(EntityRightContent, { entityRef });
+  } else if (isCollections) {
+    content = /* @__PURE__ */ jsx(CollectionsRightContent, {});
+  }
+  if (!content) {
+    content = /* @__PURE__ */ jsx(DefaultRightContent, {});
+  }
+  return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
+    /* @__PURE__ */ jsx(Box, { display: "flex", justifyContent: compact ? "center" : "flex-start", children: /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        title: compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
+        placement: "left",
+        children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onToggle,
+            size: "small",
+            className: compact ? "" : classes.toggleButton,
+            children: compact ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(MenuOpenIcon, { style: { transform: "scaleX(-1)" } })
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Box, { className: classes.content, children: content })
+  ] });
+};
+
+export { RightContent };
+//# sourceMappingURL=RightContent.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RightContent.esm.js","sources":["../../../src/components/RightContent/RightContent.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { AskRightContent } from './AskRightContent';\nimport {\n  articlesRouteRef,\n  askRouteRef,\n  collectionsRouteRef,\n  editQuestionRouteRef,\n  entitiesRouteRef,\n  entityRouteRef,\n  favoriteQuestionsRouteRef,\n  linksRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n  usersRouteRef,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, IconButton, makeStyles, Tooltip } from '@material-ui/core';\nimport { matchPath, useLocation, useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { HomeRightContent } from './HomeRightContent';\nimport { QuestionsRightContent } from './QuestionsRightContent';\nimport { ArticlesRightContent } from './ArticlesRightContent';\nimport { LinksRightContent } from './LinksRightContent';\nimport { FavoriteRightContent } from './FavoriteRightContent';\nimport { UsersRightContent } from './UsersRightContent';\nimport { TagRightContent } from './TagRightContent';\nimport { TagsRightContent } from './TagsRightContent';\nimport { EntitiesRightContent } from './EntitiesRightContent';\nimport { EntityRightContent } from './EntityRightContent';\nimport { CollectionsRightContent } from './CollectionsRightContent';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\n\nconst useStyles = makeStyles(theme => ({\n  container: {\n    width: (props: { compact: boolean }) => (props.compact ? '72px' : '300px'),\n    padding: (props: { compact: boolean }) =>\n      props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 2),\n    transition: 'width 0.2s ease-in-out',\n    display: 'flex',\n    flexDirection: 'column',\n    overflowX: 'hidden',\n  },\n  toggleButton: {\n    marginRight: 'auto',\n    marginBottom: theme.spacing(1),\n  },\n  content: {\n    display: (props: { compact: boolean }) =>\n      props.compact ? 'none' : 'block',\n    opacity: (props: { compact: boolean }) => (props.compact ? 0 : 1),\n    transition: 'opacity 0.2s ease-in-out',\n  },\n}));\n\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\n\nexport const RightContent = (props: {\n  compact?: boolean;\n  onToggle?: () => void;\n}) => {\n  const { compact = false, onToggle } = props;\n  const classes = useStyles({ compact });\n  const location = useLocation();\n  const [searchParams] = useSearchParams();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  // Route Refs\n  const questionsPath = useRouteRef(questionsRouteRef);\n  const articlesPath = useRouteRef(articlesRouteRef);\n  const usersPath = useRouteRef(usersRouteRef);\n  const tagsPath = useRouteRef(tagsRouteRef);\n  const linksPath = useRouteRef(linksRouteRef);\n  const collectionsPath = useRouteRef(collectionsRouteRef);\n  const entitiesPath = useRouteRef(entitiesRouteRef);\n  const favoritePath = useRouteRef(favoriteQuestionsRouteRef);\n  const homePath = useRouteRef(qetaRouteRef);\n  // qetaRouteRef gives the base path of the plugin, e.g. /qeta\n  const rootPath = homePath();\n\n  // Matchers\n  const isQuestions = matchPath(\n    { path: questionsPath(), end: true },\n    location.pathname,\n  );\n  const isAsk =\n    matchPath(\n      { path: `${rootPath}${askRouteRef.path}`, end: true },\n      location.pathname,\n    ) ||\n    matchPath(\n      { path: `${rootPath}${editQuestionRouteRef.path}`, end: true },\n      location.pathname,\n    );\n\n  const isArticles = matchPath(\n    { path: articlesPath(), end: true },\n    location.pathname,\n  );\n  const isUsers = matchPath(\n    { path: usersPath(), end: true },\n    location.pathname,\n  );\n  const userMatch = matchPath(\n    { path: `${rootPath}${userRouteRef.path}` },\n    location.pathname,\n  );\n  const isTags = matchPath({ path: tagsPath(), end: true }, location.pathname);\n  const tagMatch = matchPath(\n    { path: `${rootPath}${tagRouteRef.path}` },\n    location.pathname,\n  );\n  const isCollections = matchPath(\n    { path: collectionsPath(), end: true },\n    location.pathname,\n  );\n  const isEntities = matchPath(\n    { path: entitiesPath(), end: true },\n    location.pathname,\n  );\n  const entityMatch = matchPath(\n    { path: `${rootPath}${entityRouteRef.path}` },\n    location.pathname,\n  );\n  const isLinks = matchPath(\n    { path: linksPath(), end: true },\n    location.pathname,\n  );\n  const isFavorite = matchPath(\n    { path: favoritePath(), end: true },\n    location.pathname,\n  );\n  // Home is tricky because it's root, checking others first might be safer or check exact root\n  const isHome =\n    matchPath({ path: homePath(), end: true }, location.pathname) ||\n    location.pathname === homePath();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const [userRef, setUserRef] = useState<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (isQuestions || isArticles || isLinks) {\n      setEntityRef(searchParams.get('entity') ?? undefined);\n      setTags(filterTags(searchParams.get('tags')));\n      setUserRef(undefined);\n    } else if (tagMatch) {\n      if (tagMatch.params.tag) {\n        setTags([tagMatch.params.tag]);\n      }\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    } else if (userMatch) {\n      if (userMatch.params['*']) {\n        setUserRef(userMatch.params['*']);\n      }\n      setTags(undefined);\n      setEntityRef(undefined);\n    } else if (entityMatch) {\n      if (entityMatch.params.entityRef) {\n        setEntityRef(entityMatch.params.entityRef);\n      }\n      setTags(undefined);\n      setUserRef(undefined);\n    } else {\n      setTags(undefined);\n      setEntityRef(undefined);\n      setUserRef(undefined);\n    }\n  }, [\n    searchParams,\n    isQuestions,\n    isArticles,\n    isLinks,\n    tagMatch,\n    userMatch,\n    entityMatch,\n    location.pathname,\n  ]);\n\n  let content = null;\n\n  if (isHome) {\n    content = <HomeRightContent />;\n  } else if (isAsk) {\n    content = <AskRightContent />;\n  } else if (isQuestions) {\n    content = <QuestionsRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isArticles) {\n    content = <ArticlesRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isLinks) {\n    content = <LinksRightContent tags={tags} entityRef={entityRef} />;\n  } else if (isFavorite) {\n    content = <FavoriteRightContent />;\n  } else if (isUsers) {\n    content = <UsersRightContent />;\n  } else if (tagMatch) {\n    content = <TagRightContent tags={tags} />;\n  } else if (userMatch && userRef) {\n    content = null;\n  } else if (isTags) {\n    content = <TagsRightContent />;\n  } else if (isEntities) {\n    content = <EntitiesRightContent />;\n  } else if (entityMatch && entityRef) {\n    content = <EntityRightContent entityRef={entityRef} />;\n  } else if (isCollections) {\n    content = <CollectionsRightContent />;\n  }\n\n  if (!content) {\n    content = <DefaultRightContent />;\n  }\n\n  return (\n    <Box className={classes.container}>\n      <Box display=\"flex\" justifyContent={compact ? 'center' : 'flex-start'}>\n        <Tooltip\n          title={compact ? t('rightMenu.expand') : t('rightMenu.collapse')}\n          placement=\"left\"\n        >\n          <IconButton\n            onClick={onToggle}\n            size=\"small\"\n            className={compact ? '' : classes.toggleButton}\n          >\n            {compact ? (\n              <ChevronLeftIcon />\n            ) : (\n              <MenuOpenIcon style={{ transform: 'scaleX(-1)' }} />\n            )}\n          </IconButton>\n        </Tooltip>\n      </Box>\n      <Box className={classes.content}>{content}</Box>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RightContent/SimilarQuestions.esm.js

@@ -0,0 +1,58 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { useQetaContext, qetaTranslationRef, useQetaApi, PostHighlightListContent } from '@drodil/backstage-plugin-qeta-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+
+const SimilarQuestions = () => {
+  const { draftQuestion } = useQetaContext();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const [debouncedDraftQuestion, setDebouncedDraftQuestion] = React.useState(draftQuestion);
+  React.useEffect(() => {
+    const handler = setTimeout(() => {
+      setDebouncedDraftQuestion(draftQuestion);
+    }, 1500);
+    return () => {
+      clearTimeout(handler);
+    };
+  }, [draftQuestion]);
+  const { value: questions, loading } = useQetaApi(
+    (api) => {
+      if (!debouncedDraftQuestion || debouncedDraftQuestion.title.length === 0) {
+        return Promise.resolve({ posts: [], total: 0 });
+      }
+      return api.suggest({
+        title: debouncedDraftQuestion.title,
+        content: debouncedDraftQuestion.content,
+        tags: debouncedDraftQuestion.tags,
+        entities: debouncedDraftQuestion.entities
+      });
+    },
+    [debouncedDraftQuestion]
+  );
+  const [displayQuestions, setDisplayQuestions] = React.useState([]);
+  React.useEffect(() => {
+    if (questions) {
+      setDisplayQuestions(questions.posts);
+    }
+  }, [questions]);
+  React.useEffect(() => {
+    if ((!draftQuestion || draftQuestion.title.length === 0) && displayQuestions.length > 0) {
+      setDisplayQuestions([]);
+    }
+  }, [draftQuestion, displayQuestions]);
+  if (displayQuestions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    PostHighlightListContent,
+    {
+      title: t("rightMenu.similarQuestions"),
+      posts: displayQuestions,
+      loading,
+      disableLoading: true
+    }
+  );
+};
+
+export { SimilarQuestions };
+//# sourceMappingURL=SimilarQuestions.esm.js.map

package/dist/components/RightContent/SimilarQuestions.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimilarQuestions.esm.js","sources":["../../../src/components/RightContent/SimilarQuestions.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  PostHighlightListContent,\n  qetaTranslationRef,\n  useQetaApi,\n  useQetaContext,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { Post } from '@drodil/backstage-plugin-qeta-common';\n\nexport const SimilarQuestions = () => {\n  const { draftQuestion } = useQetaContext();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [debouncedDraftQuestion, setDebouncedDraftQuestion] =\n    React.useState(draftQuestion);\n\n  React.useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedDraftQuestion(draftQuestion);\n    }, 1500);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [draftQuestion]);\n\n  const { value: questions, loading } = useQetaApi(\n    api => {\n      if (\n        !debouncedDraftQuestion ||\n        debouncedDraftQuestion.title.length === 0\n      ) {\n        return Promise.resolve({ posts: [], total: 0 });\n      }\n      return api.suggest({\n        title: debouncedDraftQuestion.title,\n        content: debouncedDraftQuestion.content,\n        tags: debouncedDraftQuestion.tags,\n        entities: debouncedDraftQuestion.entities,\n      });\n    },\n    [debouncedDraftQuestion],\n  );\n\n  const [displayQuestions, setDisplayQuestions] = React.useState<Post[]>([]);\n\n  React.useEffect(() => {\n    if (questions) {\n      setDisplayQuestions(questions.posts);\n    }\n  }, [questions]);\n\n  React.useEffect(() => {\n    if (\n      (!draftQuestion || draftQuestion.title.length === 0) &&\n      displayQuestions.length > 0\n    ) {\n      setDisplayQuestions([]);\n    }\n  }, [draftQuestion, displayQuestions]);\n\n  if (displayQuestions.length === 0) {\n    return null;\n  }\n\n  return (\n    <PostHighlightListContent\n      title={t('rightMenu.similarQuestions')}\n      posts={displayQuestions}\n      loading={loading}\n      disableLoading\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAWO,MAAM,mBAAmB,MAAM;AACpC,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,cAAe,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,sBAAwB,EAAA,yBAAyB,CACtD,GAAA,KAAA,CAAM,SAAS,aAAa,CAAA;AAE9B,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,yBAAA,CAA0B,aAAa,CAAA;AAAA,OACtC,IAAI,CAAA;AAEP,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,EAAE,KAAA,EAAO,SAAW,EAAA,OAAA,EAAY,GAAA,UAAA;AAAA,IACpC,CAAO,GAAA,KAAA;AACL,MAAA,IACE,CAAC,sBAAA,IACD,sBAAuB,CAAA,KAAA,CAAM,WAAW,CACxC,EAAA;AACA,QAAO,OAAA,OAAA,CAAQ,QAAQ,EAAE,KAAA,EAAO,EAAI,EAAA,KAAA,EAAO,GAAG,CAAA;AAAA;AAEhD,MAAA,OAAO,IAAI,OAAQ,CAAA;AAAA,QACjB,OAAO,sBAAuB,CAAA,KAAA;AAAA,QAC9B,SAAS,sBAAuB,CAAA,OAAA;AAAA,QAChC,MAAM,sBAAuB,CAAA,IAAA;AAAA,QAC7B,UAAU,sBAAuB,CAAA;AAAA,OAClC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,sBAAsB;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,gBAAkB,EAAA,mBAAmB,IAAI,KAAM,CAAA,QAAA,CAAiB,EAAE,CAAA;AAEzE,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,SAAW,EAAA;AACb,MAAA,mBAAA,CAAoB,UAAU,KAAK,CAAA;AAAA;AACrC,GACF,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IACG,IAAA,CAAA,CAAC,iBAAiB,aAAc,CAAA,KAAA,CAAM,WAAW,CAClD,KAAA,gBAAA,CAAiB,SAAS,CAC1B,EAAA;AACA,MAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA;AACxB,GACC,EAAA,CAAC,aAAe,EAAA,gBAAgB,CAAC,CAAA;AAEpC,EAAI,IAAA,gBAAA,CAAiB,WAAW,CAAG,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAA,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,KAAO,EAAA,gBAAA;AAAA,MACP,OAAA;AAAA,MACA,cAAc,EAAA;AAAA;AAAA,GAChB;AAEJ;;;;"}

package/dist/components/RightContent/TagRightContent.esm.js

@@ -0,0 +1,48 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { qetaTranslationRef, FollowedTagsList, PostHighlightList, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import Whatshot from '@material-ui/icons/Whatshot';
+
+const TagRightContent = (props) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { tags } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FollowedTagsList, {}),
+    tags && tags.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "hot",
+          title: t("highlights.hotQuestions.title"),
+          noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
+          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          options: { tags },
+          postType: "question"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "unanswered",
+          title: t("highlights.unanswered.title"),
+          noQuestionsLabel: t("highlights.unanswered.noQuestionsLabel"),
+          options: { tags },
+          postType: "question"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        PostHighlightList,
+        {
+          type: "incorrect",
+          title: t("highlights.incorrect.title"),
+          noQuestionsLabel: t("highlights.incorrect.noQuestionsLabel"),
+          options: { tags },
+          postType: "question"
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(PostHighlightListContainer, {})
+  ] });
+};
+
+export { TagRightContent };
+//# sourceMappingURL=TagRightContent.esm.js.map

package/dist/components/RightContent/TagRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagRightContent.esm.js","sources":["../../../src/components/RightContent/TagRightContent.tsx"],"sourcesContent":["import {\n  FollowedTagsList,\n  PostHighlightList,\n  PostHighlightListContainer,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport Whatshot from '@material-ui/icons/Whatshot';\n\nexport const TagRightContent = (props: { tags?: string[] }) => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { tags } = props;\n\n  return (\n    <>\n      <FollowedTagsList />\n      {tags && tags.length > 0 ? (\n        <>\n          <PostHighlightList\n            type=\"hot\"\n            title={t('highlights.hotQuestions.title')}\n            noQuestionsLabel={t('highlights.hotQuestions.noQuestionsLabel')}\n            icon={<Whatshot fontSize=\"small\" />}\n            options={{ tags: tags }}\n            postType=\"question\"\n          />\n          <PostHighlightList\n            type=\"unanswered\"\n            title={t('highlights.unanswered.title')}\n            noQuestionsLabel={t('highlights.unanswered.noQuestionsLabel')}\n            options={{ tags: tags }}\n            postType=\"question\"\n          />\n          <PostHighlightList\n            type=\"incorrect\"\n            title={t('highlights.incorrect.title')}\n            noQuestionsLabel={t('highlights.incorrect.noQuestionsLabel')}\n            options={{ tags: tags }}\n            postType=\"question\"\n          />\n        </>\n      ) : (\n        <PostHighlightListContainer />\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,eAAA,GAAkB,CAAC,KAA+B,KAAA;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA;AAEjB,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,CAAA;AAAA,IACjB,IAAQ,IAAA,IAAA,CAAK,MAAS,GAAA,CAAA,mBAEnB,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,UACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,UACjC,OAAA,EAAS,EAAE,IAAW,EAAA;AAAA,UACtB,QAAS,EAAA;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,YAAA;AAAA,UACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,UACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,UAC5D,OAAA,EAAS,EAAE,IAAW,EAAA;AAAA,UACtB,QAAS,EAAA;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,WAAA;AAAA,UACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,UACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,UAC3D,OAAA,EAAS,EAAE,IAAW,EAAA;AAAA,UACtB,QAAS,EAAA;AAAA;AAAA;AACX,KACF,EAAA,CAAA,uBAEC,0BAA2B,EAAA,EAAA;AAAA,GAEhC,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/TagsRightContent.esm.js

@@ -0,0 +1,12 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { FollowedTagsList, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
+
+const TagsRightContent = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FollowedTagsList, {}),
+    /* @__PURE__ */ jsx(PostHighlightListContainer, {})
+  ] });
+};
+
+export { TagsRightContent };
+//# sourceMappingURL=TagsRightContent.esm.js.map

package/dist/components/RightContent/TagsRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsRightContent.esm.js","sources":["../../../src/components/RightContent/TagsRightContent.tsx"],"sourcesContent":["import {\n  FollowedTagsList,\n  PostHighlightListContainer,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const TagsRightContent = () => {\n  return (\n    <>\n      <FollowedTagsList />\n      <PostHighlightListContainer />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,mBAAmB,MAAM;AACpC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,CAAA;AAAA,wBACjB,0BAA2B,EAAA,EAAA;AAAA,GAC9B,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/RightContent/UsersRightContent.esm.js

@@ -0,0 +1,12 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { FollowedUsersList, PostHighlightListContainer } from '@drodil/backstage-plugin-qeta-react';
+
+const UsersRightContent = () => {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(FollowedUsersList, {}),
+    /* @__PURE__ */ jsx(PostHighlightListContainer, {})
+  ] });
+};
+
+export { UsersRightContent };
+//# sourceMappingURL=UsersRightContent.esm.js.map

package/dist/components/RightContent/UsersRightContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersRightContent.esm.js","sources":["../../../src/components/RightContent/UsersRightContent.tsx"],"sourcesContent":["import {\n  FollowedUsersList,\n  PostHighlightListContainer,\n} from '@drodil/backstage-plugin-qeta-react';\n\nexport const UsersRightContent = () => {\n  return (\n    <>\n      <FollowedUsersList />\n      <PostHighlightListContainer />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,oBAAoB,MAAM;AACrC,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,CAAA;AAAA,wBAClB,0BAA2B,EAAA,EAAA;AAAA,GAC9B,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Statistics/GlobalStatsContent.esm.js

@@ -1,6 +1,6 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useQetaApi, StatsChart, SummaryStatsGrid } from '@drodil/backstage-plugin-qeta-react';
-import { Grid, Card, CardContent, CircularProgress } from '@material-ui/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useQetaApi, StatsChart } from '@drodil/backstage-plugin-qeta-react';
+import { Grid, Card, CardHeader, CardContent, CircularProgress } from '@material-ui/core';
 
 const GlobalStatsContent = () => {
   const {
@@ -11,13 +11,19 @@ const GlobalStatsContent = () => {
   if (error) {
     return null;
   }
-  return /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
-      !loading && response && /* @__PURE__ */ jsx(StatsChart, { data: response.statistics }),
+  return /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { title: "Activity Trends" }),
+    /* @__PURE__ */ jsxs(CardContent, { children: [
+      !loading && response && /* @__PURE__ */ jsx(
+        StatsChart,
+        {
+          data: response.statistics,
+          summary: response.summary
+        }
+      ),
       loading && /* @__PURE__ */ jsx(CircularProgress, {})
-    ] }) }) }),
-    /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: !loading && response && /* @__PURE__ */ jsx(SummaryStatsGrid, { stats: response }) })
-  ] });
+    ] })
+  ] }) }) });
 };
 
 export { GlobalStatsContent };

package/dist/components/Statistics/GlobalStatsContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import {\n  StatsChart,\n  SummaryStatsGrid,\n  useQetaApi,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Card, CardContent, CircularProgress, Grid } from '@material-ui/core';\n\nexport const GlobalStatsContent = () => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getGlobalStats(), []);\n  if (error) {\n    return null;\n  }\n  return (\n    <Grid container>\n      <Grid item xs={12}>\n        <Card>\n          <CardContent>\n            {!loading && response && <StatsChart data={response.statistics} />}\n            {loading && <CircularProgress />}\n          </CardContent>\n        </Card>\n      </Grid>\n      <Grid item xs={12}>\n        {!loading && response && <SummaryStatsGrid stats={response} />}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,qBAAqB,MAAM;AACtC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,cAAe,EAAA,EAAG,EAAE,CAAA;AAC9C,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IACb,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,+BAAC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,WAAW,QAAY,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,IAAA,EAAM,SAAS,UAAY,EAAA,CAAA;AAAA,MAC/D,OAAA,wBAAY,gBAAiB,EAAA,EAAA;AAAA,KAAA,EAChC,GACF,CACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACZ,QAAC,EAAA,CAAA,OAAA,IAAW,QAAY,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAO,UAAU,CAC9D,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"GlobalStatsContent.esm.js","sources":["../../../src/components/Statistics/GlobalStatsContent.tsx"],"sourcesContent":["import { StatsChart, useQetaApi } from '@drodil/backstage-plugin-qeta-react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CircularProgress,\n  Grid,\n} from '@material-ui/core';\n\nexport const GlobalStatsContent = () => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getGlobalStats(), []);\n  if (error) {\n    return null;\n  }\n  return (\n    <Grid container spacing={3}>\n      <Grid item xs={12}>\n        <Card>\n          <CardHeader title=\"Activity Trends\" />\n          <CardContent>\n            {!loading && response && (\n              <StatsChart\n                data={response.statistics}\n                summary={response.summary as unknown as Record<string, number>}\n              />\n            )}\n            {loading && <CircularProgress />}\n          </CardContent>\n        </Card>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;AASO,MAAM,qBAAqB,MAAM;AACtC,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,cAAe,EAAA,EAAG,EAAE,CAAA;AAC9C,EAAA,IAAI,KAAO,EAAA;AACT,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EACvB,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EACb,+BAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAM,iBAAkB,EAAA,CAAA;AAAA,yBACnC,WACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAA,CAAC,WAAW,QACX,oBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,MAAM,QAAS,CAAA,UAAA;AAAA,UACf,SAAS,QAAS,CAAA;AAAA;AAAA,OACpB;AAAA,MAED,OAAA,wBAAY,gBAAiB,EAAA,EAAA;AAAA,KAChC,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}