npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.9.3 → 3.10.0 - Mend

@drodil/backstage-plugin-qeta-react 3.9.3 → 3.10.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 (198) hide show

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

@@ -1,5 +1,8 @@
-import React from 'react';
-import { Box, Card, CardContent, Typography } from '@material-ui/core';
+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';
@@ -18,7 +21,7 @@ const ImpactCard = () => {
   if (loading || error || !response) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
+  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: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, t("impactCard.contributions", {
     lastWeek: response.lastWeekImpact.toString(10)
   })))));
 };

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 { ~~Box,~~ Card, CardContent, Typography } from '@material~~-ui~~/~~core~~';\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 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: '1rem' }}>\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":[],"mappings":"~~;;;;;;;;;;AAKO~~,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,MAAQ,EAAA,EAAA,EAAI,OAAQ,EAAA,EAAA,~~kBACrC~~,~~KAAA~~,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,~~kBACE~~,~~KAAA~~,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,~~sCACE,~~UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,~~kBAAA~~,~~KAAA~~,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,~~kBACZ~~,~~KAAA~~,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,~~kBAAA~~,~~KAAA~~,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,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
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 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: '1rem' }}>\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,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,MAAO,EAAA,EAAA,EACvD,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,CAAA;AAAA,GAC9C,CACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,6 +1,24 @@
-import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
-import React from 'react';
+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';
@@ -9,26 +27,38 @@ import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
 import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
-import '@material-ui/lab';
+import '@mui/material/Autocomplete';
 import '@backstage/plugin-catalog-react';
 import 'lodash';
 import '@drodil/backstage-plugin-qeta-common';
-import '@material-ui/icons/FiberManualRecord';
-import '@material-ui/icons/Adjust';
+import '@mui/icons-material/FiberManualRecord';
+import '@mui/icons-material/Adjust';
 import '@backstage/core-components';
 import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
-import '@material-ui/icons/HelpOutline';
+import '@mui/material/CardContent';
+import '@mui/icons-material/HelpOutline';
 import '../../routes.esm.js';
-import '@material-ui/icons/Create';
+import '@mui/icons-material/Create';
 import 'react-router-dom';
-import '@material-ui/icons/FilterList';
+import '@mui/material/Select';
+import '@mui/material/Pagination';
+import '@mui/material/Skeleton';
+import '@mui/icons-material/FilterList';
 import '@backstage/plugin-permission-react';
-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 '@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 'react-use/lib/useDebounce';
+import '@mui/material/Paper';
+import '@mui/material/InputBase';
+import '@mui/icons-material/Search';
+import '@mui/icons-material/Close';
 const PostsCard = (props) => {
   const { value: response } = useQetaApi(
@@ -39,8 +69,8 @@ const PostsCard = (props) => {
   if (posts.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, posts.map((question) => {
-    return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(PostListItem, { post: question, type: props.postType }), /* @__PURE__ */ React.createElement(Divider, null));
+  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React__default.createElement(Grid, { container: true, spacing: 2 }, posts.map((question) => {
+    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React__default.createElement(PostListItem, { post: question, type: props.postType }), /* @__PURE__ */ React__default.createElement(Divider, null));
   })));
 };

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, CardHeader, Divider, Grid } from '@material~~-ui~~/~~core~~';\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":[],"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,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,~~4BACE~~,~~KAAA~~,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,~~sCAChE,~~IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,KAAM,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACrB,IAAA,~~2CACG~~,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,KAAK,QAAS,CAAA,EAAA,EAAA,~~sCAC9B,~~YAAa,EAAA,EAAA,IAAA,EAAM,UAAU,IAAM,EAAA,KAAA,CAAM,UAAU,CACpD,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
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,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC,CAAA;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,18 +1,29 @@
-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 from 'react';
+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 makeStyles from '@mui/styles/makeStyles';
+import AccountBox from '@mui/icons-material/AccountBox';
+import LoyaltyOutlined from '@mui/icons-material/LoyaltyOutlined';
+import StarIcon from '@mui/icons-material/Star';
+import React__default from 'react';
 import { useRouteRef, useApp } from '@backstage/core-plugin-api';
-import HelpOutlined from '@material-ui/icons/HelpOutlined';
+import HelpOutlined from '@mui/icons-material/HelpOutlined';
 import { useNavigate } from 'react-router-dom';
-import Home from '@material-ui/icons/Home';
+import Home from '@mui/icons-material/Home';
 import { useLocation } from 'react-use';
-import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
-import PlaylistPlay from '@material-ui/icons/PlaylistPlay';
-import SettingsIcon from '@material-ui/icons/Settings';
+import CollectionsBookmarkIcon from '@mui/icons-material/CollectionsBookmark';
+import PlaylistPlay from '@mui/icons-material/PlaylistPlay';
+import SettingsIcon from '@mui/icons-material/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 { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
 import '../TopRankingUsersCard/styles.esm.js';
 import '@backstage/plugin-catalog-react';
@@ -27,7 +38,8 @@ const useStyles = makeStyles(
     return {
       leftMenu: {
         top: "0",
-        width: "165px"
+        width: "165px",
+        paddingTop: "2rem"
       },
       inPopup: {
         marginRight: 0,
@@ -87,7 +99,7 @@ const LeftMenu = (props) => {
     route,
     children
   }) => {
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React__default.createElement(
       MenuItem,
       {
         onClick: (e) => {
@@ -102,7 +114,7 @@ const LeftMenu = (props) => {
     );
   };
   const EntityIcon = app.getSystemIcon("kind:system") ?? SvgIcon;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     MenuList,
     {
       id: "left-menu",
@@ -110,24 +122,24 @@ const LeftMenu = (props) => {
       onKeyDown: props.onKeyDown,
       autoFocusItem: props.autoFocusItem
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React__default.createElement(
       Box,
       {
         display: props.inPopup ? {} : { xs: "none", sm: "none", md: "none", lg: "block" }
       },
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: rootRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(Home, { fontSize: "small" })), t("leftMenu.home")),
-      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.content"))),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: questionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(HelpOutlined, { fontSize: "small" })), t("leftMenu.questions")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: articlesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(CollectionsBookmarkIcon, { fontSize: "small" })), t("leftMenu.articles")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: favoritesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(StarIcon, { fontSize: "small" })), t("leftMenu.favoriteQuestions")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: entitiesRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(EntityIcon, { fontSize: "small" })), t("leftMenu.entities")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: tagsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(LoyaltyOutlined, { fontSize: "small" })), t("leftMenu.tags")),
-      /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.community"))),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: collectionsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(PlaylistPlay, { fontSize: "small" })), t("leftMenu.collections")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: usersRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(GroupIcon, { fontSize: "small" })), t("leftMenu.users")),
-      user && !loadingUser && !userError && /* @__PURE__ */ React.createElement(CustomMenuItem, { route: `${userRoute()}/${user.userEntityRef}` }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(AccountBox, { fontSize: "small" })), t("leftMenu.profile")),
-      /* @__PURE__ */ React.createElement(CustomMenuItem, { route: statisticsRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(TrophyIcon, null)), t("leftMenu.statistics")),
-      isModerator && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, t("leftMenu.manage"))), /* @__PURE__ */ React.createElement(CustomMenuItem, { route: moderatorRoute() }, /* @__PURE__ */ React.createElement(ListItemIcon, { className: styles.menuIcon }, /* @__PURE__ */ React.createElement(SettingsIcon, null)), t("leftMenu.moderate")))
+      /* @__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(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(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")))
     )
   );
 };

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 {\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 },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n marginLeft: theme.spacing(1),\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":[],"mappings":"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"}
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 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 makeStyles from '@mui/styles/makeStyles';\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';\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: '2rem',\n },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n marginLeft: theme.spacing(1),\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?: (\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 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,11 +1,15 @@
-import { Button, Popper, Grow, ClickAwayListener, Paper } from '@material-ui/core';
-import React from 'react';
+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 React__default from 'react';
 import { LeftMenu } from './LeftMenu.esm.js';
-import MenuIcon from '@material-ui/icons/Menu';
+import MenuIcon from '@mui/icons-material/Menu';
 const LeftMenuButton = () => {
-  const [open, setOpen] = React.useState(false);
-  const anchorRef = React.useRef(null);
+  const [open, setOpen] = React__default.useState(false);
+  const anchorRef = React__default.useRef(null);
   const handleToggle = () => {
     setOpen((prevOpen2) => !prevOpen2);
   };
@@ -21,14 +25,14 @@ const LeftMenuButton = () => {
       setOpen(false);
     }
   }
-  const prevOpen = React.useRef(open);
-  React.useEffect(() => {
+  const prevOpen = React__default.useRef(open);
+  React__default.useEffect(() => {
     if (prevOpen.current && !open) {
       anchorRef.current.focus();
     }
     prevOpen.current = open;
   }, [open]);
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
     Button,
     {
       ref: anchorRef,
@@ -37,11 +41,11 @@ const LeftMenuButton = () => {
       color: "primary",
       variant: "contained",
       onClick: handleToggle,
-      startIcon: /* @__PURE__ */ React.createElement(MenuIcon, null),
+      startIcon: /* @__PURE__ */ React__default.createElement(MenuIcon, null),
       style: { marginBottom: "0.5rem" }
     },
     "Menu"
-  ), /* @__PURE__ */ React.createElement(
+  ), /* @__PURE__ */ React__default.createElement(
     Popper,
     {
       open,
@@ -50,7 +54,7 @@ const LeftMenuButton = () => {
       disablePortal: true,
       style: { zIndex: 1e3 }
     },
-    ({ TransitionProps, placement }) => /* @__PURE__ */ React.createElement(
+    ({ TransitionProps, placement }) => /* @__PURE__ */ React__default.createElement(
       Grow,
       {
         ...TransitionProps,
@@ -58,7 +62,7 @@ const LeftMenuButton = () => {
           transformOrigin: placement === "bottom" ? "left top" : "left bottom"
         }
       },
-      /* @__PURE__ */ React.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React.createElement(Paper, null, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React__default.createElement(ClickAwayListener, { onClickAway: handleClose }, /* @__PURE__ */ React__default.createElement(Paper, null, /* @__PURE__ */ React__default.createElement(
         LeftMenu,
         {
           onKeyDown: handleListKeyDown,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import ~~{\n~~ Button~~,\n ClickAwayListener,\n Grow,\n Paper,\n~~ Popper~~,\n}~~ from '@material~~-ui~~/~~core~~';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@~~material-ui~~/icons/Menu';\n\nexport const LeftMenuButton = () => {\n const [open, setOpen] = React.useState(false);\n const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen);\n };\n\n const handleClose = (event: React.MouseEvent<EventTarget>) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return;\n }\n\n setOpen(false);\n };\n\n function handleListKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault();\n setOpen(false);\n }\n }\n\n // return focus to the button when we transitioned from !open -> open\n const prevOpen = React.useRef(open);\n React.useEffect(() => {\n if (prevOpen.current && !open) {\n anchorRef.current!.focus();\n }\n\n prevOpen.current = open;\n }, [open]);\n\n return (\n <div>\n <Button\n ref={anchorRef}\n aria-controls={open ? 'menu-list-grow' : undefined}\n aria-haspopup=\"true\"\n color=\"primary\"\n variant=\"contained\"\n onClick={handleToggle}\n startIcon={<MenuIcon />}\n style={{ marginBottom: '0.5rem' }}\n >\n Menu\n </Button>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n disablePortal\n style={{ zIndex: 1000 }}\n >\n {({ TransitionProps, placement }) => (\n <Grow\n {...TransitionProps}\n style={{\n transformOrigin:\n placement === 'bottom' ? 'left top' : 'left bottom',\n }}\n >\n <ClickAwayListener onClickAway={handleClose}>\n <Paper>\n <LeftMenu\n onKeyDown={handleListKeyDown}\n autoFocusItem={open}\n onClick={handleClose}\n inPopup\n />\n </Paper>\n </ClickAwayListener>\n </Grow>\n )}\n </Popper>\n </div>\n );\n};\n"],"names":["prevOpen"],"mappings":"~~;;;;;AAWO~~,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,~~GAAA~~,~~KAAA~~,CAAM,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,SAAA,~~GAAY~~,~~KAAM~~,CAAA,MAAA,CAA0B,IAAI,CAAA,CAAA;AAEtD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAQ,OAAA,CAAA,~~CAAAA~~,SAAY,KAAA,CAACA,SAAQ,CAAA,CAAA;AAAA,GAC/B,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,~~CAAC~~,~~KAAyC~~,KAAA;~~AAC5D~~,IAAA,IACE,UAAU,OACV,IAAA,SAAA,CAAU,QAAQ,QAAS,CAAA,KAAA,CAAM,MAAqB,CACtD,EAAA;AACA,MAAA,OAAA;AAAA,KACF;AAEA,IAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAA,SAAS,kBAAkB,KAA4B,EAAA;AACrD,IAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,MAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,MAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACf;AAAA,GACF;AAGA,EAAM,MAAA,QAAA,~~GAAW~~,~~KAAM~~,CAAA,MAAA,CAAO,IAAI,CAAA,CAAA;AAClC,~~EAAA~~,~~KAAA~~,CAAM,UAAU,MAAM;AACpB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,CAAC,IAAM,EAAA;AAC7B,MAAA,SAAA,CAAU,QAAS,KAAM,EAAA,CAAA;AAAA,KAC3B;AAEA,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA,CAAA;AAAA,GACrB,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,EAAA,~~2CACG~~,KACC,EAAA,IAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAK,EAAA,SAAA;AAAA,MACL,eAAA,EAAe,OAAO,gBAAmB,GAAA,KAAA,CAAA;AAAA,MACzC,eAAc,EAAA,MAAA;AAAA,MACd,KAAM,EAAA,SAAA;AAAA,MACN,OAAQ,EAAA,WAAA;AAAA,MACR,OAAS,EAAA,YAAA;AAAA,MACT,SAAA,~~sCAAY,~~QAAS,EAAA,IAAA,CAAA;AAAA,MACrB,KAAA,EAAO,EAAE,YAAA,EAAc,QAAS,EAAA;AAAA,KAAA;AAAA,IACjC,MAAA;AAAA,GAGD,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,UAAU,SAAU,CAAA,OAAA;AAAA,MACpB,IAAM,EAAA,KAAA,CAAA;AAAA,MACN,aAAa,EAAA,IAAA;AAAA,MACb,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAK,EAAA;AAAA,KAAA;AAAA,IAErB,CAAC,EAAE,eAAiB,EAAA,SAAA,EACnB,~~qBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACE,GAAG,eAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,eAAA,EACE,SAAc,KAAA,QAAA,GAAW,UAAa,GAAA,aAAA;AAAA,SAC1C;AAAA,OAAA;AAAA,~~sBAEC~~,~~KAAA~~,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,WAAa,EAAA,WAAA,EAAA,~~sCAC7B,~~KACC,EAAA,IAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,iBAAA;AAAA,UACX,aAAe,EAAA,IAAA;AAAA,UACf,OAAS,EAAA,WAAA;AAAA,UACT,OAAO,EAAA,IAAA;AAAA,SAAA;AAAA,OAEX,CACF,CAAA;AAAA,KACF;AAAA,GAGN,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport Popper from '@mui/material/Popper';\nimport Paper from '@mui/material/Paper';\nimport Grow from '@mui/material/Grow';\nimport ClickAwayListener from '@mui/material/ClickAwayListener';\nimport React from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@mui/icons-material/Menu';\n\nexport const LeftMenuButton = () => {\n const [open, setOpen] = React.useState(false);\n const anchorRef = React.useRef<HTMLButtonElement>(null);\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen);\n };\n\n const handleClose = (\n event: MouseEvent \| TouchEvent \| React.MouseEvent<EventTarget>,\n ) => {\n if (\n anchorRef.current &&\n anchorRef.current.contains(event.target as HTMLElement)\n ) {\n return;\n }\n\n setOpen(false);\n };\n\n function handleListKeyDown(event: React.KeyboardEvent) {\n if (event.key === 'Tab') {\n event.preventDefault();\n setOpen(false);\n }\n }\n\n // return focus to the button when we transitioned from !open -> open\n const prevOpen = React.useRef(open);\n React.useEffect(() => {\n if (prevOpen.current && !open) {\n anchorRef.current!.focus();\n }\n\n prevOpen.current = open;\n }, [open]);\n\n return (\n <div>\n <Button\n ref={anchorRef}\n aria-controls={open ? 'menu-list-grow' : undefined}\n aria-haspopup=\"true\"\n color=\"primary\"\n variant=\"contained\"\n onClick={handleToggle}\n startIcon={<MenuIcon />}\n style={{ marginBottom: '0.5rem' }}\n >\n Menu\n </Button>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n disablePortal\n style={{ zIndex: 1000 }}\n >\n {({ TransitionProps, placement }) => (\n <Grow\n {...TransitionProps}\n style={{\n transformOrigin:\n placement === 'bottom' ? 'left top' : 'left bottom',\n }}\n >\n <ClickAwayListener onClickAway={handleClose}>\n <Paper>\n <LeftMenu\n onKeyDown={handleListKeyDown}\n autoFocusItem={open}\n onClick={handleClose}\n inPopup\n />\n </Paper>\n </ClickAwayListener>\n </Grow>\n )}\n </Popper>\n </div>\n );\n};\n"],"names":["React","prevOpen"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { Link } from '@backstage/core-components';
@@ -17,20 +17,20 @@ const UserLink = (props) => {
     entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
   );
   if (entityRef === "anonymous") {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, t("userLink.anonymous"));
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("userLink.anonymous"));
   }
-  return /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
+  return /* @__PURE__ */ React__default.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
 };
 const AuthorLink = (props) => {
   const { entity, linkProps } = props;
-  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.author, linkProps });
+  return /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: entity.author, linkProps });
 };
 const UpdatedByLink = (props) => {
   const { entity, linkProps } = props;
   if (!entity.updatedBy) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
+  return /* @__PURE__ */ React__default.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
 };
 export { AuthorLink, UpdatedByLink, UserLink };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const UserLink = (props: {\n entityRef: string;\n linkProps?: LinkProps;\n}) => {\n const { entityRef, linkProps } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslation();\n const { primaryTitle: userName } = useEntityPresentation(\n entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n );\n if (entityRef === 'anonymous') {\n return <>{t('userLink.anonymous')}</>;\n }\n return (\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {userName}\n </Link>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n if (!entity.updatedBy) {\n return null;\n }\n return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,~~CAAA~~,~~KAAA~~,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,~~uBAAQ~~,~~KAAA~~,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,~~uBAAQ~~,~~KAAA~~,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}
1	+ {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const UserLink = (props: {\n entityRef: string;\n linkProps?: LinkProps;\n}) => {\n const { entityRef, linkProps } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslation();\n const { primaryTitle: userName } = useEntityPresentation(\n entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n );\n if (entityRef === 'anonymous') {\n return <>{t('userLink.anonymous')}</>;\n }\n return (\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {userName}\n </Link>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n if (!entity.updatedBy) {\n return null;\n }\n return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}

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

@@ -1,8 +1,9 @@
-import { Grid, CircularProgress } from '@material-ui/core';
-import React from 'react';
+import Grid from '@mui/material/Grid';
+import React__default from 'react';
+import Skeleton from '@mui/material/Skeleton';
 const LoadingGrid = () => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     Grid,
     {
       container: true,
@@ -10,7 +11,7 @@ const LoadingGrid = () => {
       alignItems: "center",
       style: { height: "20vh" }
     },
-    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(CircularProgress, null))
+    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Skeleton, { variant: "rectangular", height: 200 }))
   );
 };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import ~~{ CircularProgress,~~ Grid } from '@material~~-ui~~/~~core~~';\nimport React from 'react';\n\nexport const LoadingGrid = () => {\n return (\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n style={{ height: '20vh' }}\n >\n <Grid item>\n <~~CircularProgress~~ />\n </Grid>\n </Grid>\n );\n};\n"],"names":[],"mappings":"~~;;;AAGO~~,MAAM,cAAc,MAAM;AAC/B,EACE,~~uBAAA~~,~~KAAA~~,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,~~wCAEvB~~,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAA~~,~~KAAA~~,CAAA,aAAA,CAAC,~~sBAAiB~~,~~CACpB~~,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LoadingGrid.esm.js","sources":["../../../src/components/LoadingGrid/LoadingGrid.tsx"],"sourcesContent":["import Grid from '@mui/material/Grid';\nimport React from 'react';\nimport Skeleton from '@mui/material/Skeleton';\n\nexport const LoadingGrid = () => {\n return (\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n style={{ height: '20vh' }}\n >\n <Grid item>\n <Skeleton variant=\"rectangular\" height={200} />\n </Grid>\n </Grid>\n );\n};\n"],"names":["React"],"mappings":";;;;AAIO,MAAM,cAAc,MAAM;AAC/B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,KAAA;AAAA,oBAExBA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,OAAQ,EAAA,aAAA,EAAc,MAAQ,EAAA,GAAA,EAAK,CAC/C,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import ReactMde from 'react-mde';
 import 'react-mde/lib/styles/css/react-mde.css';
 import 'react-mde/lib/styles/css/react-mde-editor.css';
@@ -7,7 +7,7 @@ import { useApi, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { imageUpload } from '../../utils/utils.esm.js';
-import { makeStyles } from '@material-ui/core';
+import makeStyles from '@mui/styles/makeStyles';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
@@ -110,7 +110,7 @@ const MarkdownEditor = (props) => {
     autoFocus,
     required = true
   } = props;
-  const [selectedTab, setSelectedTab] = React.useState(
+  const [selectedTab, setSelectedTab] = React__default.useState(
     "write"
   );
   const styles = useStyles();
@@ -147,7 +147,7 @@ const MarkdownEditor = (props) => {
     });
   };
   const isUploadDisabled = config?.getOptionalBoolean("qeta.storage.disabled") || disableAttachments || false;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__default.createElement(
     ReactMde,
     {
       classes: {
@@ -175,7 +175,7 @@ const MarkdownEditor = (props) => {
       loadSuggestions,
       suggestionsAutoplace: true,
       generateMarkdownPreview: (content) => Promise.resolve(
-        /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React__default.createElement(
           MarkdownRenderer,
           {
             content,