@drodil/backstage-plugin-qeta 3.59.10 → 4.0.0

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

@@ -1,10 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useSearchParams } from 'react-router-dom';
 import { useState, useEffect } from 'react';
-import { qetaTranslationRef, ContentHeader, CreateLinkButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { qetaTranslationRef, useQetaConfig, CreateLinkButton, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
 import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import LinkIcon from '@material-ui/icons/Link';
-import { Typography } from '@material-ui/core';
+import { Header } from '@backstage/ui';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 
 const LinksPage = () => {
@@ -12,26 +11,20 @@ const LinksPage = () => {
   const [entityRef, setEntityRef] = useState(void 0);
   const [tags, setTags] = useState(void 0);
   const { t } = useTranslationRef(qetaTranslationRef);
+  const { disabled } = useQetaConfig();
   useEffect(() => {
     setEntityRef(searchParams.get("entity") ?? void 0);
     setTags(filterTags(searchParams.get("tags")));
   }, [searchParams, setEntityRef]);
+  if (disabled.links) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      ContentHeader,
+      Header,
       {
-        titleComponent: /* @__PURE__ */ jsxs(
-          Typography,
-          {
-            variant: "h4",
-            style: { display: "flex", alignItems: "center" },
-            children: [
-              /* @__PURE__ */ jsx(LinkIcon, { fontSize: "large", style: { marginRight: "8px" } }),
-              t("linksPage.title")
-            ]
-          }
-        ),
-        children: /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef, tags })
+        title: t("linksPage.title"),
+        customActions: /* @__PURE__ */ jsx(CreateLinkButton, { entity: entityRef, tags })
       }
     ),
     /* @__PURE__ */ jsx(PostsContainer, { type: "link", defaultView: "list" })

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

@@ -1 +1 @@
-{"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  ContentHeader,\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  return (\n    <>\n      <ContentHeader\n        titleComponent={\n          <Typography\n            variant=\"h4\"\n            style={{ display: 'flex', alignItems: 'center' }}\n          >\n            <LinkIcon fontSize=\"large\" style={{ marginRight: '8px' }} />\n            {t('linksPage.title')}\n          </Typography>\n        }\n      >\n        <CreateLinkButton entity={entityRef} tags={tags} />\n      </ContentHeader>\n      <PostsContainer type=\"link\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAaO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,MAAS,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAS,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAE/B,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,cAAA,kBACE,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAQ,IAAA;AAAA,YACR,KAAA,EAAO,EAAE,OAAA,EAAS,MAAA,EAAQ,YAAY,QAAA,EAAS;AAAA,YAE/C,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAS,QAAA,EAAS,OAAA,EAAQ,OAAO,EAAE,WAAA,EAAa,OAAM,EAAG,CAAA;AAAA,cACzD,EAAE,iBAAiB;AAAA;AAAA;AAAA,SACtB;AAAA,QAGF,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAA,EAAQ,SAAA,EAAW,IAAA,EAAY;AAAA;AAAA,KACnD;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,MAAA,EAAO,aAAY,MAAA,EAAO;AAAA,GAAA,EACjD,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinksPage.esm.js","sources":["../../../src/components/LinksPage/LinksPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router-dom';\nimport { useEffect, useState } from 'react';\nimport {\n  CreateLinkButton,\n  PostsContainer,\n  qetaTranslationRef,\n  useQetaConfig,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { Header } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\n\nexport const LinksPage = () => {\n  const [searchParams] = useSearchParams();\n\n  const [entityRef, setEntityRef] = useState<string | undefined>(undefined);\n  const [tags, setTags] = useState<string[] | undefined>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const { disabled } = useQetaConfig();\n\n  useEffect(() => {\n    setEntityRef(searchParams.get('entity') ?? undefined);\n    setTags(filterTags(searchParams.get('tags')));\n  }, [searchParams, setEntityRef]);\n\n  if (disabled.links) {\n    return null;\n  }\n\n  return (\n    <>\n      <Header\n        title={t('linksPage.title')}\n        customActions={<CreateLinkButton entity={entityRef} tags={tags} />}\n      />\n      <PostsContainer type=\"link\" defaultView=\"list\" />\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAYO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,YAAY,CAAA,GAAI,eAAA,EAAgB;AAEvC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAA6B,MAAS,CAAA;AACxE,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAA+B,MAAS,CAAA;AAChE,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,aAAA,EAAc;AAEnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,YAAA,CAAa,YAAA,CAAa,GAAA,CAAI,QAAQ,CAAA,IAAK,MAAS,CAAA;AACpD,IAAA,OAAA,CAAQ,UAAA,CAAW,YAAA,CAAa,GAAA,CAAI,MAAM,CAAC,CAAC,CAAA;AAAA,EAC9C,CAAA,EAAG,CAAC,YAAA,EAAc,YAAY,CAAC,CAAA;AAE/B,EAAA,IAAI,SAAS,KAAA,EAAO;AAClB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,QAC1B,aAAA,kBAAe,GAAA,CAAC,gBAAA,EAAA,EAAiB,MAAA,EAAQ,WAAW,IAAA,EAAY;AAAA;AAAA,KAClE;AAAA,oBACA,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAK,MAAA,EAAO,aAAY,MAAA,EAAO;AAAA,GAAA,EACjD,CAAA;AAEJ;;;;"}

package/dist/components/ModeratorPage/ModeratorPage.esm.js

@@ -1,10 +1,9 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import { useIsModerator, qetaTranslationRef, ContentHeader, TemplateList, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
-import { Box, Tab } from '@material-ui/core';
-import { TabContext, TabList, TabPanel, Alert } from '@material-ui/lab';
+import { useIsModerator, qetaTranslationRef, TemplateList, PostsContainer } from '@drodil/backstage-plugin-qeta-react';
+import { Header, Tabs, TabList, Tab, TabPanel, Alert } from '@backstage/ui';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
-import SettingsOutlined from '@material-ui/icons/SettingsOutlined';
+import styles from './ModeratorPage.module.css.esm.js';
 
 const ModeratorPage = () => {
   const { isModerator } = useIsModerator();
@@ -13,34 +12,25 @@ const ModeratorPage = () => {
   if (!isModerator) {
     return null;
   }
-  const handleChange = (_event, newValue) => {
-    setTab(newValue);
-  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ContentHeader,
-      {
-        title: t("moderatorPage.title"),
-        titleIcon: /* @__PURE__ */ jsx(SettingsOutlined, { fontSize: "large" })
-      }
-    ),
-    /* @__PURE__ */ jsxs(TabContext, { value: tab, children: [
-      /* @__PURE__ */ jsx(Box, { sx: { borderBottom: 1, borderColor: "divider" }, children: /* @__PURE__ */ jsxs(
-        TabList,
-        {
-          onChange: handleChange,
-          "aria-label": t("moderatorPage.tools"),
-          children: [
-            /* @__PURE__ */ jsx(Tab, { label: t("moderatorPage.templates"), value: "templates" }),
-            /* @__PURE__ */ jsx(Tab, { label: t("moderatorPage.deletedPosts"), value: "deletedPosts" })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs(TabPanel, { value: "templates", style: { padding: "24px 0" }, children: [
-        /* @__PURE__ */ jsx(Alert, { severity: "info", style: { marginBottom: "1em" }, children: t("moderatorPage.templatesInfo") }),
+    /* @__PURE__ */ jsx(Header, { title: t("moderatorPage.title") }),
+    /* @__PURE__ */ jsxs(Tabs, { selectedKey: tab, onSelectionChange: (key) => setTab(key), children: [
+      /* @__PURE__ */ jsxs(TabList, { "aria-label": t("moderatorPage.tools"), children: [
+        /* @__PURE__ */ jsx(Tab, { id: "templates", children: t("moderatorPage.templates") }),
+        /* @__PURE__ */ jsx(Tab, { id: "deletedPosts", children: t("moderatorPage.deletedPosts") })
+      ] }),
+      /* @__PURE__ */ jsxs(TabPanel, { id: "templates", className: styles.tabPanel, children: [
+        /* @__PURE__ */ jsx(
+          Alert,
+          {
+            status: "info",
+            description: t("moderatorPage.templatesInfo"),
+            className: styles.alert
+          }
+        ),
         /* @__PURE__ */ jsx(TemplateList, {})
       ] }),
-      /* @__PURE__ */ jsx(TabPanel, { value: "deletedPosts", style: { padding: "24px 0" }, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(TabPanel, { id: "deletedPosts", className: styles.tabPanel, children: /* @__PURE__ */ jsx(
         PostsContainer,
         {
           status: "deleted",

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

@@ -1 +1 @@
-{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import { ChangeEvent, useState } from 'react';\nimport {\n  ContentHeader,\n  PostsContainer,\n  qetaTranslationRef,\n  TemplateList,\n  useIsModerator,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Box, Tab } from '@material-ui/core';\nimport { Alert, TabContext, TabList, TabPanel } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\n\nexport const ModeratorPage = () => {\n  const { isModerator } = useIsModerator();\n  const [tab, setTab] = useState('templates');\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  const handleChange = (_event: ChangeEvent<{}>, newValue: string) => {\n    setTab(newValue);\n  };\n\n  return (\n    <>\n      <ContentHeader\n        title={t('moderatorPage.title')}\n        titleIcon={<SettingsOutlined fontSize=\"large\" />}\n      />\n      <TabContext value={tab}>\n        <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n          <TabList\n            onChange={handleChange}\n            aria-label={t('moderatorPage.tools')}\n          >\n            <Tab label={t('moderatorPage.templates')} value=\"templates\" />\n            <Tab label={t('moderatorPage.deletedPosts')} value=\"deletedPosts\" />\n          </TabList>\n        </Box>\n        <TabPanel value=\"templates\" style={{ padding: '24px 0' }}>\n          <Alert severity=\"info\" style={{ marginBottom: '1em' }}>\n            {t('moderatorPage.templatesInfo')}\n          </Alert>\n          <TemplateList />\n        </TabPanel>\n        <TabPanel value=\"deletedPosts\" style={{ padding: '24px 0' }}>\n          <PostsContainer\n            status=\"deleted\"\n            showNoQuestionsBtn={false}\n            showTypeLabel\n          />\n        </TabPanel>\n      </TabContext>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,YAAA,GAAe,CAAC,MAAA,EAAyB,QAAA,KAAqB;AAClE,IAAA,MAAA,CAAO,QAAQ,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,QAC9B,SAAA,kBAAW,GAAA,CAAC,gBAAA,EAAA,EAAiB,QAAA,EAAS,OAAA,EAAQ;AAAA;AAAA,KAChD;AAAA,oBACA,IAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,GAAA,EACjB,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,OAAI,EAAA,EAAI,EAAE,cAAc,CAAA,EAAG,WAAA,EAAa,WAAU,EACjD,QAAA,kBAAA,IAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,YAAA;AAAA,UACV,YAAA,EAAY,EAAE,qBAAqB,CAAA;AAAA,UAEnC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,OAAI,KAAA,EAAO,CAAA,CAAE,yBAAyB,CAAA,EAAG,OAAM,WAAA,EAAY,CAAA;AAAA,gCAC3D,GAAA,EAAA,EAAI,KAAA,EAAO,EAAE,4BAA4B,CAAA,EAAG,OAAM,cAAA,EAAe;AAAA;AAAA;AAAA,OACpE,EACF,CAAA;AAAA,sBACA,IAAA,CAAC,YAAS,KAAA,EAAM,WAAA,EAAY,OAAO,EAAE,OAAA,EAAS,UAAS,EACrD,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,MAAA,EAAO,KAAA,EAAO,EAAE,cAAc,KAAA,EAAM,EACjD,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAA,EAClC,CAAA;AAAA,4BACC,YAAA,EAAA,EAAa;AAAA,OAAA,EAChB,CAAA;AAAA,sBACA,GAAA,CAAC,YAAS,KAAA,EAAM,cAAA,EAAe,OAAO,EAAE,OAAA,EAAS,UAAS,EACxD,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAO,SAAA;AAAA,UACP,kBAAA,EAAoB,KAAA;AAAA,UACpB,aAAA,EAAa;AAAA;AAAA,OACf,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"ModeratorPage.esm.js","sources":["../../../src/components/ModeratorPage/ModeratorPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  PostsContainer,\n  qetaTranslationRef,\n  TemplateList,\n  useIsModerator,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { Alert, Header, Tab, TabList, TabPanel, Tabs } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport styles from './ModeratorPage.module.css';\n\nexport const ModeratorPage = () => {\n  const { isModerator } = useIsModerator();\n  const [tab, setTab] = useState('templates');\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (!isModerator) {\n    return null;\n  }\n\n  return (\n    <>\n      <Header title={t('moderatorPage.title')} />\n      <Tabs selectedKey={tab} onSelectionChange={key => setTab(key as string)}>\n        <TabList aria-label={t('moderatorPage.tools')}>\n          <Tab id=\"templates\">{t('moderatorPage.templates')}</Tab>\n          <Tab id=\"deletedPosts\">{t('moderatorPage.deletedPosts')}</Tab>\n        </TabList>\n        <TabPanel id=\"templates\" className={styles.tabPanel}>\n          <Alert\n            status=\"info\"\n            description={t('moderatorPage.templatesInfo')}\n            className={styles.alert}\n          />\n          <TemplateList />\n        </TabPanel>\n        <TabPanel id=\"deletedPosts\" className={styles.tabPanel}>\n          <PostsContainer\n            status=\"deleted\"\n            showNoQuestionsBtn={false}\n            showTypeLabel\n          />\n        </TabPanel>\n      </Tabs>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,EAAE,WAAA,EAAY,GAAI,cAAA,EAAe;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,WAAW,CAAA;AAC1C,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,CAAC,WAAA,EAAa;AAChB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAO,CAAA,CAAE,qBAAqB,CAAA,EAAG,CAAA;AAAA,oBACzC,IAAA,CAAC,QAAK,WAAA,EAAa,GAAA,EAAK,mBAAmB,CAAA,GAAA,KAAO,MAAA,CAAO,GAAa,CAAA,EACpE,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,OAAA,EAAA,EAAQ,YAAA,EAAY,CAAA,CAAE,qBAAqB,CAAA,EAC1C,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,GAAA,EAAA,EAAI,EAAA,EAAG,WAAA,EAAa,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAE,CAAA;AAAA,4BACjD,GAAA,EAAA,EAAI,EAAA,EAAG,cAAA,EAAgB,QAAA,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAAE;AAAA,OAAA,EAC1D,CAAA;AAAA,2BACC,QAAA,EAAA,EAAS,EAAA,EAAG,WAAA,EAAY,SAAA,EAAW,OAAO,QAAA,EACzC,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,MAAA,EAAO,MAAA;AAAA,YACP,WAAA,EAAa,EAAE,6BAA6B,CAAA;AAAA,YAC5C,WAAW,MAAA,CAAO;AAAA;AAAA,SACpB;AAAA,4BACC,YAAA,EAAA,EAAa;AAAA,OAAA,EAChB,CAAA;AAAA,0BACC,QAAA,EAAA,EAAS,EAAA,EAAG,cAAA,EAAe,SAAA,EAAW,OAAO,QAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAO,SAAA;AAAA,UACP,kBAAA,EAAoB,KAAA;AAAA,UACpB,aAAA,EAAa;AAAA;AAAA,OACf,EACF;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/ModeratorPage/ModeratorPage.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "@layer components {\n  .ModeratorPage_tabPanel__9887015b35 {\n    padding: var(--bui-space-6) 0;\n  }\n\n  .ModeratorPage_alert__9887015b35 {\n    margin-bottom: var(--bui-space-4);\n  }\n}\n";
+var styles = {"tabPanel":"ModeratorPage_tabPanel__9887015b35","alert":"ModeratorPage_alert__9887015b35"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ModeratorPage.module.css.esm.js.map

package/dist/components/ModeratorPage/ModeratorPage.module.css.esm.js.map

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

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

@@ -1,6 +1,5 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Fragment } from 'react';
-import { Page, Header, Content } from '@backstage/core-components';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Page, Content } from '@backstage/core-components';
 import { useLocation, Routes, Route } from 'react-router-dom';
 import { AskPage } from '../AskPage/AskPage.esm.js';
 import { QuestionPage } from '../QuestionPage/QuestionPage.esm.js';
@@ -8,7 +7,7 @@ import { TagPage } from '../TagPage/TagPage.esm.js';
 import { UserPage } from '../UserPage/UserPage.esm.js';
 import { FavoritePage } from '../FavoritePage/FavoritePage.esm.js';
 import { StatisticsPage } from '../Statistics/StatisticsPage.esm.js';
-import { QetaProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, articlesRouteRef, writeRouteRef, linksRouteRef, createLinkRouteRef, favoriteQuestionsRouteRef, editQuestionRouteRef, editArticleRouteRef, editLinkRouteRef, questionRouteRef, linkRouteRef, articleRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef, reviewRouteRef, settingsRouteRef } from '@drodil/backstage-plugin-qeta-react';
+import { useQetaConfig, QetaProvider, LeftMenuButton, LeftMenu, questionsRouteRef, askRouteRef, editQuestionRouteRef, questionRouteRef, articlesRouteRef, writeRouteRef, editArticleRouteRef, articleRouteRef, linksRouteRef, createLinkRouteRef, editLinkRouteRef, linkRouteRef, favoriteQuestionsRouteRef, tagsRouteRef, tagRouteRef, usersRouteRef, userRouteRef, statisticsRouteRef, collectionsRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, entitiesRouteRef, entityRouteRef, moderatorRouteRef, reviewRouteRef, settingsRouteRef } from '@drodil/backstage-plugin-qeta-react';
 import { QuestionsPage } from '../QuestionsPage/QuestionsPage.esm.js';
 import { HomePage } from '../HomePage/HomePage.esm.js';
 import { ArticlesPage } from '../ArticlesPage/ArticlesPage.esm.js';
@@ -25,256 +24,205 @@ import { UsersPage } from '../UsersPage/UsersPage.esm.js';
 import { ModeratorPage } from '../ModeratorPage/ModeratorPage.esm.js';
 import { ReviewPage } from '../ReviewPage/ReviewPage.esm.js';
 import { SettingsPage } from '../SettingsPage/SettingsPage.esm.js';
-import { Container, Grid, Box, makeStyles } from '@material-ui/core';
+import { useBreakpoint, Box } from '@backstage/ui';
 import { useSidebarSettings } from '../../hooks/useSidebarSettings.esm.js';
 import { RightContent } from '../RightContent/RightContent.esm.js';
+import styles from './QetaPage.module.css.esm.js';
 
-const useStyles = makeStyles((theme) => ({
-  sidebarColumn: {
-    padding: 0,
-    transition: "all 0.2s ease-in-out",
-    flexShrink: 0,
-    position: "sticky",
-    top: theme.spacing(2),
-    alignSelf: "flex-start",
-    maxHeight: "calc(100dvh - 20px)",
-    overflowX: "hidden",
-    [theme.breakpoints.up("lg")]: {
-      width: (props) => props.leftCompact ? 80 : 180,
-      minWidth: (props) => props.leftCompact ? 80 : 180
-    },
-    [theme.breakpoints.down("md")]: {
-      width: "100%",
-      marginBottom: theme.spacing(1),
-      position: "static",
-      maxHeight: "none"
-    },
-    "-ms-overflow-style": "none",
-    "scrollbar-width": "none",
-    "&::-webkit-scrollbar": {
-      display: "none"
-    }
-  },
-  rightSidebarColumn: {
-    padding: 0,
-    transition: "all 0.2s ease-in-out",
-    flexShrink: 0,
-    position: "sticky",
-    top: theme.spacing(2),
-    alignSelf: "flex-start",
-    maxHeight: "calc(100vh - 150px)",
-    overflowY: "auto",
-    overflowX: "hidden",
-    // Hide scrollbar but keep scrolling functionality
-    scrollbarWidth: "none",
-    // Firefox
-    "-ms-overflow-style": "none",
-    // IE/Edge
-    "&::-webkit-scrollbar": {
-      display: "none"
-      // Chrome/Safari/Edge
-    },
-    [theme.breakpoints.up("lg")]: {
-      width: (props) => props.rightCompact ? 72 : 250,
-      minWidth: (props) => props.rightCompact ? 72 : 250
-    },
-    [theme.breakpoints.down("md")]: {
-      display: "none"
-    }
-  },
-  mainColumn: {
-    paddingRight: 0,
-    minWidth: 0,
-    transition: "all 0.2s ease-in-out",
-    [theme.breakpoints.down("md")]: {
-      paddingLeft: 0
-    }
-  }
-}));
 const QetaPage = (props) => {
   const {
-    title = "Q&A",
-    subtitle,
-    headerElements,
     themeId = "tool",
-    headerTooltip,
-    headerType,
-    headerTypeLink,
     introElement,
     remarkPlugins,
     rehypePlugins
   } = props ?? {};
   const { leftCompact, rightCompact, toggleLeft, toggleRight } = useSidebarSettings();
+  const { disabled } = useQetaConfig();
   const location = useLocation();
+  const { down } = useBreakpoint();
+  const isSmallScreen = down("lg");
   const hideRightSidebar = location.pathname.includes("/review") || location.pathname.includes("/moderate");
-  const classes = useStyles({
-    leftCompact,
-    rightCompact
-  });
-  return /* @__PURE__ */ jsx(QetaProvider, { remarkPlugins, rehypePlugins, children: /* @__PURE__ */ jsxs(Page, { themeId, children: [
-    /* @__PURE__ */ jsx(
-      Header,
-      {
-        title,
-        subtitle,
-        type: headerType,
-        typeLink: headerTypeLink,
-        tooltip: headerTooltip,
-        children: headerElements?.map((element, index) => /* @__PURE__ */ jsx(Fragment, { children: element }, index))
-      }
-    ),
-    /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
-      introElement,
-      /* @__PURE__ */ jsx(Container, { maxWidth: "xl", children: /* @__PURE__ */ jsxs(
-        Grid,
+  return /* @__PURE__ */ jsx(QetaProvider, { remarkPlugins, rehypePlugins, children: /* @__PURE__ */ jsx(Page, { themeId, children: /* @__PURE__ */ jsxs(Content, { className: "qetaHomePage", children: [
+    introElement,
+    /* @__PURE__ */ jsx(Box, { className: styles.container, children: /* @__PURE__ */ jsxs(Box, { className: styles.row, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: `${styles.sidebarColumn} ${leftCompact ? styles.sidebarColumnCompact : ""}`,
+          children: isSmallScreen ? /* @__PURE__ */ jsx(LeftMenuButton, {}) : /* @__PURE__ */ jsx(LeftMenu, { compact: leftCompact, onToggle: toggleLeft })
+        }
+      ),
+      /* @__PURE__ */ jsx(Box, { className: styles.mainColumn, children: /* @__PURE__ */ jsxs(Routes, { children: [
+        /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
+        !disabled.questions && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: questionsRouteRef.path,
+              element: /* @__PURE__ */ jsx(QuestionsPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editQuestionRouteRef.path,
+              element: /* @__PURE__ */ jsx(AskPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: questionRouteRef.path,
+              element: /* @__PURE__ */ jsx(QuestionPage, {})
+            }
+          )
+        ] }),
+        !disabled.articles && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: articlesRouteRef.path,
+              element: /* @__PURE__ */ jsx(ArticlesPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: writeRouteRef.path,
+              element: /* @__PURE__ */ jsx(WritePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editArticleRouteRef.path,
+              element: /* @__PURE__ */ jsx(WritePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: articleRouteRef.path,
+              element: /* @__PURE__ */ jsx(ArticlePage, {})
+            }
+          )
+        ] }),
+        !disabled.links && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: linksRouteRef.path,
+              element: /* @__PURE__ */ jsx(LinksPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: createLinkRouteRef.path,
+              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: editLinkRouteRef.path,
+              element: /* @__PURE__ */ jsx(CreateLinkPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: favoriteQuestionsRouteRef.path,
+            element: /* @__PURE__ */ jsx(FavoritePage, {})
+          }
+        ),
+        !disabled.tags && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
+          /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
+        /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: statisticsRouteRef.path,
+            element: /* @__PURE__ */ jsx(StatisticsPage, {})
+          }
+        ),
+        !disabled.collections && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionsRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionsPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionCreateRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionEditRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: collectionRouteRef.path,
+              element: /* @__PURE__ */ jsx(CollectionPage, {})
+            }
+          )
+        ] }),
+        !disabled.entities && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: entitiesRouteRef.path,
+              element: /* @__PURE__ */ jsx(EntityPage, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Route,
+            {
+              path: entityRouteRef.path,
+              element: /* @__PURE__ */ jsx(EntityPage, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: moderatorRouteRef.path,
+            element: /* @__PURE__ */ jsx(ModeratorPage, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) }),
+        /* @__PURE__ */ jsx(
+          Route,
+          {
+            path: settingsRouteRef.path,
+            element: /* @__PURE__ */ jsx(SettingsPage, {})
+          }
+        )
+      ] }) }),
+      !hideRightSidebar && /* @__PURE__ */ jsx(
+        Box,
         {
-          container: true,
-          spacing: 3,
-          justifyContent: "flex-start",
-          alignItems: "flex-start",
-          children: [
-            /* @__PURE__ */ jsxs(Grid, { item: true, className: classes.sidebarColumn, children: [
-              /* @__PURE__ */ jsx(Box, { display: { xs: "block", lg: "none" }, children: /* @__PURE__ */ jsx(LeftMenuButton, {}) }),
-              /* @__PURE__ */ jsx(Box, { display: { xs: "none", lg: "block" }, children: /* @__PURE__ */ jsx(LeftMenu, { compact: leftCompact, onToggle: toggleLeft }) })
-            ] }),
-            /* @__PURE__ */ jsx(Grid, { item: true, xs: true, className: classes.mainColumn, children: /* @__PURE__ */ jsxs(Routes, { children: [
-              /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(HomePage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: questionsRouteRef.path,
-                  element: /* @__PURE__ */ jsx(QuestionsPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: askRouteRef.path, element: /* @__PURE__ */ jsx(AskPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: articlesRouteRef.path,
-                  element: /* @__PURE__ */ jsx(ArticlesPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: writeRouteRef.path, element: /* @__PURE__ */ jsx(WritePage, {}) }),
-              /* @__PURE__ */ jsx(Route, { path: linksRouteRef.path, element: /* @__PURE__ */ jsx(LinksPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: createLinkRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: favoriteQuestionsRouteRef.path,
-                  element: /* @__PURE__ */ jsx(FavoritePage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: editQuestionRouteRef.path,
-                  element: /* @__PURE__ */ jsx(AskPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: editArticleRouteRef.path,
-                  element: /* @__PURE__ */ jsx(WritePage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: editLinkRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CreateLinkPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: questionRouteRef.path,
-                  element: /* @__PURE__ */ jsx(QuestionPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: linkRouteRef.path, element: /* @__PURE__ */ jsx(LinkPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: articleRouteRef.path,
-                  element: /* @__PURE__ */ jsx(ArticlePage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: tagsRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-              /* @__PURE__ */ jsx(Route, { path: tagRouteRef.path, element: /* @__PURE__ */ jsx(TagPage, {}) }),
-              /* @__PURE__ */ jsx(Route, { path: usersRouteRef.path, element: /* @__PURE__ */ jsx(UsersPage, {}) }),
-              /* @__PURE__ */ jsx(Route, { path: userRouteRef.path, element: /* @__PURE__ */ jsx(UserPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: statisticsRouteRef.path,
-                  element: /* @__PURE__ */ jsx(StatisticsPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: collectionsRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CollectionsPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: collectionCreateRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: collectionEditRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CollectionCreatePage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: collectionRouteRef.path,
-                  element: /* @__PURE__ */ jsx(CollectionPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: entitiesRouteRef.path,
-                  element: /* @__PURE__ */ jsx(EntityPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: entityRouteRef.path, element: /* @__PURE__ */ jsx(EntityPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: moderatorRouteRef.path,
-                  element: /* @__PURE__ */ jsx(ModeratorPage, {})
-                }
-              ),
-              /* @__PURE__ */ jsx(Route, { path: reviewRouteRef.path, element: /* @__PURE__ */ jsx(ReviewPage, {}) }),
-              /* @__PURE__ */ jsx(
-                Route,
-                {
-                  path: settingsRouteRef.path,
-                  element: /* @__PURE__ */ jsx(SettingsPage, {})
-                }
-              )
-            ] }) }),
-            !hideRightSidebar && /* @__PURE__ */ jsx(Grid, { item: true, className: classes.rightSidebarColumn, children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight }) })
-          ]
+          className: `${styles.rightSidebarColumn} ${rightCompact ? styles.rightSidebarColumnCompact : ""}`,
+          children: /* @__PURE__ */ jsx(RightContent, { compact: rightCompact, onToggle: toggleRight })
         }
-      ) })
-    ] })
-  ] }) });
+      )
+    ] }) })
+  ] }) }) });
 };
 
 export { QetaPage };