npm - @drodil/backstage-plugin-qeta - Versions diffs - 3.60.0 → 4.0.0 - Mend

@drodil/backstage-plugin-qeta 3.60.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

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

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { AskRightContent } from './AskRightContent.esm.js';
 import { useQetaConfig, qetaTranslationRef, questionsRouteRef, articlesRouteRef, usersRouteRef, tagsRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, favoriteQuestionsRouteRef, qetaRouteRef, askRouteRef, editQuestionRouteRef, userRouteRef, tagRouteRef, entityRouteRef, questionRouteRef, articleRouteRef, linkRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import { Box, Tooltip, IconButton, makeStyles } from '@material-ui/core';
+import { useBreakpoint, Box, Flex, TooltipTrigger, ButtonIcon, Tooltip } from '@backstage/ui';
 import { useLocation, useSearchParams, matchPath } from 'react-router-dom';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 import { HomeRightContent } from './HomeRightContent.esm.js';
@@ -17,38 +17,17 @@ 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 { RiMenuUnfoldLine, RiMenuFoldLine } from '@remixicon/react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { DefaultRightContent } from './DefaultRightContent.esm.js';
 import { PostRightContent } from './PostRightContent.esm.js';
+import styles from './RightContent.module.css.esm.js';
-const useStyles = makeStyles((theme) => ({
-  container: {
-    width: (props) => props.compact ? "72px" : "245px",
-    padding: (props) => props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 1),
-    transition: "width 0.2s ease-in-out",
-    display: "flex",
-    flexDirection: "column",
-    overflowX: "hidden",
-    [theme.breakpoints.down("md")]: {
-      width: "100%"
-    }
-  },
-  toggleButton: {
-    marginBottom: theme.spacing(1),
-    marginRight: theme.spacing(1.5)
-  },
-  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 { disabled } = useQetaConfig();
-  const classes = useStyles({ compact });
+  const { down } = useBreakpoint();
+  const isSmall = down("md");
   const location = useLocation();
   const [searchParams] = useSearchParams();
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -202,34 +181,39 @@ const RightContent = (props) => {
   if (!content) {
     content = /* @__PURE__ */ jsx(DefaultRightContent, {});
   }
-  return /* @__PURE__ */ jsxs(Box, { className: classes.container, children: [
-    /* @__PURE__ */ jsx(Box, { className: classes.content, children: content }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        display: "flex",
-        justifyContent: compact ? "center" : "flex-end",
-        style: { marginTop: "auto" },
-        children: /* @__PURE__ */ jsx(
-          Tooltip,
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className: [
+        styles.container,
+        compact ? styles.compact : "",
+        isSmall ? styles.full : ""
+      ].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
           {
-            title: compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
-            placement: "left",
-            children: /* @__PURE__ */ jsx(
-              IconButton,
-              {
-                onClick: onToggle,
-                size: "small",
-                className: compact ? "" : classes.toggleButton,
-                style: { marginTop: 8 },
-                children: compact ? /* @__PURE__ */ jsx(ChevronLeftIcon, {}) : /* @__PURE__ */ jsx(MenuOpenIcon, { style: { transform: "scaleX(-1)" } })
-              }
-            )
+            className: `${styles.content} ${compact ? styles.contentHidden : ""}`,
+            children: content
           }
-        )
-      }
-    )
-  ] });
+        ),
+        /* @__PURE__ */ jsx(Flex, { justify: compact ? "center" : "end", style: { marginTop: "auto" }, children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+          /* @__PURE__ */ jsx(
+            ButtonIcon,
+            {
+              "aria-label": compact ? t("rightMenu.expand") : t("rightMenu.collapse"),
+              size: "small",
+              variant: "tertiary",
+              className: compact ? "" : styles.toggleButton,
+              onPress: onToggle,
+              icon: compact ? /* @__PURE__ */ jsx(RiMenuUnfoldLine, { size: 16 }) : /* @__PURE__ */ jsx(RiMenuFoldLine, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(Tooltip, { placement: "left", children: compact ? t("rightMenu.expand") : t("rightMenu.collapse") })
+        ] }) })
+      ]
+    }
+  );
 };
 export { RightContent };

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

	@@ -1 +1 @@
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 articleRouteRef,\n articlesRouteRef,\n askRouteRef,\n collectionsRouteRef,\n editQuestionRouteRef,\n entitiesRouteRef,\n entityRouteRef,\n favoriteQuestionsRouteRef,\n linkRouteRef,\n linksRouteRef,\n qetaRouteRef,\n qetaTranslationRef,\n questionRouteRef,\n questionsRouteRef,\n tagRouteRef,\n tagsRouteRef,\n userRouteRef,\n useQetaConfig,\n usersRouteRef,\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';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\n\nconst useStyles = makeStyles(theme => ({\n container: {\n width: (props: { compact: boolean }) => (props.compact ? '72px' : '245px'),\n padding: (props: { compact: boolean }) =>\n props.compact ? theme.spacing(1) : theme.spacing(0, 0, 0, 1),\n transition: 'width 0.2s ease-in-out',\n display: 'flex',\n flexDirection: 'column',\n overflowX: 'hidden',\n [theme.breakpoints.down('md')]: {\n width: '100%',\n },\n },\n toggleButton: {\n marginBottom: theme.spacing(1),\n marginRight: theme.spacing(1.5),\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\nexport const RightContent = (props: {\n compact?: boolean;\n onToggle?: () => void;\n}) => {\n const { compact = false, onToggle } = props;\n const { disabled } = useQetaConfig();\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\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(\n { path: tagsPath(), end: true },\n location.pathname,\n );\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 const questionMatch = matchPath(\n { path: `${rootPath}${questionRouteRef.path}` },\n location.pathname,\n );\n const articleMatch = matchPath(\n { path: `${rootPath}${articleRouteRef.path}` },\n location.pathname,\n );\n const linkMatch = matchPath(\n { path: `${rootPath}${linkRouteRef.path}` },\n location.pathname,\n );\n const isPostPage = !!(questionMatch \|\| articleMatch \|\| linkMatch);\n const isHome = !!(\n matchPath({ path: homePath(), end: true }, location.pathname) \|\|\n location.pathname === homePath()\n );\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 const tagParam = tagMatch?.params.tag;\n const userParam = userMatch?.params['*'];\n const entityParam = entityMatch?.params.entityRef;\n\n const entitySearchParam = searchParams.get('entity') ?? undefined;\n const tagsSearchParam = searchParams.get('tags');\n\n useEffect(() => {\n if (isQuestions \|\| isArticles \|\| isLinks) {\n setEntityRef(entitySearchParam);\n setTags(filterTags(tagsSearchParam));\n setUserRef(undefined);\n } else if (tagParam) {\n setTags([tagParam]);\n setEntityRef(undefined);\n setUserRef(undefined);\n } else if (userParam) {\n setUserRef(userParam);\n setTags(undefined);\n setEntityRef(undefined);\n } else if (entityParam) {\n setEntityRef(entityParam);\n setTags(undefined);\n setUserRef(undefined);\n } else {\n setTags(undefined);\n setEntityRef(undefined);\n setUserRef(undefined);\n }\n }, [\n entitySearchParam,\n tagsSearchParam,\n isQuestions,\n isArticles,\n isLinks,\n tagParam,\n userParam,\n entityParam,\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 (isPostPage) {\n const id =\n questionMatch?.params.id \|\|\n articleMatch?.params.id \|\|\n linkMatch?.params.id;\n content = <PostRightContent id={id} />;\n } else if (isQuestions && !disabled.questions) {\n content = <QuestionsRightContent tags={tags} entityRef={entityRef} />;\n } else if (isArticles && !disabled.articles) {\n content = <ArticlesRightContent tags={tags} entityRef={entityRef} />;\n } else if (isLinks && !disabled.links) {\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 && !disabled.tags) {\n content = <TagRightContent tags={tags} />;\n } else if (userMatch && userRef) {\n content = null;\n } else if (isTags && !disabled.tags) {\n content = <TagsRightContent />;\n } else if (isEntities && !disabled.entities) {\n content = <EntitiesRightContent />;\n } else if (entityMatch && entityRef && !disabled.entities) {\n content = <EntityRightContent entityRef={entityRef} />;\n } else if (isCollections && !disabled.collections) {\n content = <CollectionsRightContent />;\n }\n\n if (!content) {\n content = <DefaultRightContent />;\n }\n\n return (\n <Box className={classes.container}>\n <Box className={classes.content}>{content}</Box>\n <Box\n display=\"flex\"\n justifyContent={compact ? 'center' : 'flex-end'}\n style={{ marginTop: 'auto' }}\n >\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 style={{ marginTop: 8 }}\n >\n {compact ? (\n <ChevronLeftIcon />\n ) : (\n <MenuOpenIcon style={{ transform: 'scaleX(-1)' }} />\n )}\n </IconButton>\n </Tooltip>\n </Box>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
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 articleRouteRef,\n articlesRouteRef,\n askRouteRef,\n collectionsRouteRef,\n editQuestionRouteRef,\n entitiesRouteRef,\n entityRouteRef,\n favoriteQuestionsRouteRef,\n linkRouteRef,\n linksRouteRef,\n qetaRouteRef,\n qetaTranslationRef,\n questionRouteRef,\n questionsRouteRef,\n tagRouteRef,\n tagsRouteRef,\n userRouteRef,\n useQetaConfig,\n usersRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport {\n Box,\n ButtonIcon,\n Flex,\n Tooltip,\n TooltipTrigger,\n useBreakpoint,\n} from '@backstage/ui';\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 { RiMenuFoldLine, RiMenuUnfoldLine } from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { DefaultRightContent } from './DefaultRightContent';\nimport { PostRightContent } from './PostRightContent';\nimport styles from './RightContent.module.css';\n\nexport const RightContent = (props: {\n compact?: boolean;\n onToggle?: () => void;\n}) => {\n const { compact = false, onToggle } = props;\n const { disabled } = useQetaConfig();\n const { down } = useBreakpoint();\n const isSmall = down('md');\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\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(\n { path: tagsPath(), end: true },\n location.pathname,\n );\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 const questionMatch = matchPath(\n { path: `${rootPath}${questionRouteRef.path}` },\n location.pathname,\n );\n const articleMatch = matchPath(\n { path: `${rootPath}${articleRouteRef.path}` },\n location.pathname,\n );\n const linkMatch = matchPath(\n { path: `${rootPath}${linkRouteRef.path}` },\n location.pathname,\n );\n const isPostPage = !!(questionMatch \|\| articleMatch \|\| linkMatch);\n const isHome = !!(\n matchPath({ path: homePath(), end: true }, location.pathname) \|\|\n location.pathname === homePath()\n );\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 const tagParam = tagMatch?.params.tag;\n const userParam = userMatch?.params['*'];\n const entityParam = entityMatch?.params.entityRef;\n\n const entitySearchParam = searchParams.get('entity') ?? undefined;\n const tagsSearchParam = searchParams.get('tags');\n\n useEffect(() => {\n if (isQuestions \|\| isArticles \|\| isLinks) {\n setEntityRef(entitySearchParam);\n setTags(filterTags(tagsSearchParam));\n setUserRef(undefined);\n } else if (tagParam) {\n setTags([tagParam]);\n setEntityRef(undefined);\n setUserRef(undefined);\n } else if (userParam) {\n setUserRef(userParam);\n setTags(undefined);\n setEntityRef(undefined);\n } else if (entityParam) {\n setEntityRef(entityParam);\n setTags(undefined);\n setUserRef(undefined);\n } else {\n setTags(undefined);\n setEntityRef(undefined);\n setUserRef(undefined);\n }\n }, [\n entitySearchParam,\n tagsSearchParam,\n isQuestions,\n isArticles,\n isLinks,\n tagParam,\n userParam,\n entityParam,\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 (isPostPage) {\n const id =\n questionMatch?.params.id \|\|\n articleMatch?.params.id \|\|\n linkMatch?.params.id;\n content = <PostRightContent id={id} />;\n } else if (isQuestions && !disabled.questions) {\n content = <QuestionsRightContent tags={tags} entityRef={entityRef} />;\n } else if (isArticles && !disabled.articles) {\n content = <ArticlesRightContent tags={tags} entityRef={entityRef} />;\n } else if (isLinks && !disabled.links) {\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 && !disabled.tags) {\n content = <TagRightContent tags={tags} />;\n } else if (userMatch && userRef) {\n content = null;\n } else if (isTags && !disabled.tags) {\n content = <TagsRightContent />;\n } else if (isEntities && !disabled.entities) {\n content = <EntitiesRightContent />;\n } else if (entityMatch && entityRef && !disabled.entities) {\n content = <EntityRightContent entityRef={entityRef} />;\n } else if (isCollections && !disabled.collections) {\n content = <CollectionsRightContent />;\n }\n\n if (!content) {\n content = <DefaultRightContent />;\n }\n\n return (\n <Box\n className={[\n styles.container,\n compact ? styles.compact : '',\n isSmall ? styles.full : '',\n ]\n .filter(Boolean)\n .join(' ')}\n >\n <Box\n className={`${styles.content} ${compact ? styles.contentHidden : ''}`}\n >\n {content}\n </Box>\n <Flex justify={compact ? 'center' : 'end'} style={{ marginTop: 'auto' }}>\n <TooltipTrigger>\n <ButtonIcon\n aria-label={\n compact ? t('rightMenu.expand') : t('rightMenu.collapse')\n }\n size=\"small\"\n variant=\"tertiary\"\n className={compact ? '' : styles.toggleButton}\n onPress={onToggle}\n icon={\n compact ? (\n <RiMenuUnfoldLine size={16} />\n ) : (\n <RiMenuFoldLine size={16} />\n )\n }\n />\n <Tooltip placement=\"left\">\n {compact ? t('rightMenu.expand') : t('rightMenu.collapse')}\n </Tooltip>\n </TooltipTrigger>\n </Flex>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RightContent/RightContent.module.css.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+var css_248z = "@layer components {\n  .RightContent_container__da4bfc1863 {\n    width: 245px;\n    padding: 0 0 0 var(--bui-space-2);\n    transition: width 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    overflow-x: hidden;\n  }\n\n  .RightContent_compact__da4bfc1863 {\n    width: 72px;\n    padding: var(--bui-space-2);\n  }\n\n  .RightContent_full__da4bfc1863 {\n    width: 100%;\n  }\n\n  .RightContent_toggleButton__da4bfc1863 {\n    margin-bottom: var(--bui-space-2);\n    margin-right: var(--bui-space-3);\n  }\n\n  .RightContent_content__da4bfc1863 {\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .RightContent_contentHidden__da4bfc1863 {\n    display: none;\n    opacity: 0;\n  }\n}\n";
+var styles = {"container":"RightContent_container__da4bfc1863","compact":"RightContent_compact__da4bfc1863","full":"RightContent_full__da4bfc1863","toggleButton":"RightContent_toggleButton__da4bfc1863","content":"RightContent_content__da4bfc1863","contentHidden":"RightContent_contentHidden__da4bfc1863"};
+styleInject(css_248z);
+export { styles as default };
+//# sourceMappingURL=RightContent.module.css.esm.js.map

package/dist/components/RightContent/RightContent.module.css.esm.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"RightContent.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -2,22 +2,9 @@ import { jsx } from 'react/jsx-runtime';
 import { useQetaContext, qetaTranslationRef, useQetaApi, PostHighlightListContent } from '@drodil/backstage-plugin-qeta-react';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { useState, useEffect } from 'react';
-import { makeStyles } from '@material-ui/core';
+import styles from './SimilarQuestions.module.css.esm.js';
-const useStyles = makeStyles((theme) => ({
-  similarQuestionsContainer: {
-    borderLeft: `3px solid ${theme.palette.warning.main}`,
-    backgroundColor: theme.palette.type === "dark" ? "rgba(255, 167, 38, 0.08)" : "rgba(255, 167, 38, 0.05)",
-    borderRadius: theme.shape.borderRadius,
-    padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`
-  },
-  similarQuestionsTitle: {
-    color: theme.palette.warning.main,
-    fontWeight: 600
-  }
-}));
 const SimilarQuestions = () => {
-  const classes = useStyles();
   const { draftQuestion } = useQetaContext();
   const { t } = useTranslationRef(qetaTranslationRef);
   const [debouncedDraftQuestion, setDebouncedDraftQuestion] = useState(draftQuestion);
@@ -64,8 +51,8 @@ const SimilarQuestions = () => {
       posts: displayQuestions,
       loading,
       disableLoading: true,
-      containerClassName: classes.similarQuestionsContainer,
-      titleClassName: classes.similarQuestionsTitle
+      containerClassName: styles.similarQuestionsContainer,
+      titleClassName: styles.similarQuestionsTitle
     }
   );
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimilarQuestions.esm.js","sources":["../../../src/components/RightContent/SimilarQuestions.tsx"],"sourcesContent":["import {\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';\nimport { useState, useEffect } from 'react';\nimport { ~~makeStyles }~~ from '~~@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n similarQuestionsContainer: {\n borderLeft: `3px solid ${theme~~.~~palette~~.~~warning.main}`,\n backgroundColor:\n theme.palette.type ===~~ 'dark'\n ? 'rgba(255, 167, 38, 0.08)'\n : 'rgba(255, 167, 38, 0.05)',\n borderRadius: theme.shape.borderRadius,\n padding: `${theme.spacing(1)}px 2px ${theme.spacing(1)}px`,\n },\n similarQuestionsTitle: {\n color: theme.palette.warning.main,\n fontWeight: 600,\n },\n}));\n\nexport const SimilarQuestions = () => {\n const ~~classes = useStyles();\n const~~ { draftQuestion } = useQetaContext();\n const { t } = useTranslationRef(qetaTranslationRef);\n const [debouncedDraftQuestion, setDebouncedDraftQuestion] =\n useState(draftQuestion);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedDraftQuestion(draftQuestion);\n }, 500);\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] = useState<Post[]>([]);\n\n useEffect(() => {\n if (questions) {\n setDisplayQuestions(questions.posts);\n }\n }, [questions]);\n\n 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 containerClassName={~~classes~~.similarQuestionsContainer}\n titleClassName={~~classes~~.similarQuestionsTitle}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;~~AAWA~~,MAAM,SAAA,GAAY,WAAW,CAAA,KAAA,MAAU;AAAA,EACrC,yBAAA,EAA2B;AAAA,IACzB,UAAA,EAAY,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,IACnD,eAAA,EACE,KAAA,CAAM,OAAA,CAAQ,IAAA,KAAS,SACnB,0BAAA,GACA,0BAAA;AAAA,IACN,YAAA,EAAc,MAAM,KAAA,CAAM,YAAA;AAAA,IAC1B,OAAA,EAAS,CAAA,EAAG,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,OAAA,EAAU,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA;AAAA,GACxD;AAAA,EACA,qBAAA,EAAuB;AAAA,IACrB,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ,IAAA;AAAA,IAC7B,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEK,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,~~UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,~~EAAE,aAAA,EAAc,GAAI,cAAA,EAAe;AACzC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GACtD,SAAS,aAAa,CAAA;AAExB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,yBAAA,CAA0B,aAAa,CAAA;AAAA,IACzC,GAAG,GAAG,CAAA;AAEN,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,EAAE,KAAA,EAAO,SAAA,EAAW,OAAA,EAAQ,GAAI,UAAA;AAAA,IACpC,CAAA,GAAA,KAAO;AACL,MAAA,IACE,CAAC,sBAAA,IACD,sBAAA,CAAuB,KAAA,CAAM,WAAW,CAAA,EACxC;AACA,QAAA,OAAO,OAAA,CAAQ,QAAQ,EAAE,KAAA,EAAO,EAAC,EAAG,KAAA,EAAO,GAAG,CAAA;AAAA,MAChD;AACA,MAAA,OAAO,IAAI,OAAA,CAAQ;AAAA,QACjB,OAAO,sBAAA,CAAuB,KAAA;AAAA,QAC9B,SAAS,sBAAA,CAAuB,OAAA;AAAA,QAChC,MAAM,sBAAA,CAAuB,IAAA;AAAA,QAC7B,UAAU,sBAAA,CAAuB;AAAA,OAClC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,sBAAsB;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA,CAAiB,EAAE,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,mBAAA,CAAoB,UAAU,KAAK,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CACG,CAAC,iBAAiB,aAAA,CAAc,KAAA,CAAM,WAAW,CAAA,KAClD,gBAAA,CAAiB,SAAS,CAAA,EAC1B;AACA,MAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,aAAA,EAAe,gBAAgB,CAAC,CAAA;AAEpC,EAAA,IAAI,gBAAA,CAAiB,WAAW,CAAA,EAAG;AACjC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,KAAA,EAAO,gBAAA;AAAA,MACP,OAAA;AAAA,MACA,cAAA,EAAc,IAAA;AAAA,MACd,oBAAoB,~~OAAA~~,~~CAAQ~~,yBAAA;AAAA,~~MAC5B~~,gBAAgB,~~OAAA~~,~~CAAQ~~;AAAA;AAAA,~~GAC1B~~;AAEJ;;;;"}
1	+ {"version":3,"file":"SimilarQuestions.esm.js","sources":["../../../src/components/RightContent/SimilarQuestions.tsx"],"sourcesContent":["import {\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';\nimport { useState, useEffect } from 'react';\nimport styles from './SimilarQuestions.module.css';\n\nexport const SimilarQuestions = () => {\n const { draftQuestion } = useQetaContext();\n const { t } = useTranslationRef(qetaTranslationRef);\n const [debouncedDraftQuestion, setDebouncedDraftQuestion] =\n useState(draftQuestion);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedDraftQuestion(draftQuestion);\n }, 500);\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] = useState<Post[]>([]);\n\n useEffect(() => {\n if (questions) {\n setDisplayQuestions(questions.posts);\n }\n }, [questions]);\n\n 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 containerClassName={styles.similarQuestionsContainer}\n titleClassName={styles.similarQuestionsTitle}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;AAWO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,aAAA,EAAc,GAAI,cAAA,EAAe;AACzC,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,sBAAA,EAAwB,yBAAyB,CAAA,GACtD,SAAS,aAAa,CAAA;AAExB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,MAAA,yBAAA,CAA0B,aAAa,CAAA;AAAA,IACzC,GAAG,GAAG,CAAA;AAEN,IAAA,OAAO,MAAM;AACX,MAAA,YAAA,CAAa,OAAO,CAAA;AAAA,IACtB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,EAAE,KAAA,EAAO,SAAA,EAAW,OAAA,EAAQ,GAAI,UAAA;AAAA,IACpC,CAAA,GAAA,KAAO;AACL,MAAA,IACE,CAAC,sBAAA,IACD,sBAAA,CAAuB,KAAA,CAAM,WAAW,CAAA,EACxC;AACA,QAAA,OAAO,OAAA,CAAQ,QAAQ,EAAE,KAAA,EAAO,EAAC,EAAG,KAAA,EAAO,GAAG,CAAA;AAAA,MAChD;AACA,MAAA,OAAO,IAAI,OAAA,CAAQ;AAAA,QACjB,OAAO,sBAAA,CAAuB,KAAA;AAAA,QAC9B,SAAS,sBAAA,CAAuB,OAAA;AAAA,QAChC,MAAM,sBAAA,CAAuB,IAAA;AAAA,QAC7B,UAAU,sBAAA,CAAuB;AAAA,OAClC,CAAA;AAAA,IACH,CAAA;AAAA,IACA,CAAC,sBAAsB;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,QAAA,CAAiB,EAAE,CAAA;AAEnE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,mBAAA,CAAoB,UAAU,KAAK,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAA,CACG,CAAC,iBAAiB,aAAA,CAAc,KAAA,CAAM,WAAW,CAAA,KAClD,gBAAA,CAAiB,SAAS,CAAA,EAC1B;AACA,MAAA,mBAAA,CAAoB,EAAE,CAAA;AAAA,IACxB;AAAA,EACF,CAAA,EAAG,CAAC,aAAA,EAAe,gBAAgB,CAAC,CAAA;AAEpC,EAAA,IAAI,gBAAA,CAAiB,WAAW,CAAA,EAAG;AACjC,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,wBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,MACrC,KAAA,EAAO,gBAAA;AAAA,MACP,OAAA;AAAA,MACA,cAAA,EAAc,IAAA;AAAA,MACd,oBAAoB,MAAA,CAAO,yBAAA;AAAA,MAC3B,gBAAgB,MAAA,CAAO;AAAA;AAAA,GACzB;AAEJ;;;;"}

package/dist/components/RightContent/SimilarQuestions.module.css.esm.js ADDED Viewed

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+var css_248z = "@layer components {\n  .SimilarQuestions_similarQuestionsContainer__2e0b487bfe {\n    border-left: 3px solid var(--bui-border-warning);\n    background-color: var(--bui-bg-warning);\n    border-radius: var(--bui-radius-2);\n    padding: var(--bui-space-2) 2px var(--bui-space-2);\n  }\n\n  .SimilarQuestions_similarQuestionsTitle__2e0b487bfe {\n    color: var(--bui-fg-warning);\n    font-weight: 600;\n  }\n}\n";
+var styles = {"similarQuestionsContainer":"SimilarQuestions_similarQuestionsContainer__2e0b487bfe","similarQuestionsTitle":"SimilarQuestions_similarQuestionsTitle__2e0b487bfe"};
+styleInject(css_248z);
+export { styles as default };
+//# sourceMappingURL=SimilarQuestions.module.css.esm.js.map

package/dist/components/RightContent/SimilarQuestions.module.css.esm.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"SimilarQuestions.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,7 +1,7 @@
 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';
+import { RiFireLine } from '@remixicon/react';
 const TagRightContent = (props) => {
   const { t } = useTranslationRef(qetaTranslationRef);
@@ -15,7 +15,7 @@ const TagRightContent = (props) => {
           type: "hot",
           title: t("highlights.hotQuestions.title"),
           noQuestionsLabel: t("highlights.hotQuestions.noQuestionsLabel"),
-          icon: /* @__PURE__ */ jsx(Whatshot, { fontSize: "small" }),
+          icon: /* @__PURE__ */ jsx(RiFireLine, { size: 16 }),
           options: { tags },
           postType: "question"
         }

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

	@@ -1 +1 @@
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":";;;;;AASO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA+B;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AAEjB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA;AAAA,IACjB,IAAA,IAAQ,IAAA,CAAK,MAAA,GAAS,CAAA,mBACrB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,UACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,~~QAAA~~,EAAA,~~EAAS~~,~~QAAA~~,~~EAAS~~,~~OAAA~~,~~EAAQ~~,CAAA;AAAA,~~UACjC~~,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,YAAA;AAAA,UACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,UACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,UAC5D,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,WAAA;AAAA,UACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,UACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,UAC3D,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA;AACX,KAAA,EACF,CAAA,uBAEC,0BAAA,EAAA,EAA2B;AAAA,GAAA,EAEhC,CAAA;AAEJ;;;;"}
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 { RiFireLine } from '@remixicon/react';\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={<RiFireLine size={16} />}\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":";;;;;AASO,MAAM,eAAA,GAAkB,CAAC,KAAA,KAA+B;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,MAAK,GAAI,KAAA;AAEjB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA;AAAA,IACjB,IAAA,IAAQ,IAAA,CAAK,MAAA,GAAS,CAAA,mBACrB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,KAAA;AAAA,UACL,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,UACxC,gBAAA,EAAkB,EAAE,0CAA0C,CAAA;AAAA,UAC9D,IAAA,kBAAM,GAAA,CAAC,UAAA,EAAA,EAAW,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAC5B,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,YAAA;AAAA,UACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,UACtC,gBAAA,EAAkB,EAAE,wCAAwC,CAAA;AAAA,UAC5D,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA,OACX;AAAA,sBACA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,WAAA;AAAA,UACL,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,UACrC,gBAAA,EAAkB,EAAE,uCAAuC,CAAA;AAAA,UAC3D,OAAA,EAAS,EAAE,IAAA,EAAW;AAAA,UACtB,QAAA,EAAS;AAAA;AAAA;AACX,KAAA,EACF,CAAA,uBAEC,0BAAA,EAAA,EAA2B;AAAA,GAAA,EAEhC,CAAA;AAEJ;;;;"}