npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.53.3 → 3.55.0 - Mend

@drodil/backstage-plugin-qeta-react 3.53.3 → 3.55.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 (36) hide show

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 { imageUpload } from '../../utils/utils';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n CircularProgress,\n Paper,\n Box,\n IconButton,\n InputAdornment,\n} from '@material-ui/core';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useState, useCallback, useEffect } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n dropzone: {\n border: `2px dashed ${theme.palette.primary.main}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n textAlign: 'center',\n cursor: 'pointer',\n backgroundColor: theme.palette.background.paper,\n transition: 'all 0.2s ease-in-out',\n margin: '0 auto',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n dropzoneActive: {\n borderColor: theme.palette.primary.dark,\n backgroundColor: theme.palette.action.selected,\n },\n uploadIcon: {\n fontSize: 36,\n color: theme.palette.primary.main,\n marginBottom: theme.spacing(1),\n },\n previewContainer: {\n position: 'relative',\n marginTop: theme.spacing(1),\n margin: '0 auto',\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n borderRadius: theme.shape.borderRadius,\n },\n previewLabel: {\n marginBottom: theme.spacing(1),\n color: theme.palette.text.secondary,\n },\n imageErrorBox: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.error.main,\n border: `1px solid ${theme.palette.error.main}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: '#fff3f3',\n marginTop: theme.spacing(1),\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 } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const [isUploading, setIsUploading] = useState(false);\n const [imageError, setImageError] = useState(false);\n const [inputValue, setInputValue] = useState(url ?? '');\n const [debouncedValue, setDebouncedValue] = useState(url ?? '');\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n const allowedMimeTypes = configApi.getOptionalStringArray(\n 'qeta.storage.allowedMimeTypes',\n ) \|\| ['image/png', 'image/jpeg', 'image/jpg', 'image/gif'];\n\n const acceptObj = allowedMimeTypes.reduce((acc, type) => {\n if (!type.includes('image/')) {\n return acc;\n }\n acc[type] = [];\n return acc;\n }, {} as Record<string, string[]>);\n\n const handleClearUrl = () => {\n setInputValue('');\n setDebouncedValue('');\n onChange(undefined);\n setImageError(false);\n };\n\n useEffect(() => {\n setInputValue(url ?? '');\n }, [url]);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(inputValue);\n if (inputValue !== url && !(inputValue === '' && url === undefined)) {\n onChange(inputValue);\n }\n }, 400);\n return () => clearTimeout(handler);\n }, [inputValue, onChange, url]);\n\n useEffect(() => {\n setImageError(false);\n }, [debouncedValue]);\n\n const onDrop = useCallback(\n async (acceptedFiles: File[]) => {\n if (acceptedFiles.length === 0) return;\n\n try {\n setIsUploading(true);\n const buffer = await acceptedFiles[0].arrayBuffer();\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 setInputValue(uri.value);\n }\n } catch (error) {\n errorApi.post(error);\n } finally {\n setIsUploading(false);\n }\n },\n [qetaApi, errorApi, onImageUpload, postId, collectionId],\n );\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n accept: acceptObj,\n maxFiles: 1,\n disabled: isUploadDisabled,\n });\n\n if (Object.keys(acceptObj).length === 0) {\n return null;\n }\n\n return (\n <Grid container spacing={2}>\n <Grid item xs={12}>\n <TextField\n value={inputValue}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => {\n setInputValue(e.target.value);\n }}\n helperText={t('fileInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n InputProps={{\n endAdornment: url && (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"clear image url\"\n onClick={handleClearUrl}\n edge=\"end\"\n >\n <CloseIcon />\n </IconButton>\n </InputAdornment>\n ),\n }}\n />\n </Grid>\n {!isUploadDisabled && !url && (\n <Grid item xs={12}>\n <Paper\n {...getRootProps()}\n className={`${styles.dropzone} ${\n isDragActive ? styles.dropzoneActive : ''\n }`}\n >\n <input {...getInputProps()} />\n <CloudUploadIcon className={styles.uploadIcon} />\n <Typography variant=\"h6\" gutterBottom>\n {isDragActive\n ? t('fileInput.dropHere')\n : t('fileInput.dragAndDrop')}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {t('fileInput.supportedFormats', {\n formats: allowedMimeTypes.join(', '),\n })}\n </Typography>\n <Box mt={2}>\n <Button variant=\"contained\" color=\"primary\">\n {t('fileInput.selectFile')}\n </Button>\n </Box>\n </Paper>\n </Grid>\n )}\n {debouncedValue && (\n <Grid item xs={12}>\n <div className={styles.previewContainer}>\n <Typography variant=\"subtitle2\" className={styles.previewLabel}>\n {t('fileInput.preview')}\n </Typography>\n {imageError ? (\n <div className={styles.imageErrorBox}>\n {t('fileInput.imageLoadError')}\n </div>\n ) : (\n <img\n className={styles.headerImage}\n src={debouncedValue}\n alt=\"header\"\n onError={() => setImageError(true)}\n />\n )}\n {isUploading && (\n <div className={styles.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n </div>\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"HeaderImageInput.esm.js","sources":["../../../src/components/HeaderImageInput/HeaderImageInput.tsx"],"sourcesContent":["import { imageUpload } from '../../utils/utils';\nimport { configApiRef, errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n CircularProgress,\n Paper,\n Box,\n IconButton,\n InputAdornment,\n} from '@material-ui/core';\nimport CloudUploadIcon from '@material-ui/icons/CloudUpload';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useState, useCallback, useEffect } from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n borderRadius: theme.shape.borderRadius,\n boxShadow: theme.shadows[2],\n },\n dropzone: {\n border: `2px dashed ${theme.palette.primary.main}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n textAlign: 'center',\n cursor: 'pointer',\n backgroundColor: theme.palette.background.paper,\n transition: 'all 0.2s ease-in-out',\n margin: '0 auto',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n dropzoneActive: {\n borderColor: theme.palette.primary.dark,\n backgroundColor: theme.palette.action.selected,\n },\n uploadIcon: {\n fontSize: 36,\n color: theme.palette.primary.main,\n marginBottom: theme.spacing(1),\n },\n previewContainer: {\n position: 'relative',\n marginTop: theme.spacing(1),\n margin: '0 auto',\n },\n loadingOverlay: {\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: 'rgba(255, 255, 255, 0.7)',\n borderRadius: theme.shape.borderRadius,\n },\n previewLabel: {\n marginBottom: theme.spacing(1),\n color: theme.palette.text.secondary,\n },\n imageErrorBox: {\n padding: theme.spacing(3),\n textAlign: 'center',\n color: theme.palette.error.main,\n border: `1px solid ${theme.palette.error.main}`,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: '#fff3f3',\n marginTop: theme.spacing(1),\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 } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n const [isUploading, setIsUploading] = useState(false);\n const [imageError, setImageError] = useState(false);\n const [inputValue, setInputValue] = useState(url ?? '');\n const [debouncedValue, setDebouncedValue] = useState(url ?? '');\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n const allowedMimeTypes = configApi.getOptionalStringArray(\n 'qeta.storage.allowedMimeTypes',\n ) \|\| ['image/png', 'image/jpeg', 'image/jpg', 'image/gif'];\n\n const acceptObj = allowedMimeTypes.reduce((acc, type) => {\n if (!type.includes('image/')) {\n return acc;\n }\n acc[type] = [];\n return acc;\n }, {} as Record<string, string[]>);\n\n const handleClearUrl = () => {\n setInputValue('');\n setDebouncedValue('');\n onChange(undefined);\n setImageError(false);\n };\n\n useEffect(() => {\n setInputValue(url ?? '');\n }, [url]);\n\n useEffect(() => {\n const handler = setTimeout(() => {\n setDebouncedValue(inputValue);\n if (inputValue !== url && !(inputValue === '' && url === undefined)) {\n onChange(inputValue);\n }\n }, 400);\n return () => clearTimeout(handler);\n }, [inputValue, onChange, url]);\n\n useEffect(() => {\n setImageError(false);\n }, [debouncedValue]);\n\n const onDrop = useCallback(\n async (acceptedFiles: File[]) => {\n if (acceptedFiles.length === 0) return;\n\n try {\n setIsUploading(true);\n const buffer = await acceptedFiles[0].arrayBuffer();\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 setInputValue(uri.value);\n }\n } catch (error) {\n errorApi.post(error);\n } finally {\n setIsUploading(false);\n }\n },\n [qetaApi, errorApi, onImageUpload, postId, collectionId],\n );\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n accept: acceptObj,\n maxFiles: 1,\n disabled: isUploadDisabled,\n });\n\n if (Object.keys(acceptObj).length === 0) {\n return null;\n }\n\n return (\n <Grid container spacing={2} style={{ marginBottom: '1rem' }}>\n <Grid item xs={12}>\n <TextField\n value={inputValue}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => {\n setInputValue(e.target.value);\n }}\n helperText={t('fileInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n InputProps={{\n endAdornment: url && (\n <InputAdornment position=\"end\">\n <IconButton\n aria-label=\"clear image url\"\n onClick={handleClearUrl}\n edge=\"end\"\n >\n <CloseIcon />\n </IconButton>\n </InputAdornment>\n ),\n }}\n />\n </Grid>\n {!isUploadDisabled && !url && (\n <Grid item xs={12}>\n <Paper\n {...getRootProps()}\n className={`${styles.dropzone} ${\n isDragActive ? styles.dropzoneActive : ''\n }`}\n >\n <input {...getInputProps()} />\n <CloudUploadIcon className={styles.uploadIcon} />\n <Typography variant=\"h6\" gutterBottom>\n {isDragActive\n ? t('fileInput.dropHere')\n : t('fileInput.dragAndDrop')}\n </Typography>\n <Typography variant=\"body2\" color=\"textSecondary\">\n {t('fileInput.supportedFormats', {\n formats: allowedMimeTypes.join(', '),\n })}\n </Typography>\n <Box mt={2}>\n <Button variant=\"contained\" color=\"primary\">\n {t('fileInput.selectFile')}\n </Button>\n </Box>\n </Paper>\n </Grid>\n )}\n {debouncedValue && (\n <Grid item xs={12}>\n <div className={styles.previewContainer}>\n <Typography variant=\"subtitle2\" className={styles.previewLabel}>\n {t('fileInput.preview')}\n </Typography>\n {imageError ? (\n <div className={styles.imageErrorBox}>\n {t('fileInput.imageLoadError')}\n </div>\n ) : (\n <img\n className={styles.headerImage}\n src={debouncedValue}\n alt=\"header\"\n onError={() => setImageError(true)}\n />\n )}\n {isUploading && (\n <div className={styles.loadingOverlay}>\n <CircularProgress />\n </div>\n )}\n </div>\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -181,14 +181,26 @@ const ImpactCard = () => {
         )
       ] }),
       /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 1, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", color: "textSecondary", children: [
-        /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsx(Box, { display: "flex", alignItems: "center", children: item.icon }) }),
-        /* @__PURE__ */ jsx(Box, { ml: 1, children: /* @__PURE__ */ jsxs(Typography, { variant: "subtitle2", component: "span", children: [
-          item.value,
-          " ",
-          item.label.toLowerCase()
-        ] }) })
-      ] }) }, index)) }) })
+      /* @__PURE__ */ jsx(Box, { mt: 2, children: /* @__PURE__ */ jsx(Grid, { container: true, spacing: 2, children: statItems.map((item, index) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 6, sm: 4, md: 3, children: /* @__PURE__ */ jsx(Tooltip, { title: item.label, children: /* @__PURE__ */ jsxs(
+        Box,
+        {
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          style: { cursor: "default" },
+          children: [
+            /* @__PURE__ */ jsx(Box, { color: "textSecondary", children: item.icon }),
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "body2",
+                style: { fontWeight: "bold", marginTop: "4px" },
+                children: item.value
+              }
+            )
+          ]
+        }
+      ) }) }, index)) }) })
     ] });
   };
   return /* @__PURE__ */ jsx(

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 numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport Star from '@material-ui/icons/Star';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const totalContributions =\n stats.summary.totalQuestions +\n stats.summary.totalAnswers +\n stats.summary.totalArticles +\n stats.summary.totalLinks;\n\n const statItems = [\n {\n icon: <TrendingUp fontSize=\"small\" />,\n value: formatNumber(totalContributions),\n label: t('impactCard.totalContributions'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <DescriptionIcon fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalArticles),\n label: t('impactCard.articles'),\n },\n {\n icon: <LinkIcon fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalLinks),\n label: t('impactCard.links'),\n },\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n {\n icon: <Star fontSize=\"small\" />,\n value: formatNumber(stats.summary.answerScore),\n label: t('impactCard.answerScore'),\n },\n {\n icon: <Star fontSize=\"small\" />,\n value: formatNumber(stats.summary.postScore),\n label: t('impactCard.postScore'),\n },\n {\n icon: <CheckCircle fontSize=\"small\" />,\n value: formatNumber(stats.summary.correctAnswers),\n label: t('impactCard.correctAnswers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n <EmojiEvents\n style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n />\n <Typography\n variant=\"subtitle1\"\n component=\"span\"\n style={{ fontWeight: 'bold' }}\n >\n {t('impactCard.reputation')}:{' '}\n <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n {stats.summary.reputation \|\| 0}\n </Box>\n </Typography>\n </Box>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={1}>\n {statItems.map((item, index) => (\n <Grid item xs={12} key={index}>\n <Box display=\"flex\" alignItems=\"center\" color=\"textSecondary\">\n <Tooltip title={item.label}>\n <Box display=\"flex\" alignItems=\"center\">\n {item.icon}\n </Box>\n </Tooltip>\n <Box ml={1}>\n <Typography variant=\"subtitle2\" component=\"span\">\n {item.value} {item.label.toLowerCase()}\n </Typography>\n </Box>\n </Box>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People","Star"],"mappings":"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"}
1	+ {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useIdentityApi, useQetaApi } from '../../hooks';\nimport {\n Box,\n Card,\n CardContent,\n Divider,\n Grid,\n Tooltip,\n Typography,\n useTheme,\n} from '@material-ui/core';\nimport { Alert, Skeleton } from '@material-ui/lab';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n ImpactResponse,\n StatisticsResponse,\n UserStat,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport People from '@material-ui/icons/People';\nimport EmojiEvents from '@material-ui/icons/EmojiEvents';\nimport DescriptionIcon from '@material-ui/icons/Description';\nimport LinkIcon from '@material-ui/icons/Link';\nimport Star from '@material-ui/icons/Star';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport TrendingUp from '@material-ui/icons/TrendingUp';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n const theme = useTheme();\n const { value: user, loading: userLoading } = useIdentityApi(\n api => api.getBackstageIdentity(),\n [],\n );\n\n const {\n value: response,\n loading: statsLoading,\n error,\n } = useQetaApi<{\n impact: ImpactResponse;\n stats: StatisticsResponse<UserStat>;\n } \| null>(\n async api => {\n if (!user) {\n return null;\n }\n const [impact, stats] = await Promise.all([\n api.getUserImpact(),\n api.getUserStats(user.userEntityRef),\n ]);\n return { impact, stats };\n },\n [user],\n );\n\n const loading = userLoading \|\| statsLoading;\n\n const renderContent = () => {\n if (loading) {\n return (\n <Box p={2}>\n <Skeleton variant=\"text\" width=\"60%\" height={32} />\n <Skeleton variant=\"text\" width=\"40%\" height={48} />\n <Box mt={2}>\n <Divider />\n </Box>\n <Box mt={2}>\n <Grid container spacing={2}>\n {Array.from(new Array(4)).map((_, i) => (\n <Grid item xs={6} key={i}>\n <Skeleton variant=\"circle\" width={24} height={24} />\n <Skeleton variant=\"text\" width=\"80%\" />\n </Grid>\n ))}\n </Grid>\n </Box>\n </Box>\n );\n }\n\n if (error) {\n return <Alert severity=\"error\">{t('impactCard.error')}</Alert>;\n }\n\n if (!response) {\n return null;\n }\n\n const { impact, stats } = response;\n\n const formatNumber = (num: number) => {\n return num >= 1000 ? numeral(num).format('0.0 a') : num;\n };\n\n const formattedImpact = formatNumber(impact.impact);\n\n const totalContributions =\n stats.summary.totalQuestions +\n stats.summary.totalAnswers +\n stats.summary.totalArticles +\n stats.summary.totalLinks;\n\n const statItems = [\n {\n icon: <TrendingUp fontSize=\"small\" />,\n value: formatNumber(totalContributions),\n label: t('impactCard.totalContributions'),\n },\n {\n icon: <HelpOutline fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalQuestions),\n label: t('impactCard.questions'),\n },\n {\n icon: <QuestionAnswer fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalAnswers),\n label: t('impactCard.answers'),\n },\n {\n icon: <DescriptionIcon fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalArticles),\n label: t('impactCard.articles'),\n },\n {\n icon: <LinkIcon fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalLinks),\n label: t('impactCard.links'),\n },\n {\n icon: <ThumbUp fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalVotes),\n label: t('impactCard.votes'),\n },\n {\n icon: <People fontSize=\"small\" />,\n value: formatNumber(stats.summary.totalFollowers),\n label: t('impactCard.followers'),\n },\n {\n icon: <Star fontSize=\"small\" />,\n value: formatNumber(stats.summary.answerScore),\n label: t('impactCard.answerScore'),\n },\n {\n icon: <Star fontSize=\"small\" />,\n value: formatNumber(stats.summary.postScore),\n label: t('impactCard.postScore'),\n },\n {\n icon: <CheckCircle fontSize=\"small\" />,\n value: formatNumber(stats.summary.correctAnswers),\n label: t('impactCard.correctAnswers'),\n },\n ];\n\n return (\n <>\n <Typography variant=\"h5\" component=\"h2\" gutterBottom>\n {t('impactCard.title')}\n </Typography>\n <Box display=\"flex\" alignItems=\"center\" mb={1}>\n <Typography\n variant=\"body1\"\n aria-label={`${formattedImpact} views`}\n style={{ fontWeight: 'bold', marginBottom: 0, fontSize: '32px' }}\n >\n {formattedImpact}\n </Typography>\n <Typography\n variant=\"body2\"\n component=\"span\"\n style={{ marginLeft: '0.5em', verticalAlign: 'middle' }}\n color=\"textSecondary\"\n >\n {t('impactCard.views')}\n </Typography>\n </Box>\n <Typography variant=\"body2\" color=\"textSecondary\" paragraph>\n {t('impactCard.contributions', {\n lastWeek: impact.lastWeekImpact.toString(10),\n })}\n </Typography>\n\n <Box display=\"flex\" alignItems=\"center\" mt={2} mb={2}>\n <EmojiEvents\n style={{ color: theme.palette.secondary.main, marginRight: '8px' }}\n />\n <Typography\n variant=\"subtitle1\"\n component=\"span\"\n style={{ fontWeight: 'bold' }}\n >\n {t('impactCard.reputation')}:{' '}\n <Box component=\"span\" style={{ fontSize: '1.1em' }}>\n {stats.summary.reputation \|\| 0}\n </Box>\n </Typography>\n </Box>\n\n <Divider />\n\n <Box mt={2}>\n <Grid container spacing={2}>\n {statItems.map((item, index) => (\n <Grid item xs={6} sm={4} md={3} key={index}>\n <Tooltip title={item.label}>\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n alignItems=\"center\"\n style={{ cursor: 'default' }}\n >\n <Box color=\"textSecondary\">{item.icon}</Box>\n <Typography\n variant=\"body2\"\n style={{ fontWeight: 'bold', marginTop: '4px' }}\n >\n {item.value}\n </Typography>\n </Box>\n </Tooltip>\n </Grid>\n ))}\n </Grid>\n </Box>\n </>\n );\n };\n\n return (\n <Box\n display={{ md: 'none', lg: 'block' }}\n style={{ marginBottom: '1em' }}\n role=\"region\"\n aria-label={t('impactCard.title')}\n >\n <Card elevation={2}>\n <CardContent>{renderContent()}</CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":["QuestionAnswer","People","Star"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAA,MAAM,EAAE,KAAA,EAAO,IAAM,EAAA,OAAA,EAAS,aAAgB,GAAA,cAAA;AAAA,IAC5C,CAAA,GAAA,KAAO,IAAI,oBAAqB,EAAA;AAAA,IAChC;AAAC,GACH;AAEA,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAS,EAAA,YAAA;AAAA,IACT;AAAA,GACE,GAAA,UAAA;AAAA,IAIF,OAAM,GAAO,KAAA;AACX,MAAA,IAAI,CAAC,IAAM,EAAA;AACT,QAAO,OAAA,IAAA;AAAA;AAET,MAAA,MAAM,CAAC,MAAQ,EAAA,KAAK,CAAI,GAAA,MAAM,QAAQ,GAAI,CAAA;AAAA,QACxC,IAAI,aAAc,EAAA;AAAA,QAClB,GAAA,CAAI,YAAa,CAAA,IAAA,CAAK,aAAa;AAAA,OACpC,CAAA;AACD,MAAO,OAAA,EAAE,QAAQ,KAAM,EAAA;AAAA,KACzB;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,MAAM,UAAU,WAAe,IAAA,YAAA;AAE/B,EAAA,MAAM,gBAAgB,MAAM;AAC1B,IAAA,IAAI,OAAS,EAAA;AACX,MACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,CAAA,EAAG,CACN,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,MAAA,EAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,QAAS,EAAA,EAAA,OAAA,EAAQ,QAAO,KAAM,EAAA,KAAA,EAAM,QAAQ,EAAI,EAAA,CAAA;AAAA,4BAChD,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,wBACA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,CACP,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,OAAA,EAAS,CACtB,EAAA,QAAA,EAAA,KAAA,CAAM,IAAK,CAAA,IAAI,MAAM,CAAC,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAA,EAAG,CAChC,qBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CACb,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAS,OAAQ,EAAA,QAAA,EAAS,KAAO,EAAA,EAAA,EAAI,QAAQ,EAAI,EAAA,CAAA;AAAA,0BACjD,GAAA,CAAA,QAAA,EAAA,EAAS,OAAQ,EAAA,MAAA,EAAO,OAAM,KAAM,EAAA;AAAA,SAFhB,EAAA,EAAA,CAGvB,CACD,CAAA,EACH,CACF,EAAA;AAAA,OACF,EAAA,CAAA;AAAA;AAIJ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,2BAAQ,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA;AAGxD,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAO,OAAA,IAAA;AAAA;AAGT,IAAM,MAAA,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAA,QAAA;AAE1B,IAAM,MAAA,YAAA,GAAe,CAAC,GAAgB,KAAA;AACpC,MAAA,OAAO,OAAO,GAAO,GAAA,OAAA,CAAQ,GAAG,CAAE,CAAA,MAAA,CAAO,OAAO,CAAI,GAAA,GAAA;AAAA,KACtD;AAEA,IAAM,MAAA,eAAA,GAAkB,YAAa,CAAA,MAAA,CAAO,MAAM,CAAA;AAElD,IAAM,MAAA,kBAAA,GACJ,KAAM,CAAA,OAAA,CAAQ,cACd,GAAA,KAAA,CAAM,OAAQ,CAAA,YAAA,GACd,KAAM,CAAA,OAAA,CAAQ,aACd,GAAA,KAAA,CAAM,OAAQ,CAAA,UAAA;AAEhB,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACnC,KAAA,EAAO,aAAa,kBAAkB,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,+BAA+B;AAAA,OAC1C;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACpC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACA,kBAAe,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACvC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,YAAY,CAAA;AAAA,QAC9C,KAAA,EAAO,EAAE,oBAAoB;AAAA,OAC/B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACxC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,aAAa,CAAA;AAAA,QAC/C,KAAA,EAAO,EAAE,qBAAqB;AAAA,OAChC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACjC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC5C,KAAA,EAAO,EAAE,kBAAkB;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAChC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,UAAU,CAAA;AAAA,QAC5C,KAAA,EAAO,EAAE,kBAAkB;AAAA,OAC7B;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACC,UAAO,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC/B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACC,QAAK,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC7B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,CAAA;AAAA,QAC7C,KAAA,EAAO,EAAE,wBAAwB;AAAA,OACnC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAACA,QAAK,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QAC7B,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,SAAS,CAAA;AAAA,QAC3C,KAAA,EAAO,EAAE,sBAAsB;AAAA,OACjC;AAAA,MACA;AAAA,QACE,IAAM,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,OAAQ,EAAA,CAAA;AAAA,QACpC,KAAO,EAAA,YAAA,CAAa,KAAM,CAAA,OAAA,CAAQ,cAAc,CAAA;AAAA,QAChD,KAAA,EAAO,EAAE,2BAA2B;AAAA;AACtC,KACF;AAEA,IAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,IAAK,EAAA,SAAA,EAAU,MAAK,YAAY,EAAA,IAAA,EACjD,QAAE,EAAA,CAAA,CAAA,kBAAkB,CACvB,EAAA,CAAA;AAAA,2BACC,GAAI,EAAA,EAAA,OAAA,EAAQ,QAAO,UAAW,EAAA,QAAA,EAAS,IAAI,CAC1C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,YAAA,EAAY,GAAG,eAAe,CAAA,MAAA,CAAA;AAAA,YAC9B,OAAO,EAAE,UAAA,EAAY,QAAQ,YAAc,EAAA,CAAA,EAAG,UAAU,MAAO,EAAA;AAAA,YAE9D,QAAA,EAAA;AAAA;AAAA,SACH;AAAA,wBACA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,OAAA;AAAA,YACR,SAAU,EAAA,MAAA;AAAA,YACV,KAAO,EAAA,EAAE,UAAY,EAAA,OAAA,EAAS,eAAe,QAAS,EAAA;AAAA,YACtD,KAAM,EAAA,eAAA;AAAA,YAEL,YAAE,kBAAkB;AAAA;AAAA;AACvB,OACF,EAAA,CAAA;AAAA,sBACA,GAAA,CAAC,cAAW,OAAQ,EAAA,OAAA,EAAQ,OAAM,eAAgB,EAAA,SAAA,EAAS,IACxD,EAAA,QAAA,EAAA,CAAA,CAAE,0BAA4B,EAAA;AAAA,QAC7B,QAAU,EAAA,MAAA,CAAO,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,OAC5C,CACH,EAAA,CAAA;AAAA,sBAEA,IAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,YAAW,QAAS,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CACjD,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,WAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,KAAO,EAAA,KAAA,CAAM,QAAQ,SAAU,CAAA,IAAA,EAAM,aAAa,KAAM;AAAA;AAAA,SACnE;AAAA,wBACA,IAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,SAAU,EAAA,MAAA;AAAA,YACV,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA;AAAA,YAE3B,QAAA,EAAA;AAAA,cAAA,CAAA,CAAE,uBAAuB,CAAA;AAAA,cAAE,GAAA;AAAA,cAAE,GAAA;AAAA,8BAC7B,GAAA,CAAA,GAAA,EAAA,EAAI,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA,EAAE,QAAU,EAAA,OAAA,EACtC,EAAA,QAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,UAAA,IAAc,CAC/B,EAAA;AAAA;AAAA;AAAA;AACF,OACF,EAAA,CAAA;AAAA,0BAEC,OAAQ,EAAA,EAAA,CAAA;AAAA,sBAER,GAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,CAAA,EACP,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,OAAS,EAAA,CAAA,EACtB,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KACpB,qBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAAG,EAAA,EAAA,EAAI,CAC3B,EAAA,QAAA,kBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,KAAK,KACnB,EAAA,QAAA,kBAAA,IAAA;AAAA,QAAC,GAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,aAAc,EAAA,QAAA;AAAA,UACd,UAAW,EAAA,QAAA;AAAA,UACX,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,UAE3B,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,GAAI,EAAA,EAAA,KAAA,EAAM,eAAiB,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,EAAA,CAAA;AAAA,4BACtC,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,OAAA;AAAA,gBACR,KAAO,EAAA,EAAE,UAAY,EAAA,MAAA,EAAQ,WAAW,KAAM,EAAA;AAAA,gBAE7C,QAAK,EAAA,IAAA,CAAA;AAAA;AAAA;AACR;AAAA;AAAA,OAEJ,EAAA,CAAA,EAAA,EAhBmC,KAiBrC,CACD,GACH,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,MACnC,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,MAC7B,IAAK,EAAA,QAAA;AAAA,MACL,YAAA,EAAY,EAAE,kBAAkB,CAAA;AAAA,MAEhC,QAAA,kBAAA,GAAA,CAAC,QAAK,SAAW,EAAA,CAAA,EACf,8BAAC,WAAa,EAAA,EAAA,QAAA,EAAA,aAAA,IAAgB,CAChC,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -68,13 +68,13 @@ const useStyles = makeStyles(
       menuItem: {
         margin: (props) => props.compact ? 0 : theme.spacing(0, 1.5),
         justifyContent: (props) => props.compact ? "center" : "flex-start",
-        padding: (props) => props.compact ? theme.spacing(1, 0) : theme.spacing(1, 0.5),
+        padding: (props) => props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),
         borderRadius: (props) => props.compact ? 0 : theme.shape.borderRadius,
         transition: "all 0.2s ease-in-out",
         color: theme.palette.text.primary,
         display: "flex",
         alignItems: "center",
-        minHeight: 48,
+        minHeight: 40,
         maxWidth: "80%",
         "&:hover": {
           backgroundColor: theme.palette.action.hover

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 IconButton,\n List,\n ListItemIcon,\n makeStyles,\n MenuItem,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n linksRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n reviewRouteRef,\n settingsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '220px', // Standard width\n paddingTop: 0,\n paddingBottom: theme.spacing(2),\n transition: 'width 0.2s ease-in-out',\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n leftMenuCompact: {\n width: '70px',\n overflowX: 'hidden',\n '& $sectionHeader': {\n display: 'none',\n },\n },\n inPopup: {\n marginRight: 0,\n padding: theme.spacing(1),\n width: 'auto',\n },\n outsidePopup: {\n paddingRight: theme.spacing(2),\n },\n menuItem: {\n margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n justifyContent: (props: any) =>\n props.compact ? 'center' : 'flex-start',\n padding: (props: any) =>\n props.compact ? theme.spacing(1, 0) : theme.spacing(1, 0.5),\n borderRadius: (props: any) =>\n props.compact ? 0 : theme.shape.borderRadius,\n transition: 'all 0.2s ease-in-out',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n minHeight: 48,\n maxWidth: '80%',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n selectedMenuItem: {\n color: theme.palette.primary.main,\n backgroundColor: 'transparent',\n fontWeight: 600,\n position: 'relative',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n top: '50%',\n transform: 'translateY(-50%)',\n height: '60%',\n width: '4px',\n backgroundColor: theme.palette.primary.main,\n borderRadius: '0 4px 4px 0',\n },\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n '& svg': {\n color: theme.palette.primary.main,\n },\n },\n menuIcon: {\n minWidth: '32px',\n color: 'inherit',\n display: 'flex',\n justifyContent: 'center',\n },\n sectionHeader: {\n padding: theme.spacing(0.5, 2, 0.5, 2),\n marginTop: theme.spacing(2),\n color: theme.palette.text.secondary,\n fontWeight: 600,\n textTransform: 'uppercase',\n fontSize: '14px',\n letterSpacing: '0.5px',\n whiteSpace: 'nowrap',\n },\n toggleButton: {\n marginLeft: 'auto',\n marginRight: theme.spacing(0),\n marginBottom: theme.spacing(1),\n },\n label: {\n marginLeft: theme.spacing(1),\n whiteSpace: 'nowrap',\n opacity: 1,\n transition: 'opacity 0.2s',\n },\n labelHidden: {\n opacity: 0,\n width: 0,\n display: 'none',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: MouseEvent<EventTarget>) => void;\n inPopup?: boolean;\n compact?: boolean;\n onToggle?: () => void;\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 linksRoute = useRouteRef(linksRouteRef);\n const collectionsRoute = useRouteRef(collectionsRouteRef);\n const entitiesRoute = useRouteRef(entitiesRouteRef);\n const usersRoute = useRouteRef(usersRouteRef);\n const moderatorRoute = useRouteRef(moderatorRouteRef);\n const reviewRoute = useRouteRef(reviewRouteRef);\n const settingsRoute = useRouteRef(settingsRouteRef);\n const styles = useStyles(props);\n const { t } = useTranslationRef(qetaTranslationRef);\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const { canReview } = useCanReview();\n const app = useApp();\n const { compact = false, onToggle } = props;\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n const CustomMenuItem = ({\n route,\n hasSubRoutes,\n children,\n label,\n }: {\n route: string;\n hasSubRoutes?: boolean;\n children: ReactNode;\n label: string;\n }) => {\n const isSelected =\n route === location.pathname \|\|\n (hasSubRoutes && location.pathname?.startsWith(route));\n\n return (\n <Tooltip title={compact ? label : ''} placement=\"right\">\n <MenuItem\n onClick={e => {\n if (e.ctrlKey \|\| e.metaKey \|\| e.shiftKey \|\| e.altKey) {\n return;\n }\n e.preventDefault();\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n className={`${styles.menuItem} ${\n isSelected ? styles.selectedMenuItem : ''\n }`}\n href={route}\n component=\"a\"\n >\n {children}\n <Typography\n variant=\"body2\"\n className={compact ? styles.labelHidden : styles.label}\n style={{ fontWeight: isSelected ? 600 : 400 }}\n >\n {label}\n </Typography>\n </MenuItem>\n </Tooltip>\n );\n };\n\n const isPopup = props.inPopup;\n const isCompact = compact && !isPopup;\n\n return (\n <List\n id=\"left-menu\"\n className={`${styles.leftMenu} ${\n isPopup\n ? styles.inPopup\n : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n }`}\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n disablePadding\n >\n <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n <ListItemIcon className={styles.menuIcon}>\n <HomeOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.content')}\n </Typography>\n </li>\n\n <CustomMenuItem\n route={questionsRoute()}\n hasSubRoutes\n label={t('leftMenu.questions')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <HelpOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={articlesRoute()}\n hasSubRoutes\n label={t('leftMenu.articles')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LibraryBooksOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={linksRoute()}\n hasSubRoutes\n label={t('leftMenu.links')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LinkIcon fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={favoritesRoute()}\n label={t('leftMenu.favoriteQuestions')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <StarBorder fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={entitiesRoute()}\n hasSubRoutes\n label={t('leftMenu.entities')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={tagsRoute()}\n hasSubRoutes\n label={t('leftMenu.tags')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LocalOfferOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.community')}\n </Typography>\n </li>\n\n <CustomMenuItem\n route={collectionsRoute()}\n hasSubRoutes\n label={t('leftMenu.collections')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <PlaylistPlayOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n <ListItemIcon className={styles.menuIcon}>\n <PeopleOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n {user && !loadingUser && !userError && (\n <CustomMenuItem\n route={`${userRoute()}/${user.userEntityRef}`}\n label={t('leftMenu.profile')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <PersonOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n\n <CustomMenuItem\n route={statisticsRoute()}\n label={t('leftMenu.statistics')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <EmojiEventsOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.manage')}\n </Typography>\n </li>\n <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n <ListItemIcon className={styles.menuIcon}>\n <SettingsOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n {canReview && (\n <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n <ListItemIcon className={styles.menuIcon}>\n <RateReviewOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n {isModerator && (\n <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n <ListItemIcon className={styles.menuIcon}>\n <GavelOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n {!isPopup && (\n <Box\n display=\"flex\"\n justifyContent={isCompact ? 'center' : 'flex-start'}\n style={{ marginTop: 'auto' }}\n >\n <Tooltip\n title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n placement=\"right\"\n >\n <IconButton\n onClick={onToggle}\n size=\"small\"\n className={isCompact ? '' : styles.toggleButton}\n style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n >\n {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n </IconButton>\n </Tooltip>\n </Box>\n )}\n </List>\n );\n};\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"LeftMenu.esm.js","sources":["../../../src/components/LeftMenu/LeftMenu.tsx"],"sourcesContent":["import {\n Box,\n IconButton,\n List,\n ListItemIcon,\n makeStyles,\n MenuItem,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useLocation } from 'react-use';\n// Icons\nimport HomeOutlined from '@material-ui/icons/HomeOutlined';\nimport HelpOutline from '@material-ui/icons/HelpOutline';\nimport LibraryBooksOutlined from '@material-ui/icons/LibraryBooksOutlined';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarBorder from '@material-ui/icons/StarBorder';\nimport CategoryOutlined from '@material-ui/icons/CategoryOutlined'; // For Entities?\nimport LocalOfferOutlined from '@material-ui/icons/LocalOfferOutlined';\nimport PlaylistPlayOutlined from '@material-ui/icons/PlaylistPlayOutlined'; // Check if exists, else PlaylistPlay\nimport PeopleOutline from '@material-ui/icons/PeopleOutline';\nimport PersonOutline from '@material-ui/icons/PersonOutline';\nimport EmojiEventsOutlined from '@material-ui/icons/EmojiEventsOutlined'; // Check, else plain\nimport SettingsOutlined from '@material-ui/icons/SettingsOutlined';\nimport GavelOutlined from '@material-ui/icons/GavelOutlined';\nimport MenuOpenIcon from '@material-ui/icons/MenuOpen';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport RateReviewOutlined from '@material-ui/icons/RateReviewOutlined';\n\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n linksRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n reviewRouteRef,\n settingsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { useCanReview, useIdentityApi, useIsModerator } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '220px', // Standard width\n paddingTop: 0,\n paddingBottom: theme.spacing(2),\n transition: 'width 0.2s ease-in-out',\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n leftMenuCompact: {\n width: '70px',\n overflowX: 'hidden',\n '& $sectionHeader': {\n display: 'none',\n },\n },\n inPopup: {\n marginRight: 0,\n padding: theme.spacing(1),\n width: 'auto',\n },\n outsidePopup: {\n paddingRight: theme.spacing(2),\n },\n menuItem: {\n margin: (props: any) => (props.compact ? 0 : theme.spacing(0, 1.5)),\n justifyContent: (props: any) =>\n props.compact ? 'center' : 'flex-start',\n padding: (props: any) =>\n props.compact ? theme.spacing(1, 0) : theme.spacing(0.5, 0.5),\n borderRadius: (props: any) =>\n props.compact ? 0 : theme.shape.borderRadius,\n transition: 'all 0.2s ease-in-out',\n color: theme.palette.text.primary,\n display: 'flex',\n alignItems: 'center',\n minHeight: 40,\n maxWidth: '80%',\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n },\n selectedMenuItem: {\n color: theme.palette.primary.main,\n backgroundColor: 'transparent',\n fontWeight: 600,\n position: 'relative',\n '&::before': {\n content: '\"\"',\n position: 'absolute',\n left: 0,\n top: '50%',\n transform: 'translateY(-50%)',\n height: '60%',\n width: '4px',\n backgroundColor: theme.palette.primary.main,\n borderRadius: '0 4px 4px 0',\n },\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n '& svg': {\n color: theme.palette.primary.main,\n },\n },\n menuIcon: {\n minWidth: '32px',\n color: 'inherit',\n display: 'flex',\n justifyContent: 'center',\n },\n sectionHeader: {\n padding: theme.spacing(0.5, 2, 0.5, 2),\n marginTop: theme.spacing(2),\n color: theme.palette.text.secondary,\n fontWeight: 600,\n textTransform: 'uppercase',\n fontSize: '14px',\n letterSpacing: '0.5px',\n whiteSpace: 'nowrap',\n },\n toggleButton: {\n marginLeft: 'auto',\n marginRight: theme.spacing(0),\n marginBottom: theme.spacing(1),\n },\n label: {\n marginLeft: theme.spacing(1),\n whiteSpace: 'nowrap',\n opacity: 1,\n transition: 'opacity 0.2s',\n },\n labelHidden: {\n opacity: 0,\n width: 0,\n display: 'none',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: MouseEvent<EventTarget>) => void;\n inPopup?: boolean;\n compact?: boolean;\n onToggle?: () => void;\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 linksRoute = useRouteRef(linksRouteRef);\n const collectionsRoute = useRouteRef(collectionsRouteRef);\n const entitiesRoute = useRouteRef(entitiesRouteRef);\n const usersRoute = useRouteRef(usersRouteRef);\n const moderatorRoute = useRouteRef(moderatorRouteRef);\n const reviewRoute = useRouteRef(reviewRouteRef);\n const settingsRoute = useRouteRef(settingsRouteRef);\n const styles = useStyles(props);\n const { t } = useTranslationRef(qetaTranslationRef);\n const location = useLocation();\n const navigate = useNavigate();\n const { isModerator } = useIsModerator();\n const { canReview } = useCanReview();\n const app = useApp();\n const { compact = false, onToggle } = props;\n const {\n value: user,\n loading: loadingUser,\n error: userError,\n } = useIdentityApi(api => api.getBackstageIdentity(), []);\n\n const EntityIcon = app.getSystemIcon('kind:system') ?? CategoryOutlined;\n\n const CustomMenuItem = ({\n route,\n hasSubRoutes,\n children,\n label,\n }: {\n route: string;\n hasSubRoutes?: boolean;\n children: ReactNode;\n label: string;\n }) => {\n const isSelected =\n route === location.pathname \|\|\n (hasSubRoutes && location.pathname?.startsWith(route));\n\n return (\n <Tooltip title={compact ? label : ''} placement=\"right\">\n <MenuItem\n onClick={e => {\n if (e.ctrlKey \|\| e.metaKey \|\| e.shiftKey \|\| e.altKey) {\n return;\n }\n e.preventDefault();\n navigate(route);\n if (props.onClick) {\n props.onClick(e);\n }\n }}\n className={`${styles.menuItem} ${\n isSelected ? styles.selectedMenuItem : ''\n }`}\n href={route}\n component=\"a\"\n >\n {children}\n <Typography\n variant=\"body2\"\n className={compact ? styles.labelHidden : styles.label}\n style={{ fontWeight: isSelected ? 600 : 400 }}\n >\n {label}\n </Typography>\n </MenuItem>\n </Tooltip>\n );\n };\n\n const isPopup = props.inPopup;\n const isCompact = compact && !isPopup;\n\n return (\n <List\n id=\"left-menu\"\n className={`${styles.leftMenu} ${\n isPopup\n ? styles.inPopup\n : `${styles.outsidePopup} ${isCompact ? styles.leftMenuCompact : ''}`\n }`}\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n disablePadding\n >\n <CustomMenuItem route={rootRoute()} label={t('leftMenu.home')}>\n <ListItemIcon className={styles.menuIcon}>\n <HomeOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.content')}\n </Typography>\n </li>\n\n <CustomMenuItem\n route={questionsRoute()}\n hasSubRoutes\n label={t('leftMenu.questions')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <HelpOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={articlesRoute()}\n hasSubRoutes\n label={t('leftMenu.articles')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LibraryBooksOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={linksRoute()}\n hasSubRoutes\n label={t('leftMenu.links')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LinkIcon fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={favoritesRoute()}\n label={t('leftMenu.favoriteQuestions')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <StarBorder fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={entitiesRoute()}\n hasSubRoutes\n label={t('leftMenu.entities')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem\n route={tagsRoute()}\n hasSubRoutes\n label={t('leftMenu.tags')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <LocalOfferOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.community')}\n </Typography>\n </li>\n\n <CustomMenuItem\n route={collectionsRoute()}\n hasSubRoutes\n label={t('leftMenu.collections')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <PlaylistPlayOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <CustomMenuItem route={usersRoute()} label={t('leftMenu.users')}>\n <ListItemIcon className={styles.menuIcon}>\n <PeopleOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n {user && !loadingUser && !userError && (\n <CustomMenuItem\n route={`${userRoute()}/${user.userEntityRef}`}\n label={t('leftMenu.profile')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <PersonOutline fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n\n <CustomMenuItem\n route={statisticsRoute()}\n label={t('leftMenu.statistics')}\n >\n <ListItemIcon className={styles.menuIcon}>\n <EmojiEventsOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n <li style={{ listStyle: 'none' }}>\n <Typography className={styles.sectionHeader}>\n {t('leftMenu.manage')}\n </Typography>\n </li>\n <CustomMenuItem route={settingsRoute()} label={t('leftMenu.settings')}>\n <ListItemIcon className={styles.menuIcon}>\n <SettingsOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n\n {canReview && (\n <CustomMenuItem route={reviewRoute()} label={t('leftMenu.review')}>\n <ListItemIcon className={styles.menuIcon}>\n <RateReviewOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n {isModerator && (\n <CustomMenuItem route={moderatorRoute()} label={t('leftMenu.moderate')}>\n <ListItemIcon className={styles.menuIcon}>\n <GavelOutlined fontSize=\"small\" />\n </ListItemIcon>\n </CustomMenuItem>\n )}\n {!isPopup && (\n <Box\n display=\"flex\"\n justifyContent={isCompact ? 'center' : 'flex-start'}\n style={{ marginTop: 'auto' }}\n >\n <Tooltip\n title={isCompact ? t('leftMenu.expand') : t('leftMenu.collapse')}\n placement=\"right\"\n >\n <IconButton\n onClick={onToggle}\n size=\"small\"\n className={isCompact ? '' : styles.toggleButton}\n style={{ marginTop: 8, marginLeft: isCompact ? -10 : 18 }}\n >\n {isCompact ? <ChevronRightIcon /> : <MenuOpenIcon />}\n </IconButton>\n </Tooltip>\n </Box>\n )}\n </List>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -11,22 +11,26 @@ const PostAnonymouslyCheckbox = (props) => {
     Controller,
     {
       control,
-      render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsx(
-        FormControlLabel,
-        {
-          control: /* @__PURE__ */ jsx(Tooltip, { title: t("anonymousCheckbox.tooltip"), children: /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              onChange,
-              value,
-              size: "small",
-              disabled,
-              name: "anonymous"
-            }
-          ) }),
-          label
-        }
-      ),
+      render: ({ field: { onChange, value } }) => {
+        return /* @__PURE__ */ jsx(
+          FormControlLabel,
+          {
+            control: /* @__PURE__ */ jsx(Tooltip, { title: t("anonymousCheckbox.tooltip"), children: /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                onChange,
+                value,
+                checked: value === true,
+                size: "small",
+                disabled,
+                name: "anonymous",
+                "data-testid": "post-anonymously-checkbox"
+              }
+            ) }),
+            label
+          }
+        );
+      },
       name: "anonymous"
     }
   ) });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n control: Control<any>;\n disabled?: boolean;\n label: string;\n}) => {\n const { control, disabled, label } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n return (\n <Box style={{ marginLeft: '0.2em' }}>\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => (\n <FormControlLabel\n control={\n <Tooltip title={t('anonymousCheckbox.tooltip')}>\n <Checkbox\n onChange={onChange}\n value={value}\n size=\"small\"\n disabled={disabled}\n name=\"anonymous\"\n />\n </Tooltip>\n }\n label={label}\n />\n )}\n name=\"anonymous\"\n />\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAIlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,SACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,~~IAC5B~~,~~qBAAA~~,GAAA;AAAA,~~QAAC~~,gBAAA;AAAA,~~QAAA~~;AAAA,~~UACC~~,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,~~YAAC~~,QAAA;AAAA,~~YAAA~~;AAAA,~~cACC~~,QAAA;AAAA,~~cACA~~,KAAA;AAAA,~~cACA~~,IAAK,EAAA,OAAA;AAAA,~~cACL~~,QAAA;AAAA,~~cACA~~,IAAK,EAAA;AAAA;AAAA,~~WAET~~,EAAA,CAAA;AAAA,~~UAEF~~;AAAA;AAAA,~~OACF~~;AAAA,~~MAEF~~,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"PostAnonymouslyCheckbox.esm.js","sources":["../../../src/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.tsx"],"sourcesContent":["import { Control, Controller } from 'react-hook-form';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n control: Control<any>;\n disabled?: boolean;\n label: string;\n}) => {\n const { control, disabled, label } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n return (\n <Box style={{ marginLeft: '0.2em' }}>\n <Controller\n control={control}\n render={({ field: { onChange, value } }) => {\n return (\n <FormControlLabel\n control={\n <Tooltip title={t('anonymousCheckbox.tooltip')}>\n <Checkbox\n onChange={onChange}\n value={value}\n checked={value === true}\n size=\"small\"\n disabled={disabled}\n name=\"anonymous\"\n data-testid=\"post-anonymously-checkbox\"\n />\n </Tooltip>\n }\n label={label}\n />\n );\n }}\n name=\"anonymous\"\n />\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAIlC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,QAAU,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,2BACG,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,SACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,MAAA,EAAQ,CAAC,EAAE,KAAA,EAAO,EAAE,QAAU,EAAA,KAAA,IAAc,KAAA;AAC1C,QACE,uBAAA,GAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,yBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,2BAA2B,CAC3C,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,QAAA;AAAA,gBACA,KAAA;AAAA,gBACA,SAAS,KAAU,KAAA,IAAA;AAAA,gBACnB,IAAK,EAAA,OAAA;AAAA,gBACL,QAAA;AAAA,gBACA,IAAK,EAAA,WAAA;AAAA,gBACL,aAAY,EAAA;AAAA;AAAA,aAEhB,EAAA,CAAA;AAAA,YAEF;AAAA;AAAA,SACF;AAAA,OAEJ;AAAA,MACA,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}

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

@@ -129,7 +129,7 @@ const PostForm = (props) => {
   const catalogApi = useApi(catalogApiRef);
   const configApi = useApi(configApiRef);
   const alertApi = useApi(alertApiRef);
-  const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
+  const allowAnonymous = configApi.getOptionalBoolean("qeta.allowAnonymous");
   const minEntities = configApi.getOptionalNumber("qeta.entities.min") ?? 0;
   const minTags = configApi.getOptionalNumber("qeta.tags.min") ?? 0;
   const isLink = type === "link";
@@ -329,6 +329,11 @@ const PostForm = (props) => {
       });
     }
   }, [catalogApi, id, identity]);
+  useEffect(() => {
+    if (!id && !loading && allowAnonymous) {
+      setValues((v) => ({ ...v, anonymous: settings.anonymousPosting }));
+    }
+  }, [id, loading, settings.anonymousPosting, allowAnonymous]);
   const authorValue = watch("author");
   const customAuthor = useMemo(() => {
     const authorRef = authorValue ? stringifyEntityRef(authorValue) : void 0;
@@ -734,7 +739,7 @@ const PostForm = (props) => {
             name: "author"
           }
         ) }),
-        allowAnonymouns && !id && /* @__PURE__ */ jsxs(Box, { mt: 2, mb: 2, display: "flex", alignItems: "center", children: [
+        allowAnonymous && !id && /* @__PURE__ */ jsxs(Box, { mt: 2, mb: 2, display: "flex", alignItems: "center", children: [
           /* @__PURE__ */ jsx(
             PostAnonymouslyCheckbox,
             {