@drodil/backstage-plugin-qeta 2.10.3 → 2.11.0

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

@@ -1,151 +1,35 @@
-import React, { useEffect } from 'react';
-import { Container, Grid, Tooltip, IconButton, Menu, MenuItem, ListItemIcon } from '@material-ui/core';
-import { Page, Header, Content, ContentHeader } from '@backstage/core-components';
-import { Routes, Route, useSearchParams } from 'react-router-dom';
-import { AskPage } from '../AskPage/AskPage.esm.js';
-import { QuestionPage } from '../QuestionPage/QuestionPage.esm.js';
-import { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer.esm.js';
-import { TagPage } from '../TagPage/TagPage.esm.js';
-import { UserPage } from '../UserPage/UserPage.esm.js';
-import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
-import { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList.esm.js';
-import { useTranslation, useStyles, useIdentityApi } from '../../utils/hooks.esm.js';
-import Whatshot from '@material-ui/icons/Whatshot';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import StarIcon from '@material-ui/icons/Star';
-import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
+import { ContentHeader } from '@backstage/core-components';
 import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
-import { TrophyIcon } from '../Statistics/TrophyIcon.esm.js';
-import '../Statistics/styles.esm.js';
-import { useRouteRef } from '@backstage/core-plugin-api';
-import { askRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, questionRouteRef, tagsRouteRef, tagRouteRef, userRouteRef, statisticsRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import '@backstage/plugin-catalog-react';
-import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
-import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import AccountBox from '@material-ui/icons/AccountBox';
-import { FollowedTagsList } from './FollowedTagsList.esm.js';
-import { FollowedEntitiesList } from './FollowedEntitiesList.esm.js';
+import React from 'react';
+import { useTranslation, useIdentityApi } from '../../utils/hooks.esm.js';
+import { QuestionsCard } from '../HomePageCards/QuestionsCard.esm.js';
+import { Grid } from '@material-ui/core';
+import { FollowedTagsList } from '../QetaPage/FollowedTagsList.esm.js';
+import { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList.esm.js';
 
-const MoreMenu = () => {
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const tagsRoute = useRouteRef(tagsRouteRef);
-  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
-  const statisticsRoute = useRouteRef(statisticsRouteRef);
-  const userRoute = useRouteRef(userRouteRef);
-  const open = Boolean(anchorEl);
-  const styles = useStyles();
+const HomePage = () => {
   const { t } = useTranslation();
   const {
     value: user,
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  const handleMenuOpen = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleMenuClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { arrow: true, title: t("homePage.moreMenu.title") }, /* @__PURE__ */ React.createElement(
-    IconButton,
+  return /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(AskQuestionButton, null)), /* @__PURE__ */ React.createElement(Grid, { container: true }, user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    QuestionsCard,
     {
-      "aria-label": "more",
-      "aria-controls": "long-menu",
-      "aria-haspopup": "true",
-      onClick: handleMenuOpen
-    },
-    /* @__PURE__ */ React.createElement(MoreVertIcon, null)
-  )), /* @__PURE__ */ React.createElement(
-    Menu,
-    {
-      id: "long-menu",
-      anchorEl,
-      keepMounted: true,
-      open,
-      getContentAnchorEl: null,
-      anchorOrigin: {
-        vertical: "bottom",
-        horizontal: "center"
-      },
-      transformOrigin: {
-        vertical: "top",
-        horizontal: "center"
-      },
-      onClose: handleMenuClose
-    },
-    user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("homePage.moreMenu.profile")),
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("homePage.moreMenu.tags")),
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("homePage.moreMenu.favoriteQuestions")),
-    /* @__PURE__ */ React.createElement(MenuItem, { component: "a", href: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("homePage.moreMenu.statistics"))
-  ));
-};
-const HomePageContent = () => {
-  const [searchParams] = useSearchParams();
-  const [entityRef, setEntityRef] = React.useState(
-    void 0
-  );
-  const [tags, setTags] = React.useState(void 0);
-  const { t } = useTranslation();
-  useEffect(() => {
-    setEntityRef(searchParams.get("entity") ?? void 0);
-    setTags(filterTags(searchParams.get("tags")));
-  }, [searchParams, setEntityRef]);
-  return /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, /* @__PURE__ */ React.createElement(Container, { maxWidth: "lg" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 3 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, lg: 9, xl: 10 }, /* @__PURE__ */ React.createElement(ContentHeader, { title: t("homePage.title") }, /* @__PURE__ */ React.createElement(MoreMenu, null), /* @__PURE__ */ React.createElement(AskQuestionButton, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(QuestionsContainer, { entity: entityRef, tags })), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "hot",
-      title: t("homePage.highlights.hot.title"),
-      noQuestionsLabel: t("homePage.highlights.hot.noQuestionsLabel"),
-      icon: /* @__PURE__ */ React.createElement(Whatshot, { fontSize: "small" })
-    }
-  ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "unanswered",
-      title: t("homePage.highlights.unanswered.title"),
-      noQuestionsLabel: t(
-        "homePage.highlights.unanswered.noQuestionsLabel"
-      )
+      type: "own",
+      title: t("highlights.own.title"),
+      options: { author: user.userEntityRef }
     }
-  ), /* @__PURE__ */ React.createElement(
-    QuestionHighlightList,
-    {
-      type: "incorrect",
-      title: t("homePage.highlights.incorrect.title"),
-      noQuestionsLabel: t(
-        "homePage.highlights.incorrect.noQuestionsLabel"
-      )
-    }
-  ), /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(FollowedEntitiesList, null)))));
-};
-const HomePage = (props) => {
-  const {
-    title = "Q&A",
-    subtitle,
-    headerElements,
-    themeId = "tool",
-    headerTooltip,
-    headerType,
-    headerTypeLink
-  } = props ?? {};
-  return /* @__PURE__ */ React.createElement(Page, { themeId }, /* @__PURE__ */ React.createElement(
-    Header,
-    {
-      title,
-      subtitle,
-      type: headerType,
-      typeLink: headerTypeLink,
-      tooltip: headerTooltip
-    },
-    headerElements
-  ), /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(HomePageContent, null) }), /* @__PURE__ */ React.createElement(Route, { path: askRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
-    Route,
+  )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
+    QuestionsCard,
     {
-      path: favoriteQuestionsRouteRef.path,
-      element: /* @__PURE__ */ React.createElement(FavoritePage, null)
+      type: "own",
+      title: t("highlights.unanswered.title"),
+      options: { noAnswers: "true", random: "true" }
     }
-  ), /* @__PURE__ */ React.createElement(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: questionRouteRef.path, element: /* @__PURE__ */ React.createElement(QuestionPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: userRouteRef.path, element: /* @__PURE__ */ React.createElement(UserPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: statisticsRouteRef.path, element: /* @__PURE__ */ React.createElement(StatisticsPage, null) })));
+  )))), /* @__PURE__ */ React.createElement(Grid, { item: true, lg: 3, xl: 2 }, /* @__PURE__ */ React.createElement(FollowedTagsList, null), /* @__PURE__ */ React.createElement(FollowedEntitiesList, null)));
 };
 
-export { HomePage, HomePageContent };
+export { HomePage };
 //# sourceMappingURL=HomePage.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  Container,\n  Grid,\n  IconButton,\n  ListItemIcon,\n  Menu,\n  MenuItem,\n  Tooltip,\n} from '@material-ui/core';\nimport {\n  Content,\n  ContentHeader,\n  Header,\n  Page,\n} from '@backstage/core-components';\nimport { Route, Routes, useSearchParams } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { QuestionsContainer } from '../QuestionsContainer/QuestionsContainer';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport { QuestionHighlightList } from '../QuestionHighlightList/QuestionHighlightList';\nimport { useIdentityApi, useStyles, useTranslation } from '../../utils/hooks';\nimport Whatshot from '@material-ui/icons/Whatshot';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport StarIcon from '@material-ui/icons/Star';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { StatisticsPage, TrophyIcon } from '../Statistics';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  askRouteRef,\n  editQuestionRouteRef,\n  favoriteQuestionsRouteRef,\n  questionRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport { FollowedTagsList } from './FollowedTagsList';\nimport { FollowedEntitiesList } from './FollowedEntitiesList';\n\nconst MoreMenu = () => {\n  const [anchorEl, setAnchorEl] = React.useState(null);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const open = Boolean(anchorEl);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const handleMenuOpen = (event: any) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleMenuClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <Tooltip arrow title={t('homePage.moreMenu.title')}>\n        <IconButton\n          aria-label=\"more\"\n          aria-controls=\"long-menu\"\n          aria-haspopup=\"true\"\n          onClick={handleMenuOpen}\n        >\n          <MoreVertIcon />\n        </IconButton>\n      </Tooltip>\n      <Menu\n        id=\"long-menu\"\n        anchorEl={anchorEl}\n        keepMounted\n        open={open}\n        getContentAnchorEl={null}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'center',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'center',\n        }}\n        onClose={handleMenuClose}\n      >\n        {user && !loadingUser && !userError && (\n          <MenuItem component=\"a\" href={`${userRoute()}/${user.userEntityRef}`}>\n            <ListItemIcon className={styles.menuIcon}>\n              <AccountBox fontSize=\"small\" />\n            </ListItemIcon>\n            {t('homePage.moreMenu.profile')}\n          </MenuItem>\n        )}\n        <MenuItem component=\"a\" href={tagsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <LoyaltyOutlined fontSize=\"small\" />\n          </ListItemIcon>\n          {t('homePage.moreMenu.tags')}\n        </MenuItem>\n        <MenuItem component=\"a\" href={favoritesRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <StarIcon fontSize=\"small\" />\n          </ListItemIcon>\n          {t('homePage.moreMenu.favoriteQuestions')}\n        </MenuItem>\n        <MenuItem component=\"a\" href={statisticsRoute()}>\n          <ListItemIcon className={styles.menuIcon}>\n            <TrophyIcon />\n          </ListItemIcon>\n          {t('homePage.moreMenu.statistics')}\n        </MenuItem>\n      </Menu>\n    </>\n  );\n};\n\nexport const HomePageContent = () => {\n  const [searchParams] = useSearchParams();\n  const [entityRef, setEntityRef] = React.useState<string | undefined>(\n    undefined,\n  );\n  const [tags, setTags] = React.useState<string[] | undefined>(undefined);\n  const { t } = useTranslation();\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <Content className=\"qetaHomePage\">\n      <Container maxWidth=\"lg\">\n        <Grid container spacing={3}>\n          <Grid item xs={12} lg={9} xl={10}>\n            <ContentHeader title={t('homePage.title')}>\n              <MoreMenu />\n              <AskQuestionButton entity={entityRef} tags={tags} />\n            </ContentHeader>\n            <QuestionsContainer entity={entityRef} tags={tags} />\n          </Grid>\n          <Grid item lg={3} xl={2}>\n            <QuestionHighlightList\n              type=\"hot\"\n              title={t('homePage.highlights.hot.title')}\n              noQuestionsLabel={t('homePage.highlights.hot.noQuestionsLabel')}\n              icon={<Whatshot fontSize=\"small\" />}\n            />\n            <QuestionHighlightList\n              type=\"unanswered\"\n              title={t('homePage.highlights.unanswered.title')}\n              noQuestionsLabel={t(\n                'homePage.highlights.unanswered.noQuestionsLabel',\n              )}\n            />\n            <QuestionHighlightList\n              type=\"incorrect\"\n              title={t('homePage.highlights.incorrect.title')}\n              noQuestionsLabel={t(\n                'homePage.highlights.incorrect.noQuestionsLabel',\n              )}\n            />\n            <FollowedTagsList />\n            <FollowedEntitiesList />\n          </Grid>\n        </Grid>\n      </Container>\n    </Content>\n  );\n};\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};\n\nexport const HomePage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n  } = props ?? {};\n\n  return (\n    <Page themeId={themeId}>\n      <Header\n        title={title}\n        subtitle={subtitle}\n        type={headerType}\n        typeLink={headerTypeLink}\n        tooltip={headerTooltip}\n      >\n        {headerElements}\n      </Header>\n      <Routes>\n        <Route path=\"/\" element={<HomePageContent />} />\n        <Route path={askRouteRef.path} element={<AskPage />} />\n        <Route\n          path={favoriteQuestionsRouteRef.path}\n          element={<FavoritePage />}\n        />\n        <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n        <Route path={questionRouteRef.path} element={<QuestionPage />} />\n        <Route path={tagsRouteRef.path} element={<TagPage />} />\n        <Route path={tagRouteRef.path} element={<TagPage />} />\n        <Route path={userRouteRef.path} element={<UserPage />} />\n        <Route path={statisticsRouteRef.path} element={<StatisticsPage />} />\n      </Routes>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../../src/components/HomePage/HomePage.tsx"],"sourcesContent":["import { ContentHeader } from '@backstage/core-components';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport React from 'react';\nimport { useIdentityApi, useTranslation } from '../../utils/hooks';\nimport { QuestionsCard } from '../HomePageCards/QuestionsCard';\nimport { Grid } from '@material-ui/core';\nimport { FollowedTagsList } from '../QetaPage/FollowedTagsList';\nimport { FollowedEntitiesList } from '../QetaPage/FollowedEntitiesList';\n\nexport const HomePage = () => {\n  const { t } = useTranslation();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  return (\n    <Grid container>\n      <Grid item md={12} lg={9} xl={10}>\n        <ContentHeader title={t('homePage.title')}>\n          <AskQuestionButton />\n        </ContentHeader>\n        <Grid container>\n          {user && !loadingUser && !userError && (\n            <Grid item xs={12}>\n              <QuestionsCard\n                type=\"own\"\n                title={t('highlights.own.title')}\n                options={{ author: user.userEntityRef }}\n              />\n            </Grid>\n          )}\n          <Grid item xs={12}>\n            <QuestionsCard\n              type=\"own\"\n              title={t('highlights.unanswered.title')}\n              options={{ noAnswers: 'true', random: 'true' }}\n            />\n          </Grid>\n        </Grid>\n      </Grid>\n      <Grid item lg={3} xl={2}>\n        <FollowedTagsList />\n        <FollowedEntitiesList />\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,WAAW,MAAM;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,IAAA;AAAA,IACP,OAAS,EAAA,WAAA;AAAA,IACT,KAAO,EAAA,SAAA;AAAA,MACL,cAAe,CAAA,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA,EAAG,EAAE,CAAA,CAAA;AAExD,EAAA,2CACG,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CAAG,EAAA,EAAA,EAAI,sBAC3B,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,OAAO,CAAE,CAAA,gBAAgB,CACtC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uBAAkB,CACrB,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IACZ,EAAA,EAAA,IAAA,IAAQ,CAAC,WAAA,IAAe,CAAC,SACxB,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,sBAAsB,CAAA;AAAA,MAC/B,OAAS,EAAA,EAAE,MAAQ,EAAA,IAAA,CAAK,aAAc,EAAA;AAAA,KAAA;AAAA,GAE1C,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,KAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,OAAS,EAAA,EAAE,SAAW,EAAA,MAAA,EAAQ,QAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,GAEjD,CACF,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,qBACnB,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,IAAiB,mBACjB,KAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,IAAqB,CACxB,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/QuestionsCard.esm.js

@@ -0,0 +1,21 @@
+import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
+import React from 'react';
+import { useQetaApi } from '../../utils/hooks.esm.js';
+import { QuestionListItem } from '../QuestionsContainer/QuestionListItem.esm.js';
+
+const QuestionsCard = (props) => {
+  const { value: response } = useQetaApi(
+    (api) => api.getQuestions({ limit: 3, ...props.options }),
+    []
+  );
+  const questions = response?.questions ?? [];
+  if (questions.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, questions.map((question) => {
+    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(QuestionListItem, { question }), /* @__PURE__ */ React.createElement(Divider, null));
+  })));
+};
+
+export { QuestionsCard };
+//# sourceMappingURL=QuestionsCard.esm.js.map

package/dist/components/HomePageCards/QuestionsCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionsCard.esm.js","sources":["../../../src/components/HomePageCards/QuestionsCard.tsx"],"sourcesContent":["import { Card, CardHeader, Divider, Grid } from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi } from '../../utils/hooks';\nimport { QuestionListItem } from '../QuestionsContainer/QuestionListItem';\nimport { GetQuestionsOptions } from '../../api/QetaApi';\n\nexport const QuestionsCard = (props: {\n  type: string;\n  title: string;\n  options?: GetQuestionsOptions;\n  icon?: React.ReactNode;\n}) => {\n  const { value: response } = useQetaApi(\n    api => api.getQuestions({ limit: 3, ...props.options }),\n    [],\n  );\n\n  const questions = response?.questions ?? [];\n  if (questions.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {questions.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <QuestionListItem question={question} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,aAAA,GAAgB,CAAC,KAKxB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAA,GAAA,KAAO,IAAI,YAAa,CAAA,EAAE,OAAO,CAAG,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACtD,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,SAAA,GAAY,QAAU,EAAA,SAAA,IAAa,EAAC,CAAA;AAC1C,EAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,sCAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,SAAU,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACzB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,GAAA,EAAK,QAAS,CAAA,EAAA,EAAA,sCAC9B,gBAAiB,EAAA,EAAA,QAAA,EAAoB,CACtC,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -0,0 +1,54 @@
+import { MenuList, ListItemIcon, ListItem, Typography, MenuItem } from '@material-ui/core';
+import AccountBox from '@material-ui/icons/AccountBox';
+import LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';
+import StarIcon from '@material-ui/icons/Star';
+import React from 'react';
+import '@backstage/core-components';
+import { useStyles, useTranslation, useIdentityApi } from '../../utils/hooks.esm.js';
+import { TrophyIcon } from '../Statistics/TrophyIcon.esm.js';
+import '../Statistics/styles.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import '@backstage/plugin-catalog-react';
+import '@material-ui/icons/HelpOutline';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import HelpOutlined from '@material-ui/icons/HelpOutlined';
+import { useNavigate } from 'react-router-dom';
+import Home from '@material-ui/icons/Home';
+import { useLocation } from 'react-use';
+
+const LeftMenu = () => {
+  const rootRoute = useRouteRef(qetaRouteRef);
+  const tagsRoute = useRouteRef(tagsRouteRef);
+  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);
+  const statisticsRoute = useRouteRef(statisticsRouteRef);
+  const userRoute = useRouteRef(userRouteRef);
+  const questionsRoute = useRouteRef(questionsRouteRef);
+  const styles = useStyles();
+  const { t } = useTranslation();
+  const location = useLocation();
+  const navigate = useNavigate();
+  const {
+    value: user,
+    loading: loadingUser,
+    error: userError
+  } = useIdentityApi((api) => api.getBackstageIdentity(), []);
+  const CustomMenuItem = ({
+    route,
+    children
+  }) => {
+    return /* @__PURE__ */ React.createElement(
+      MenuItem,
+      {
+        onClick: () => navigate(route),
+        className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
+      },
+      children
+    );
+  };
+  return /* @__PURE__ */ React.createElement(MenuList, { id: "left-menu", className: styles.leftMenu }, /* @__PURE__ */ React.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(Home, { fontSize: "small" })), t("leftMenu.home")), /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, "Content")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")), user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("leftMenu.statistics")));
+};
+
+export { LeftMenu };
+//# sourceMappingURL=LeftMenu.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n  ListItem,\n  ListItemIcon,\n  MenuItem,\n  MenuList,\n  Typography,\n} from '@material-ui/core';\nimport AccountBox from '@material-ui/icons/AccountBox';\nimport LoyaltyOutlined from '@material-ui/icons/LoyaltyOutlined';\nimport StarIcon from '@material-ui/icons/Star';\nimport { TrophyIcon } from '../Statistics';\nimport React, { ReactNode } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useIdentityApi, useStyles, useTranslation } from '../../utils/hooks';\nimport {\n  favoriteQuestionsRouteRef,\n  qetaRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\n\nexport const LeftMenu = () => {\n  const rootRoute = useRouteRef(qetaRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const favoritesRoute = useRouteRef(favoriteQuestionsRouteRef);\n  const statisticsRoute = useRouteRef(statisticsRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const location = useLocation();\n  const navigate = useNavigate();\n  const {\n    value: user,\n    loading: loadingUser,\n    error: userError,\n  } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n  const CustomMenuItem = ({\n    route,\n    children,\n  }: {\n    route: string;\n    children: ReactNode[];\n  }) => {\n    return (\n      <MenuItem\n        onClick={() => navigate(route)}\n        className={\n          route === location.pathname\n            ? styles.selectedMenuItem\n            : styles.nonSelectedMenuItem\n        }\n      >\n        {children}\n      </MenuItem>\n    );\n  };\n\n  return (\n    <MenuList id=\"left-menu\" className={styles.leftMenu}>\n      <CustomMenuItem route={rootRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <Home fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.home')}\n      </CustomMenuItem>\n      <ListItem>\n        <Typography variant=\"subtitle2\">Content</Typography>\n      </ListItem>\n      <CustomMenuItem route={questionsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <HelpOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.questions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={favoritesRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <StarIcon fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.favoriteQuestions')}\n      </CustomMenuItem>\n      <CustomMenuItem route={tagsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <LoyaltyOutlined fontSize=\"small\" />\n        </ListItemIcon>\n        {t('leftMenu.tags')}\n      </CustomMenuItem>\n      {user && !loadingUser && !userError && (\n        <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n          <ListItemIcon className={styles.menuIcon}>\n            <AccountBox fontSize=\"small\" />\n          </ListItemIcon>\n          {t('leftMenu.profile')}\n        </CustomMenuItem>\n      )}\n      <CustomMenuItem route={statisticsRoute()}>\n        <ListItemIcon className={styles.menuIcon}>\n          <TrophyIcon />\n        </ListItemIcon>\n        {t('leftMenu.statistics')}\n      </CustomMenuItem>\n    </MenuList>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/{HomePage → QetaPage}/FollowedEntitiesList.esm.js

@@ -26,11 +26,11 @@ const FollowedEntitiesList = () => {
           ListSubheader,
           {
             disableSticky: true,
-            component: "div",
+            component: "p",
             id: "nested-list-subheader",
             color: "primary"
           },
-          t("homePage.followedEntities")
+          t("rightMenu.followedEntities")
         )
       },
       /* @__PURE__ */ React.createElement(Divider, null),

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/QetaPage/FollowedEntitiesList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityFollow, useStyles, useTranslation } from '../../utils/hooks';\nimport { EntityChip } from '../QuestionPage/EntityChip';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,8BAA8B,CAAA,CAAA;AAAA,MAC9E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,QACzE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/{HomePage → QetaPage}/FollowedTagsList.esm.js

@@ -28,11 +28,11 @@ const FollowedTagsList = () => {
           ListSubheader,
           {
             disableSticky: true,
-            component: "div",
+            component: "p",
             id: "nested-list-subheader",
             color: "primary"
           },
-          t("homePage.followedTags")
+          t("rightMenu.followedTags")
         )
       },
       /* @__PURE__ */ React.createElement(Divider, null),

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/QetaPage/FollowedTagsList.tsx"],"sourcesContent":["import {\n  Box,\n  Chip,\n  Divider,\n  List,\n  ListItem,\n  ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const FollowedTagsList = () => {\n  const classes = useStyles();\n  const tags = useTagsFollow();\n  const tagRoute = useRouteRef(tagRouteRef);\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedTags')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {tags.tags.map(tag => (\n            <Chip\n              key={tag}\n              label={tag}\n              size=\"small\"\n              className=\"qetaTagChip\"\n              component=\"a\"\n              href={tagRoute({ tag: tag })}\n              clickable\n            />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,8BAA8B,CAAA,CAAA;AAAA,MAC9E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,QACzE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,sBACT,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,CACb,GAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,GAAA;AAAA,UACL,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,aAAA;AAAA,UACV,SAAU,EAAA,GAAA;AAAA,UACV,IAAM,EAAA,QAAA,CAAS,EAAE,GAAA,EAAU,CAAA;AAAA,UAC3B,SAAS,EAAA,IAAA;AAAA,SAAA;AAAA,OAEZ,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Container, Grid } from '@material-ui/core';
+import { Page, Header, Content } from '@backstage/core-components';
+import { Routes, Route } from 'react-router-dom';
+import { AskPage } from '../AskPage/AskPage.esm.js';
+import { QuestionPage } from '../QuestionPage/QuestionPage.esm.js';
+import { TagPage } from '../TagPage/TagPage.esm.js';
+import { UserPage } from '../UserPage/UserPage.esm.js';
+import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
+import { useStyles } from '../../utils/hooks.esm.js';
+import '../Statistics/styles.esm.js';
+import '@backstage/core-plugin-api';
+import { questionsRouteRef, askRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, questionRouteRef, tagsRouteRef, tagRouteRef, userRouteRef, statisticsRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import '@backstage/plugin-catalog-react';
+import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
+import { LeftMenu } from '../LeftMenu/LeftMenu.esm.js';
+import { QuestionsPage } from '../QuestionsPage/QuestionsPage.esm.js';
+import { HomePage } from '../HomePage/HomePage.esm.js';
+
+const QetaPage = (props) => {
+  const {
+    title = "Q&A",
+    subtitle,
+    headerElements,
+    themeId = "tool",
+    headerTooltip,
+    headerType,
+    headerTypeLink,
+    introElement
+  } = props ?? {};
+  const styles = useStyles();
+  return /* @__PURE__ */ React.createElement(Page, { themeId }, /* @__PURE__ */ React.createElement(
+    Header,
+    {
+      title,
+      subtitle,
+      type: headerType,
+      typeLink: headerTypeLink,
+      tooltip: headerTooltip
+    },
+    headerElements
+  ), /* @__PURE__ */ React.createElement(Content, { className: "qetaHomePage" }, introElement, /* @__PURE__ */ React.createElement(Container, { maxWidth: "xl" }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 4, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { item: true, md: 12, lg: 2, className: styles.noPadding }, /* @__PURE__ */ React.createElement(LeftMenu, null)), /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      item: true,
+      md: 12,
+      lg: 10,
+      style: { paddingLeft: "0", paddingRight: "0" }
+    },
+    /* @__PURE__ */ React.createElement(Routes, null, /* @__PURE__ */ React.createElement(Route, { path: "/", element: /* @__PURE__ */ React.createElement(HomePage, null) }), /* @__PURE__ */ React.createElement(
+      Route,
+      {
+        path: questionsRouteRef.path,
+        element: /* @__PURE__ */ React.createElement(QuestionsPage, null)
+      }
+    ), /* @__PURE__ */ React.createElement(Route, { path: askRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
+      Route,
+      {
+        path: favoriteQuestionsRouteRef.path,
+        element: /* @__PURE__ */ React.createElement(FavoritePage, null)
+      }
+    ), /* @__PURE__ */ React.createElement(Route, { path: editQuestionRouteRef.path, element: /* @__PURE__ */ React.createElement(AskPage, null) }), /* @__PURE__ */ React.createElement(
+      Route,
+      {
+        path: questionRouteRef.path,
+        element: /* @__PURE__ */ React.createElement(QuestionPage, null)
+      }
+    ), /* @__PURE__ */ React.createElement(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ React.createElement(TagPage, null) }), /* @__PURE__ */ React.createElement(Route, { path: userRouteRef.path, element: /* @__PURE__ */ React.createElement(UserPage, null) }), /* @__PURE__ */ React.createElement(
+      Route,
+      {
+        path: statisticsRouteRef.path,
+        element: /* @__PURE__ */ React.createElement(StatisticsPage, null)
+      }
+    ))
+  )))));
+};
+
+export { QetaPage };
+//# sourceMappingURL=QetaPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QetaPage.esm.js","sources":["../../../src/components/QetaPage/QetaPage.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Container, Grid } from '@material-ui/core';\nimport { Content, Header, Page } from '@backstage/core-components';\nimport { Route, Routes } from 'react-router-dom';\nimport { AskPage } from '../AskPage';\nimport { QuestionPage } from '../QuestionPage/QuestionPage';\nimport { TagPage } from '../TagPage/TagPage';\nimport { UserPage } from '../UserPage/UserPage';\nimport { FavoritePage } from '../FavoritePage/FavoritePage';\nimport { StatisticsPage } from '../Statistics';\nimport {\n  askRouteRef,\n  editQuestionRouteRef,\n  favoriteQuestionsRouteRef,\n  questionRouteRef,\n  questionsRouteRef,\n  statisticsRouteRef,\n  tagRouteRef,\n  tagsRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { LeftMenu } from '../LeftMenu/LeftMenu';\nimport { QuestionsPage } from '../QuestionsPage/QuestionsPage';\nimport { HomePage } from '../HomePage/HomePage';\nimport { useStyles } from '../../utils/hooks';\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  headerElements?: ReactNode[];\n  themeId?: string;\n  headerTooltip?: string;\n  headerType?: string;\n  headerTypeLink?: string;\n  introElement?: ReactNode;\n};\n\nexport const QetaPage = (props?: Props) => {\n  const {\n    title = 'Q&A',\n    subtitle,\n    headerElements,\n    themeId = 'tool',\n    headerTooltip,\n    headerType,\n    headerTypeLink,\n    introElement,\n  } = props ?? {};\n  const styles = useStyles();\n\n  return (\n    <Page themeId={themeId}>\n      <Header\n        title={title}\n        subtitle={subtitle}\n        type={headerType}\n        typeLink={headerTypeLink}\n        tooltip={headerTooltip}\n      >\n        {headerElements}\n      </Header>\n      <Content className=\"qetaHomePage\">\n        {introElement}\n        <Container maxWidth=\"xl\">\n          <Grid container spacing={4} justifyContent=\"flex-start\">\n            <Grid item md={12} lg={2} className={styles.noPadding}>\n              <LeftMenu />\n            </Grid>\n            <Grid\n              item\n              md={12}\n              lg={10}\n              style={{ paddingLeft: '0', paddingRight: '0' }}\n            >\n              <Routes>\n                <Route path=\"/\" element={<HomePage />} />\n                <Route\n                  path={questionsRouteRef.path}\n                  element={<QuestionsPage />}\n                />\n                <Route path={askRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={favoriteQuestionsRouteRef.path}\n                  element={<FavoritePage />}\n                />\n                <Route path={editQuestionRouteRef.path} element={<AskPage />} />\n                <Route\n                  path={questionRouteRef.path}\n                  element={<QuestionPage />}\n                />\n                <Route path={tagsRouteRef.path} element={<TagPage />} />\n                <Route path={tagRouteRef.path} element={<TagPage />} />\n                <Route path={userRouteRef.path} element={<UserPage />} />\n                <Route\n                  path={statisticsRouteRef.path}\n                  element={<StatisticsPage />}\n                />\n              </Routes>\n            </Grid>\n          </Grid>\n        </Container>\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { QetaPage } from './QetaPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js

@@ -10,7 +10,10 @@ const QuestionHighlightList = (props) => {
     value: response,
     loading,
     error
-  } = useQetaApi((api) => api.getQuestionsList(props.type), []);
+  } = useQetaApi(
+    (api) => api.getQuestionsList(props.type, { limit: 5, ...props.options }),
+    []
+  );
   const classes = useStyles();
   const { t } = useTranslation();
   const questionRoute = useRouteRef(questionRouteRef);
@@ -31,7 +34,7 @@ const QuestionHighlightList = (props) => {
           ListSubheader,
           {
             disableSticky: true,
-            component: "div",
+            component: "p",
             id: "nested-list-subheader",
             color: "primary"
           },
@@ -39,9 +42,9 @@ const QuestionHighlightList = (props) => {
           props.icon
         )
       },
-      loading && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
-      error && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, t("homePage.highlights.loadError"))),
-      !error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
+      loading && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
+      error && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, t("highlights.loadError"))),
+      !error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
       !error && questions.map((q) => /* @__PURE__ */ React.createElement(React.Fragment, { key: q.id }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
         ListItem,
         {

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

@@ -1 +1 @@
-{"version":3,"file":"QuestionHighlightList.esm.js","sources":["../../../src/components/QuestionHighlightList/QuestionHighlightList.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  List,\n  ListItem,\n  ListItemText,\n  ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\nimport { Skeleton } from '@material-ui/lab';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const QuestionHighlightList = (props: {\n  type: string;\n  title: string;\n  noQuestionsLabel: string;\n  icon?: React.ReactNode;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getQuestionsList(props.type), []);\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n\n  const questions = response?.questions ?? [];\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"div\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {props.title}\n            {props.icon}\n          </ListSubheader>\n        }\n      >\n        {loading && (\n          <ListItem>\n            <Skeleton variant=\"rect\" />\n          </ListItem>\n        )}\n        {error && (\n          <ListItem>\n            <ListItemText>{t('homePage.highlights.loadError')}</ListItemText>\n          </ListItem>\n        )}\n        {!error && questions.length === 0 && (\n          <ListItem>\n            <ListItemText>{props.noQuestionsLabel}</ListItemText>\n          </ListItem>\n        )}\n        {!error &&\n          questions.map(q => (\n            <React.Fragment key={q.id}>\n              <Divider />\n              <ListItem\n                className=\"qetaQuestionHighlightListListItem\"\n                button\n                dense\n                component=\"a\"\n                href={questionRoute({ id: q.id.toString(10) })}\n              >\n                <ListItemText>{q.title}</ListItemText>\n              </ListItem>\n            </React.Fragment>\n          ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAca,MAAA,qBAAA,GAAwB,CAAC,KAKhC,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,GACF,GAAI,WAAW,CAAO,GAAA,KAAA,GAAA,CAAI,iBAAiB,KAAM,CAAA,IAAI,CAAG,EAAA,EAAE,CAAA,CAAA;AAC1D,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAElD,EAAM,MAAA,SAAA,GAAY,QAAU,EAAA,SAAA,IAAa,EAAC,CAAA;AAE1C,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,8BAA8B,CAAA,CAAA;AAAA,MAC9E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,QACzE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,KAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,KAAM,CAAA,KAAA;AAAA,UACN,KAAM,CAAA,IAAA;AAAA,SACT;AAAA,OAAA;AAAA,MAGD,2BACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,sCACE,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,CAC3B,CAAA;AAAA,MAED,KAAA,wCACE,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,oBAAc,CAAE,CAAA,+BAA+B,CAAE,CACpD,CAAA;AAAA,MAED,CAAC,KAAS,IAAA,SAAA,CAAU,MAAW,KAAA,CAAA,oBAC7B,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,EAAc,KAAM,CAAA,gBAAiB,CACxC,CAAA;AAAA,MAED,CAAC,KAAA,IACA,SAAU,CAAA,GAAA,CAAI,uBACX,KAAA,CAAA,aAAA,CAAA,KAAA,CAAM,QAAN,EAAA,EAAe,GAAK,EAAA,CAAA,CAAE,EACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACT,kBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAU,EAAA,mCAAA;AAAA,UACV,MAAM,EAAA,IAAA;AAAA,UACN,KAAK,EAAA,IAAA;AAAA,UACL,SAAU,EAAA,GAAA;AAAA,UACV,IAAA,EAAM,cAAc,EAAE,EAAA,EAAI,EAAE,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAAA,SAAA;AAAA,wBAE7C,KAAA,CAAA,aAAA,CAAC,YAAc,EAAA,IAAA,EAAA,CAAA,CAAE,KAAM,CAAA;AAAA,OAE3B,CACD,CAAA;AAAA,KACL;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"QuestionHighlightList.esm.js","sources":["../../../src/components/QuestionHighlightList/QuestionHighlightList.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  List,\n  ListItem,\n  ListItemText,\n  ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\nimport { Skeleton } from '@material-ui/lab';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { GetQuestionsOptions } from '../../api/QetaApi';\n\nexport const QuestionHighlightList = (props: {\n  type: string;\n  title: string;\n  noQuestionsLabel: string;\n  icon?: React.ReactNode;\n  options?: GetQuestionsOptions;\n}) => {\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api => api.getQuestionsList(props.type, { limit: 5, ...props.options }),\n    [],\n  );\n  const classes = useStyles();\n  const { t } = useTranslation();\n  const questionRoute = useRouteRef(questionRouteRef);\n\n  const questions = response?.questions ?? [];\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {props.title}\n            {props.icon}\n          </ListSubheader>\n        }\n      >\n        {loading && (\n          <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n            <Skeleton variant=\"rect\" />\n          </ListItem>\n        )}\n        {error && (\n          <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n            <ListItemText>{t('highlights.loadError')}</ListItemText>\n          </ListItem>\n        )}\n        {!error && questions.length === 0 && (\n          <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n            <ListItemText>{props.noQuestionsLabel}</ListItemText>\n          </ListItem>\n        )}\n        {!error &&\n          questions.map(q => (\n            <React.Fragment key={q.id}>\n              <Divider />\n              <ListItem\n                className=\"qetaQuestionHighlightListListItem\"\n                button\n                dense\n                component=\"a\"\n                href={questionRoute({ id: q.id.toString(10) })}\n              >\n                <ListItemText>{q.title}</ListItemText>\n              </ListItem>\n            </React.Fragment>\n          ))}\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}