npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.12.5 → 3.13.0 - Mend

@drodil/backstage-plugin-qeta-react 3.12.5 → 3.13.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 (194) hide show

package/dist/components/FollowedLists/FollowedUsersList.esm.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import ListItem from '@mui/material/ListItem';
 import React__default from 'react';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -6,8 +5,9 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
 import 'react-use/lib/useAsync';
-import { RightListContainer, RightList } from '../Styled/RightList.esm.js';
+import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { UserChip } from '../TagsAndEntities/UserChip.esm.js';
+import { ListItem } from '@material-ui/core';
 const FollowedUsersList = () => {
   const users = useUserFollow();

package/dist/components/FollowedLists/FollowedUsersList.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import ~~ListItem from '@mui/material/ListItem';\nimport~~ React from 'react';\nimport { useTranslation, useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../~~Styled~~/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\n\nexport const FollowedUsersList = () => {\n const users = useUserFollow();\n const { t } = useTranslation();\n\n if (users.users.length === 0 \|\| users.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedUsers')}>\n <ListItem style={{ display: 'block' }} dense>\n {users.users.map(user => (\n <UserChip key={user} entityRef={user} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAA,kBAC1CA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAA,EACzC,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,CAAA,IAAA,qBACdA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,IAAA,EAAM,SAAW,EAAA,IAAA,EAAM,CACvC,CACH,CACF,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation, useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedUsersList = () => {\n const users = useUserFollow();\n const { t } = useTranslation();\n\n if (users.users.length === 0 \|\| users.loading) {\n return null;\n }\n\n return (\n <RightListContainer>\n <RightList title={t('rightMenu.followedUsers')}>\n <ListItem style={{ display: 'block' }} dense>\n {users.users.map(user => (\n <UserChip key={user} entityRef={user} />\n ))}\n </ListItem>\n </RightList>\n </RightListContainer>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAMO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAAA,kBAC1CA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,SAAS,OAAQ,EAAA,EAAG,KAAK,EAAA,IAAA,EAAA,EACzC,KAAM,CAAA,KAAA,CAAM,GAAI,CAAA,CAAA,IAAA,qBACdA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,IAAA,EAAM,SAAW,EAAA,IAAA,EAAM,CACvC,CACH,CACF,CACF,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,3 @@
-import Typography from '@mui/material/Typography';
-import Grid from '@mui/material/Grid';
-import Button from '@mui/material/Button';
-import TextField from '@mui/material/TextField';
 import { imageUpload } from '../../utils/utils.esm.js';
 import React__default from 'react';
 import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
@@ -9,24 +5,25 @@ import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
-import { styled } from '@mui/system';
+import { makeStyles, Grid, TextField, Button, Typography } from '@material-ui/core';
-const HeaderImage = styled("img", { name: "QetaHeaderImageInputImage" })(
-  ({ theme }) => ({
+const useStyles = makeStyles((theme) => ({
+  headerImage: {
     marginBottom: "1rem",
     marginTop: "1rem",
     height: "250px",
     objectFit: "cover",
     width: "100%",
     border: `1px solid ${theme.palette.background.paper}`
-  })
-);
+  }
+}));
 const HeaderImageInput = (props) => {
   const { url, onChange, onImageUpload, postId, collectionId } = props;
   const configApi = useApi(configApiRef);
   const qetaApi = useApi(qetaApiRef);
   const errorApi = useApi(errorApiRef);
   const { t } = useTranslation();
+  const styles = useStyles();
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
   return /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: isUploadDisabled ? 12 : 10 }, /* @__PURE__ */ React__default.createElement(
     TextField,
@@ -64,7 +61,7 @@ const HeaderImageInput = (props) => {
         }
       }
     }
-  ), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React__default.createElement(HeaderImage, { src: url, alt: "header" })));
+  ), /* @__PURE__ */ React__default.createElement("label", { htmlFor: "headerImage" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "contained", color: "primary", component: "span" }, t("fileInput.uploadHeaderImage")))), url && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, t("fileInput.preview")), /* @__PURE__ */ React__default.createElement("img", { className: styles.headerImage, src: url, alt: "header" })));
 };
 export { HeaderImageInput };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import ~~Typography from '@mui/material/Typography';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport TextField from '@mui/material/TextField';\nimport~~ { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { ~~styled~~ } from '@~~mui~~/~~system~~';\n\nconst ~~HeaderImage~~ = ~~styled~~(~~'img',~~ { ~~name: 'QetaHeaderImageInputImage' })~~(\n ({ ~~theme }) => (~~{\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n }),\n);\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslation();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <~~HeaderImage~~ src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":["React"],"mappings":"~~;;;;;;;;;;;;;AAWA~~,MAAM,~~cAAc~~,~~MAAO~~,~~CAAA~~,KAAA,~~EAAO,EAAE,IAAA,EAAM,6BAA6B,CAAA~~;AAAA,~~EACrE~~,~~CAAC~~,~~EAAE,KAAA,EAAa,MAAA~~;AAAA,~~IACd~~,YAAc,EAAA,MAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,MAAQ,EAAA,OAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA~~,GACrD~~;~~AACF~~,CAAA;~~AAEa~~,MAAA,gBAAA,GAAmB,CAAC,KAM3B,KAAA;AACJ,EAAA,MAAM,EAAE,GAAK,EAAA,QAAA,EAAU,aAAe,EAAA,MAAA,EAAQ,cAAiB,GAAA,KAAA;AAC/D,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;~~AAE7B~~,EAAA,MAAM,gBACJ,GAAA,SAAA,CAAU,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA;AAE3D,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,UAAW,EAAA,QAAA,EAAA,kBACxBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,gBAAA,GAAmB,KAAK,EACrC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,OAAO,GAAO,IAAA,EAAA;AAAA,MACd,SAAS,EAAA,IAAA;AAAA,MACT,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,MAC1B,WAAY,EAAA,UAAA;AAAA,MACZ,MAAO,EAAA,QAAA;AAAA,MACP,OAAQ,EAAA,UAAA;AAAA,MACR,QAAU,EAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MACtC,UAAA,EAAY,EAAE,sBAAsB;AAAA;AAAA,GAExC,GACC,CAAC,gBAAA,iDACC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,SAAA;AAAA,MACP,KAAA,EAAO,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,MACzB,EAAG,EAAA,aAAA;AAAA,MACH,IAAK,EAAA,MAAA;AAAA,MACL,QAAA,EAAU,OAAM,KAAS,KAAA;AACvB,QAAI,IAAA,CAAC,MAAM,MAAO,CAAA,KAAA,IAAS,MAAM,MAAO,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAC1D,UAAA;AAAA;AAEF,QAAA,MAAM,SAAS,MAAM,KAAA,CAAM,OAAO,KAAM,CAAA,CAAC,EAAE,WAAY,EAAA;AAEvD,QAAM,MAAA,GAAA,GAAM,MAAM,WAAY,CAAA;AAAA,UAC5B,OAAA;AAAA,UACA,QAAA;AAAA,UACA,aAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA,SACD,CAAA,CAAE,MAAM,CAAA,CAAE,IAAK,EAAA;AAChB,QAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,QAAU,EAAA;AACjC,UAAA,QAAA,CAAS,IAAI,KAAK,CAAA;AAAA;AACpB;AACF;AAAA,~~qBAEDA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA,~~OAAA,~~EAAA~~,~~EAAM~~,~~SAAQ,aACb,EAAA,kBAAAA,~~cAAA,CAAA,aAAA,~~CAAC~~,~~UAAO~~,~~OAAQ,~~EAAA,~~WAAA~~,~~EAAY~~,~~KAAM~~,EAAA,~~SAAA~~,~~EAAU~~,WAAU,~~MACnD~~,EAAA,EAAA,~~CAAA~~,~~CAAE~~,6BAA6B,CAClC,CACF,CACF,~~CAED~~,~~EAAA~~,~~GAAA~~,~~oBACEA,~~cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,sBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,WAAa,EAAA,EAAA,CAAA,CAAE,mBAAmB,CAAE,CAAA,+CACvD,~~WAAY~~,EAAA,EAAA,GAAA,EAAK,KAAK,GAAI,EAAA,QAAA,EAAS,~~CACtC~~,CAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import { imageUpload } from '../../utils/utils';\nimport React from 'react';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n },\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <img className={styles.headerImage} src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/HomePageCards/ImpactCard.esm.js CHANGED Viewed

@@ -1,14 +1,11 @@
 import React__default from 'react';
-import Card from '@mui/material/Card';
-import CardContent from '@mui/material/CardContent';
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
 import numeral from 'numeral';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import 'react-use/lib/useAsync';
+import { Box, Card, CardContent, Typography } from '@material-ui/core';
 const ImpactCard = () => {
   const { t } = useTranslation();
@@ -20,19 +17,9 @@ const ImpactCard = () => {
   if (loading || error || !response) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(
-    Box,
-    {
-      display: { md: "none", lg: "block" },
-      sx: {
-        width: "100%",
-        marginBottom: 2
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1em" } }, t("impactCard.views"))), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
-      lastWeek: response.lastWeekImpact.toString(10)
-    }))))
-  );
+  return /* @__PURE__ */ React__default.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React__default.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", style: { marginLeft: "1em" } }, t("impactCard.views"))), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
+    lastWeek: response.lastWeekImpact.toString(10)
+  })))));
 };
 export { ImpactCard };

package/dist/components/HomePageCards/ImpactCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport ~~Card~~ from '~~@mui/material/Card~~';\nimport ~~CardContent~~ ~~from~~ ~~'@mui/material/CardContent';\nimport~~ ~~Typography~~ from '~~@mui/material/Typography~~';\nimport ~~Box~~ ~~from '@mui/material/~~Box~~';\nimport~~ ~~numeral~~ ~~from 'numeral';\nimport { useQetaApi~~, ~~useTranslation~~ } from '~~../../hooks~~';\n\nexport const ImpactCard = () => {\n const { t } = useTranslation();\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getUserImpact(), []);\n\n if (loading \|\| error \|\| !response) {\n return null;\n }\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}~~\n sx={{\n width: '100%',\n marginBottom: 2,\n }}\n~~ >\n <Card>\n <CardContent>\n <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n <Typography variant=\"h5\">\n {response.impact >= 1000\n ? numeral(response.impact).format('0.0 a')\n : response.impact}\n <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n {t('impactCard.views')}\n </Typography>\n </Typography>\n <Typography variant=\"body2\">\n {t('impactCard.contributions', {\n lastWeek: response.lastWeekImpact.toString(10),\n })}\n </Typography>\n </CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["React"],"mappings":"~~;;;;;;;;;;;;AAQO~~,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA~~;AAAA~~,~~IAAC~~,~~GAAA;AAAA~~,~~IAAA;AAAA~~,~~MACC~~,~~OAAS~~,~~EAAA~~,EAAE,~~EAAI,~~EAAA,~~MAAA~~,~~EAAQ~~,~~IAAI~~,~~OAAQ,~~EAAA~~;AAAA~~,~~MACnC,~~EAAI,~~EAAA;AAAA~~,~~QACF,KAAO,~~EAAA,~~MAAA;AAAA,QACP,YAAc,~~EAAA~~;AAAA;AAChB~~,~~KAAA;AAAA~~,~~oBAEAA,~~cAAA,CAAA,aAAA,~~CAAC~~,~~4BACEA~~,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,~~QAAM~~,~~CAAE~~,CAAA,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,~~cAAW~~,~~OAAQ~~,EAAA,~~IAAA~~,EAAA,~~EACjB~~,~~SAAS~~,MAAU,IAAA,GAAA,GAChB,~~OAAQ~~,CAAA,~~QAAA~~,~~CAAS~~,~~MAAM,~~CAAA,~~CAAE~~,~~OAAO~~,OAAO,CAAA,GACvC,~~SAAS~~,~~MACb~~,~~kBAAAA~~,cAAA,CAAA,aAAA,~~CAAC~~,~~cAAW~~,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,~~UAAY~~,EAAA,~~KAAA~~,~~MAChD~~,CAAE,CAAA,kBAAkB,CACvB,CACF,CAAA~~,+CACC~~,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,~~MAC7B~~,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,~~KAC9C~~,CACH,CACF,CACF~~;AAAA~~,~~GACF~~;AAEJ;;;;"}
1	+ {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import React from 'react';\nimport numeral from 'numeral';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\n\nexport const ImpactCard = () => {\n const { t } = useTranslation();\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getUserImpact(), []);\n\n if (loading \|\| error \|\| !response) {\n return null;\n }\n\n return (\n <Box display={{ md: 'none', lg: 'block' }}>\n <Card>\n <CardContent>\n <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n <Typography variant=\"h5\">\n {response.impact >= 1000\n ? numeral(response.impact).format('0.0 a')\n : response.impact}\n <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n {t('impactCard.views')}\n </Typography>\n </Typography>\n <Typography variant=\"body2\">\n {t('impactCard.contributions', {\n lastWeek: response.lastWeekImpact.toString(10),\n })}\n </Typography>\n </CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,kBACrCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,+CACE,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,QAAQ,QAAS,CAAA,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA,kBACZA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,KAAM,EAAA,EAAA,EACtD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,IAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/PostsCard.esm.js CHANGED Viewed

@@ -1,24 +1,5 @@
-import Card from '@mui/material/Card';
-import CardHeader from '@mui/material/CardHeader';
-import Divider from '@mui/material/Divider';
-import Grid from '@mui/material/Grid';
 import React__default from 'react';
-import '@mui/material/Collapse';
-import '@mui/material/Typography';
-import '@mui/material/Box';
-import '@mui/material/Button';
-import '@mui/material/IconButton';
-import '@mui/material/Tooltip';
-import '@mui/material/FormControl';
-import '@mui/material/FormControlLabel';
-import '@mui/material/Radio';
-import '@mui/material/RadioGroup';
-import '@mui/material/FormGroup';
-import '@mui/material/FormLabel';
-import '@mui/material/Checkbox';
 import '@backstage/catalog-model';
-import '@mui/material/TextField';
-import '@mui/material/MenuItem';
 import 'file-type';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
@@ -26,38 +7,30 @@ import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
 import 'react-use/lib/useAsync';
-import '@mui/material/Autocomplete';
+import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
+import '@material-ui/lab';
 import '@backstage/plugin-catalog-react';
 import 'lodash';
 import '@drodil/backstage-plugin-qeta-common';
-import '@mui/icons-material/FiberManualRecord';
-import '@mui/icons-material/Adjust';
+import '@material-ui/icons/Adjust';
+import '@material-ui/icons/FiberManualRecord';
 import '@backstage/core-components';
 import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
-import '@mui/material/CardContent';
-import '@mui/icons-material/HelpOutline';
+import '@material-ui/icons/HelpOutline';
 import '../../routes.esm.js';
-import '@mui/icons-material/Create';
+import '@material-ui/icons/Create';
 import 'react-router-dom';
-import '@mui/material/Select';
-import '@mui/material/Pagination';
-import '@mui/material/Skeleton';
-import '@mui/icons-material/FilterList';
+import '../QetaPagination/QetaPagination.esm.js';
 import '@backstage/plugin-permission-react';
-import '@mui/icons-material/Visibility';
-import '@mui/icons-material/VisibilityOff';
-import '@mui/icons-material/PlaylistAdd';
-import '@mui/material/Dialog';
-import '@mui/material/DialogActions';
-import '@mui/material/DialogContent';
-import '@mui/material/DialogTitle';
-import '@mui/icons-material/AddCircle';
-import '@mui/icons-material/RemoveCircle';
+import '@material-ui/icons/Visibility';
+import '@material-ui/icons/VisibilityOff';
+import '@material-ui/icons/PlaylistAdd';
+import '@material-ui/icons/AddCircle';
+import '@material-ui/icons/RemoveCircle';
+import '../Buttons/ButtonContainer.esm.js';
 import 'react-use/lib/useDebounce';
-import '@mui/material/Paper';
-import '@mui/material/InputBase';
-import '@mui/icons-material/Search';
-import '@mui/icons-material/Close';
+import '../SearchBar/SearchBar.esm.js';
+import '@material-ui/icons/FilterList';
 const PostsCard = (props) => {
   const { value: response } = useQetaApi(

package/dist/components/HomePageCards/PostsCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import ~~Card from '@mui/material/Card';\nimport CardHeader from '@mui/material/CardHeader';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport~~ React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\n\nexport const PostsCard = (props: {\n type: string;\n title: string;\n options?: PostsQuery;\n icon?: React.ReactNode;\n postType?: PostType;\n}) => {\n const { value: response } = useQetaApi(\n api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n [],\n );\n\n const posts = response?.posts ?? [];\n if (posts.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 {posts.map(question => {\n return (\n <Grid item xs={12} key={question.id}>\n <PostListItem post={question} type={props.postType} />\n <Divider />\n </Grid>\n );\n })}\n </Grid>\n </Card>\n );\n};\n"],"names":["React"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASa~~,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE;AAAC,GACH;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA;AAAA,GAEH,CACH,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\nimport { Card, CardHeader, Divider, Grid } from '@material-ui/core';\n\nexport const PostsCard = (props: {\n type: string;\n title: string;\n options?: PostsQuery;\n icon?: React.ReactNode;\n postType?: PostType;\n}) => {\n const { value: response } = useQetaApi(\n api => api.getPosts({ limit: 3, type: props.postType, ...props.options }),\n [],\n );\n\n const posts = response?.posts ?? [];\n if (posts.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 {posts.map(question => {\n return (\n <Grid item xs={12} key={question.id}>\n <PostListItem post={question} type={props.postType} />\n <Divider />\n </Grid>\n );\n })}\n </Grid>\n </Card>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,SAAA,GAAY,CAAC,KAMpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAO,GAAA,KAAA,GAAA,CAAI,QAAS,CAAA,EAAE,KAAO,EAAA,CAAA,EAAG,IAAM,EAAA,KAAA,CAAM,QAAU,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACxE;AAAC,GACH;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,4BACEA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,+CAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,+CAC9B,YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,kBAAAA,cAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA;AAAA,GAEH,CACH,CACF,CAAA;AAEJ;;;;"}

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

@@ -1,43 +1,63 @@
-import Typography from '@mui/material/Typography';
-import Box from '@mui/material/Box';
-import MenuItem from '@mui/material/MenuItem';
-import ListItem from '@mui/material/ListItem';
-import SvgIcon from '@mui/material/SvgIcon';
-import MenuList from '@mui/material/MenuList';
-import ListItemIcon from '@mui/material/ListItemIcon';
-import AccountBox from '@mui/icons-material/AccountBox';
-import LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';
-import StarIcon from '@mui/icons-material/Star';
+import { makeStyles, SvgIcon, MenuList, Box, 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__default from 'react';
 import { useRouteRef, useApp } from '@backstage/core-plugin-api';
-import HelpOutlined from '@mui/icons-material/HelpOutlined';
+import HelpOutlined from '@material-ui/icons/HelpOutlined';
 import { useNavigate } from 'react-router-dom';
-import Home from '@mui/icons-material/Home';
+import Home from '@material-ui/icons/Home';
 import { useLocation } from 'react-use';
-import CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';
-import PlaylistPlay from '@mui/icons-material/PlaylistPlay';
-import SettingsIcon from '@mui/icons-material/Settings';
+import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
+import PlaylistPlay from '@material-ui/icons/PlaylistPlay';
+import SettingsIcon from '@material-ui/icons/Settings';
 import { GroupIcon } from '@backstage/core-components';
 import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef } from '../../routes.esm.js';
-import '@mui/material/Avatar';
-import '@mui/material/List';
-import '@mui/material/ListItemAvatar';
-import '@mui/material/ListItemText';
+import '../TopRankingUsersCard/TopRankingUsersCard.esm.js';
 import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
-import '@backstage/plugin-catalog-react';
 import '../../api.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
-import '@mui/material/Chip';
-import '@mui/material/Grid';
-import '@mui/material/Button';
-import '@mui/material/Tooltip';
-import { styled } from '@mui/system';
-const LeftMenuItem = styled(ListItemIcon, { name: "QetaLeftMenuIcon" })({
-  minWidth: "26px !important"
-});
+const useStyles = makeStyles(
+  (theme) => {
+    return {
+      leftMenu: {
+        top: "0",
+        width: "165px",
+        paddingTop: "1em"
+      },
+      inPopup: {
+        marginRight: 0,
+        padding: "0.5rem"
+      },
+      outsidePopup: {
+        marginRight: theme.spacing(5),
+        float: "right",
+        position: "sticky"
+      },
+      selectedMenuItem: {
+        color: theme.palette.primary.contrastText,
+        backgroundColor: theme.palette.primary.light,
+        borderRadius: theme.shape.borderRadius,
+        "&:hover": {
+          backgroundColor: theme.palette.primary.dark
+        },
+        "& svg": {
+          color: theme.palette.primary.contrastText
+        }
+      },
+      nonSelectedMenuItem: {
+        backgroundColor: "initial"
+      },
+      menuIcon: {
+        minWidth: "26px"
+      }
+    };
+  },
+  { name: "QetaLeftMenu" }
+);
 const LeftMenu = (props) => {
   const rootRoute = useRouteRef(qetaRouteRef);
   const tagsRoute = useRouteRef(tagsRouteRef);
@@ -50,6 +70,7 @@ const LeftMenu = (props) => {
   const entitiesRoute = useRouteRef(entitiesRouteRef);
   const usersRoute = useRouteRef(usersRouteRef);
   const moderatorRoute = useRouteRef(moderatorRouteRef);
+  const styles = useStyles();
   const { t } = useTranslation();
   const location = useLocation();
   const navigate = useNavigate();
@@ -60,26 +81,12 @@ const LeftMenu = (props) => {
     loading: loadingUser,
     error: userError
   } = useIdentityApi((api) => api.getBackstageIdentity(), []);
-  const StyledMenuItem = styled(MenuItem, { name: "QetaLeftMenuItem" })(({ theme, ...p }) => {
-    return p.active ? {
-      width: "100%",
-      color: theme.palette.primary.contrastText,
-      backgroundColor: theme.palette.primary.light,
-      borderRadius: 1,
-      "&:hover": {
-        backgroundColor: theme.palette.primary.dark
-      },
-      "& svg": {
-        color: theme.palette.primary.contrastText
-      }
-    } : { width: "100%", backgroundColor: "initial", borderRadius: 1 };
-  });
   const CustomMenuItem = ({
     route,
     children
   }) => {
     return /* @__PURE__ */ React__default.createElement(
-      StyledMenuItem,
+      MenuItem,
       {
         onClick: (e) => {
           navigate(route);
@@ -87,7 +94,7 @@ const LeftMenu = (props) => {
             props.onClick(e);
           }
         },
-        active: route === location.pathname
+        className: route === location.pathname ? styles.selectedMenuItem : styles.nonSelectedMenuItem
       },
       children
     );
@@ -97,16 +104,7 @@ const LeftMenu = (props) => {
     MenuList,
     {
       id: "left-menu",
-      sx: {
-        top: "0",
-        maxWidth: "165px",
-        paddingTop: "2em",
-        ...props.inPopup ? { marginRight: 0, padding: "0.5em" } : {
-          marginRight: 4,
-          float: "right",
-          position: "sticky"
-        }
-      },
+      className: `${styles.leftMenu} ${props.inPopup ? styles.inPopup : styles.outsidePopup}`,
       onKeyDown: props.onKeyDown,
       autoFocusItem: props.autoFocusItem
     },
@@ -115,22 +113,22 @@ const LeftMenu = (props) => {
       {
         display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
       },
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
       /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
       /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
-      user && !loadingUser && !userError && /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
-      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
-      isModerator && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React__default.createElement(LeftMenuItem, null, /* @__PURE__ */ React__default.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
+      user && !loadingUser && !userError && /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
+      /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
+      isModerator && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React__default.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React__default.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
     )
   );
 };
-export { LeftMenu };
+export { LeftMenu, useStyles };
 //# sourceMappingURL=LeftMenu.esm.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport type { MenuItemProps } from '@mui/material/MenuItem';\nimport MenuItem from '@mui/material/MenuItem';\nimport ListItem from '@mui/material/ListItem';\nimport SvgIcon from '@mui/material/SvgIcon';\nimport MenuList from '@mui/material/MenuList';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport AccountBox from '@mui/icons-material/AccountBox';\nimport LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';\nimport StarIcon from '@mui/icons-material/Star';\nimport React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@mui/icons-material/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@mui/icons-material/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';\nimport PlaylistPlay from '@mui/icons-material/PlaylistPlay';\nimport SettingsIcon from '@mui/icons-material/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\nimport { styled } from '@mui/system';\n\nconst LeftMenuItem = styled(ListItemIcon, { name: 'QetaLeftMenuIcon' })({\n minWidth: '26px !important',\n});\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: React.KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (\n event: MouseEvent \| TouchEvent \| React.MouseEvent<EventTarget>,\n ) => void;\n inPopup?: boolean;\n}) => {\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 articlesRoute = useRouteRef(articlesRouteRef);\n const collectionsRoute = useRouteRef(collectionsRouteRef);\n const entitiesRoute = useRouteRef(entitiesRouteRef);\n const usersRoute = useRouteRef(usersRouteRef);\n const moderatorRoute = useRouteRef(moderatorRouteRef);\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const app = useApp();\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const StyledMenuItem = styled(MenuItem, { name: 'QetaLeftMenuItem' })<\n MenuItemProps & { active: boolean }\n >(({ theme, ...p }) => {\n return p.active\n ? {\n width: '100%',\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: 1,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n }\n : { width: '100%', backgroundColor: 'initial', borderRadius: 1 };\n });\n\n const CustomMenuItem = ({\n route,\n children,\n }: {\n route: string;\n children: ReactNode[];\n }) => {\n return (\n <StyledMenuItem\n onClick={e => {\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n active={route === location.pathname}\n >\n {children}\n </StyledMenuItem>\n );\n };\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n return (\n <MenuList\n id=\"left-menu\"\n sx={{\n top: '0',\n maxWidth: '165px',\n paddingTop: '2em',\n ...(props.inPopup\n ? { marginRight: 0, padding: '0.5em' }\n : {\n marginRight: 4,\n float: 'right',\n position: 'sticky',\n }),\n }}\n onKeyDown={props.onKeyDown}\n autoFocusItem={props.autoFocusItem}\n >\n <Box\n display={\n props.inPopup\n ? {}\n : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n }\n >\n <CustomMenuItem route={rootRoute()}>\n <LeftMenuItem>\n <Home fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.home')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.content')}</Typography>\n </ListItem>\n <CustomMenuItem route={questionsRoute()}>\n <LeftMenuItem>\n <HelpOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.questions')}\n </CustomMenuItem>\n <CustomMenuItem route={articlesRoute()}>\n <LeftMenuItem>\n <CollectionsBookmarkIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.articles')}\n </CustomMenuItem>\n <CustomMenuItem route={favoritesRoute()}>\n <LeftMenuItem>\n <StarIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.favoriteQuestions')}\n </CustomMenuItem>\n <CustomMenuItem route={entitiesRoute()}>\n <LeftMenuItem>\n <EntityIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()}>\n <LeftMenuItem>\n <LoyaltyOutlined fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.tags')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n </ListItem>\n <CustomMenuItem route={collectionsRoute()}>\n <LeftMenuItem>\n <PlaylistPlay fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.collections')}\n </CustomMenuItem>\n <CustomMenuItem route={usersRoute()}>\n <LeftMenuItem>\n <GroupIcon fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.users')}\n </CustomMenuItem>\n {user && !loadingUser && !userError && (\n <CustomMenuItem route={`${userRoute()}/${user.userEntityRef}`}>\n <LeftMenuItem>\n <AccountBox fontSize=\"small\" />\n </LeftMenuItem>\n {t('leftMenu.profile')}\n </CustomMenuItem>\n )}\n <CustomMenuItem route={statisticsRoute()}>\n <LeftMenuItem>\n <TrophyIcon />\n </LeftMenuItem>\n {t('leftMenu.statistics')}\n </CustomMenuItem>\n {isModerator && (\n <>\n <ListItem>\n <Typography variant=\"subtitle2\">\n {t('leftMenu.manage')}\n </Typography>\n </ListItem>\n <CustomMenuItem route={moderatorRoute()}>\n <LeftMenuItem>\n <SettingsIcon />\n </LeftMenuItem>\n {t('leftMenu.moderate')}\n </CustomMenuItem>\n </>\n )}\n </Box>\n </MenuList>\n );\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n Box,\n ListItem,\n ListItemIcon,\n makeStyles,\n MenuItem,\n MenuList,\n SvgIcon,\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 React, { ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\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';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport PlaylistPlay from '@material-ui/icons/PlaylistPlay';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\n\nexport type QetaLeftMenuClassKey =\n \| 'leftMenu'\n \| 'inPopup'\n \| 'outsidePopup'\n \| 'selectedMenuItem'\n \| 'nonSelectedMenuItem'\n \| 'menuIcon';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '165px',\n paddingTop: '1em',\n },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n float: 'right',\n position: 'sticky',\n },\n selectedMenuItem: {\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n },\n nonSelectedMenuItem: {\n backgroundColor: 'initial',\n },\n menuIcon: {\n minWidth: '26px',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: React.KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: React.MouseEvent<EventTarget>) => void;\n inPopup?: boolean;\n}) => {\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 articlesRoute = useRouteRef(articlesRouteRef);\n const collectionsRoute = useRouteRef(collectionsRouteRef);\n const entitiesRoute = useRouteRef(entitiesRouteRef);\n const usersRoute = useRouteRef(usersRouteRef);\n const moderatorRoute = useRouteRef(moderatorRouteRef);\n const styles = useStyles();\n const { t } = useTranslation();\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const app = useApp();\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={e => {\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n className={\n route === location.pathname\n ? styles.selectedMenuItem\n : styles.nonSelectedMenuItem\n }\n >\n {children}\n </MenuItem>\n );\n };\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? SvgIcon;\n\n return (\n <MenuList\n id=\"left-menu\"\n className={`${styles.leftMenu} ${\n props.inPopup ? styles.inPopup : styles.outsidePopup\n }`}\n onKeyDown={props.onKeyDown}\n autoFocusItem={props.autoFocusItem}\n >\n <Box\n display={\n props.inPopup\n ? {}\n : { xs: 'none', sm: 'none', md: 'none', lg: 'block' }\n }\n >\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\">{t('leftMenu.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={articlesRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <CollectionsBookmarkIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.articles')}\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={entitiesRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <LoyaltyOutlined fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.tags')}\n </CustomMenuItem>\n <ListItem>\n <Typography variant=\"subtitle2\">{t('leftMenu.community')}</Typography>\n </ListItem>\n <CustomMenuItem route={collectionsRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <PlaylistPlay fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.collections')}\n </CustomMenuItem>\n <CustomMenuItem route={usersRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <GroupIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.users')}\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 {isModerator && (\n <>\n <ListItem>\n <Typography variant=\"subtitle2\">\n {t('leftMenu.manage')}\n </Typography>\n </ListItem>\n <CustomMenuItem route={moderatorRoute()}>\n <ListItemIcon className={styles.menuIcon}>\n <SettingsIcon />\n </ListItemIcon>\n {t('leftMenu.moderate')}\n </CustomMenuItem>\n </>\n )}\n </Box>\n </MenuList>\n );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/LeftMenu/LeftMenuButton.esm.js CHANGED Viewed

@@ -1,21 +1,11 @@
-import Button from '@mui/material/Button';
-import Popper from '@mui/material/Popper';
-import Paper from '@mui/material/Paper';
-import Grow from '@mui/material/Grow';
-import ClickAwayListener from '@mui/material/ClickAwayListener';
+import { Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
 import React__default from 'react';
 import { LeftMenu } from './LeftMenu.esm.js';
-import MenuIcon from '@mui/icons-material/Menu';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import 'react-use/lib/useAsync';
+import MenuIcon from '@material-ui/icons/Menu';
 const LeftMenuButton = () => {
   const [open, setOpen] = React__default.useState(false);
   const anchorRef = React__default.useRef(null);
-  const { t } = useTranslation();
   const handleToggle = () => {
     setOpen((prevOpen2) => !prevOpen2);
   };
@@ -48,9 +38,9 @@ const LeftMenuButton = () => {
       variant: "contained",
       onClick: handleToggle,
       startIcon: /* @__PURE__ */ React__default.createElement(MenuIcon, null),
-      style: { marginBottom: "0.5em" }
+      style: { marginBottom: "0.5rem" }
     },
-    t("leftMenu.buttonLabel")
+    "Menu"
   ), /* @__PURE__ */ React__default.createElement(
     Popper,
     {
@@ -68,26 +58,15 @@ const LeftMenuButton = () => {
           transformOrigin: placement === "bottom" ? "left top" : "left bottom"
         }
       },
-      /* @__PURE__ */ React__default.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React__default.createElement(
-        Paper,
+      /* @__PURE__ */ React__default.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React__default.createElement(Paper, null, /* @__PURE__ */ React__default.createElement(
+        LeftMenu,
         {
-          sx: (theme) => ({
-            marginLeft: 2,
-            borderColor: theme.palette.divider,
-            borderWidth: "1px",
-            borderStyle: "solid"
-          })
-        },
-        /* @__PURE__ */ React__default.createElement(
-          LeftMenu,
-          {
-            onKeyDown: handleListKeyDown,
-            autoFocusItem: open,
-            onClick: handleClose,
-            inPopup: true
-          }
-        )
-      ))
+          onKeyDown: handleListKeyDown,
+          autoFocusItem: open,
+          onClick: handleClose,
+          inPopup: true
+        }
+      )))
     )
   ));
 };