npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.25.1 → 3.27.0 - Mend

@drodil/backstage-plugin-qeta-react 3.25.1 → 3.27.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 (176) hide show

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

@@ -2,16 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { imageUpload } from '../../utils/utils.esm.js';
 import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { makeStyles, Grid, TextField, Button, Typography } from '@material-ui/core';
 const useStyles = makeStyles((theme) => ({
@@ -29,7 +21,7 @@ const HeaderImageInput = (props) => {
   const configApi = useApi(configApiRef);
   const qetaApi = useApi(qetaApiRef);
   const errorApi = useApi(errorApiRef);
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
   return /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
@@ -43,7 +35,10 @@ const HeaderImageInput = (props) => {
         margin: "normal",
         variant: "outlined",
         onChange: (e) => onChange(e.target.value),
-        helperText: t("fileInput.helperText")
+        helperText: t("fileInput.helperText"),
+        FormHelperTextProps: {
+          style: { marginLeft: "0.2em" }
+        }
       }
     ) }),
     !isUploadDisabled && /* @__PURE__ */ jsxs(Grid, { item: true, xs: 2, children: [

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 { ~~useTranslation~~ } from '../../~~hooks~~';\nimport {\n Button,\n Grid,\n makeStyles,\n TextField,\n Typography,\n} from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n },\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = ~~useTranslation~~();\n const styles = useStyles();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <img className={styles.headerImage} src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;AAYA~~,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,WAAa,EAAA;AAAA,IACX,YAAc,EAAA,MAAA;AAAA,IACd,SAAW,EAAA,MAAA;AAAA,IACX,MAAQ,EAAA,OAAA;AAAA,IACR,SAAW,EAAA,OAAA;AAAA,IACX,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA;AAEvD,CAAE,CAAA,CAAA;AAEW,MAAA,gBAAA,GAAmB,CAAC,KAM3B,KAAA;AACJ,EAAA,MAAM,EAAE,GAAK,EAAA,QAAA,EAAU,aAAe,EAAA,MAAA,EAAQ,cAAiB,GAAA,KAAA;AAC/D,EAAM,MAAA,SAAA,GAAY,OAAO,YAAY,CAAA;AACrC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,MAAM,gBACJ,GAAA,SAAA,CAAU,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA;AAE3D,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,YAAW,QACzB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,gBAAA,GAAmB,KAAK,EACrC,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAO,GAAO,IAAA,EAAA;AAAA,QACd,SAAS,EAAA,IAAA;AAAA,QACT,KAAA,EAAO,EAAE,iBAAiB,CAAA;AAAA,QAC1B,WAAY,EAAA,UAAA;AAAA,QACZ,MAAO,EAAA,QAAA;AAAA,QACP,OAAQ,EAAA,UAAA;AAAA,QACR,QAAU,EAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QACtC,UAAA,EAAY,EAAE,sBAAsB;AAAA;AAAA,~~KAExC~~,EAAA,CAAA;AAAA,IACC,CAAC,gBACA,oBAAA,IAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,MAAO,EAAA,SAAA;AAAA,UACP,KAAA,EAAO,EAAE,OAAA,EAAS,MAAO,EAAA;AAAA,UACzB,EAAG,EAAA,aAAA;AAAA,UACH,IAAK,EAAA,MAAA;AAAA,UACL,QAAA,EAAU,OAAM,KAAS,KAAA;AACvB,YAAI,IAAA,CAAC,MAAM,MAAO,CAAA,KAAA,IAAS,MAAM,MAAO,CAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AAC1D,cAAA;AAAA;AAEF,YAAA,MAAM,SAAS,MAAM,KAAA,CAAM,OAAO,KAAM,CAAA,CAAC,EAAE,WAAY,EAAA;AAEvD,YAAM,MAAA,GAAA,GAAM,MAAM,WAAY,CAAA;AAAA,cAC5B,OAAA;AAAA,cACA,QAAA;AAAA,cACA,aAAA;AAAA,cACA,MAAA;AAAA,cACA;AAAA,aACD,CAAA,CAAE,MAAM,CAAA,CAAE,IAAK,EAAA;AAChB,YAAI,IAAA,OAAO,GAAI,CAAA,KAAA,KAAU,QAAU,EAAA;AACjC,cAAA,QAAA,CAAS,IAAI,KAAK,CAAA;AAAA;AACpB;AACF;AAAA,OACF;AAAA,sBACC,GAAA,CAAA,OAAA,EAAA,EAAM,OAAQ,EAAA,aAAA,EACb,8BAAC,MAAO,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,KAAA,EAAM,WAAU,SAAU,EAAA,MAAA,EACnD,QAAE,EAAA,CAAA,CAAA,6BAA6B,GAClC,CACF,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,IAED,uBACE,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAa,EAAA,QAAA,EAAA,CAAA,CAAE,mBAAmB,CAAE,EAAA,CAAA;AAAA,sBACxD,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,aAAa,GAAK,EAAA,GAAA,EAAK,KAAI,QAAS,EAAA;AAAA,KAC7D,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
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} from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => ({\n headerImage: {\n marginBottom: '1rem',\n marginTop: '1rem',\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n },\n}));\n\nexport const HeaderImageInput = (props: {\n url?: string;\n onChange: (url?: string) => void;\n onImageUpload: (imageId: number) => void;\n postId?: number;\n collectionId?: number;\n}) => {\n const { url, onChange, onImageUpload, postId, collectionId } = props;\n const configApi = useApi(configApiRef);\n const qetaApi = useApi(qetaApiRef);\n const errorApi = useApi(errorApiRef);\n const { t } = useTranslationRef(qetaTranslationRef);\n const styles = useStyles();\n\n const isUploadDisabled =\n configApi.getOptionalBoolean('qeta.storage.disabled') \|\| false;\n\n return (\n <Grid container alignItems=\"center\">\n <Grid item xs={isUploadDisabled ? 12 : 10}>\n <TextField\n value={url ?? ''}\n fullWidth\n label={t('fileInput.label')}\n placeholder=\"https://\"\n margin=\"normal\"\n variant=\"outlined\"\n onChange={e => onChange(e.target.value)}\n helperText={t('fileInput.helperText')}\n FormHelperTextProps={{\n style: { marginLeft: '0.2em' },\n }}\n />\n </Grid>\n {!isUploadDisabled && (\n <Grid item xs={2}>\n <input\n accept=\"image/*\"\n style={{ display: 'none' }}\n id=\"headerImage\"\n type=\"file\"\n onChange={async event => {\n if (!event.target.files \|\| event.target.files.length === 0) {\n return;\n }\n const buffer = await event.target.files[0].arrayBuffer();\n\n const uri = await imageUpload({\n qetaApi,\n errorApi,\n onImageUpload,\n postId,\n collectionId,\n })(buffer).next();\n if (typeof uri.value === 'string') {\n onChange(uri.value);\n }\n }}\n />\n <label htmlFor=\"headerImage\">\n <Button variant=\"contained\" color=\"primary\" component=\"span\">\n {t('fileInput.uploadHeaderImage')}\n </Button>\n </label>\n </Grid>\n )}\n {url && (\n <Grid item xs={12}>\n <Typography variant=\"subtitle1\">{t('fileInput.preview')}</Typography>\n <img className={styles.headerImage} src={url} alt=\"header\" />\n </Grid>\n )}\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -4,10 +4,11 @@ import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import 'react';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
@@ -15,7 +16,7 @@ import '@backstage/plugin-permission-common';
 import { Box, Card, CardContent, Typography } from '@material-ui/core';
 const ImpactCard = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const {
     value: response,
     loading,

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 { useQetaApi, ~~useTranslation~~ } from '../../hooks';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\n\nexport const ImpactCard = () => {\n const { t } = ~~useTranslation~~();\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getUserImpact(), []);\n\n if (loading \|\| error \|\| !response) {\n return null;\n }\n\n return (\n <Box display={{ md: 'none', lg: 'block' }} style={{ marginBottom: '1em' }}>\n <Card>\n <CardContent>\n <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n <Typography variant=\"h5\">\n {response.impact >= 1000\n ? numeral(response.impact).format('0.0 a')\n : response.impact}\n <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n {t('impactCard.views')}\n </Typography>\n </Typography>\n <Typography variant=\"body2\">\n {t('impactCard.contributions', {\n lastWeek: response.lastWeekImpact.toString(10),\n })}\n </Typography>\n </CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;AAIO~~,MAAM,aAAa,MAAM;AAC9B,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,2BACG,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,QAAQ,EAAI,EAAA,OAAA,EAAW,EAAA,KAAA,EAAO,EAAE,YAAc,EAAA,KAAA,IAChE,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,+BAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA,oBAChD,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA;AAAA,MAAS,QAAA,CAAA,MAAA,IAAU,MAChB,OAAQ,CAAA,QAAA,CAAS,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA;AAAA,sBACb,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EACtD,QAAE,EAAA,CAAA,CAAA,kBAAkB,CACvB,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EACjB,YAAE,0BAA4B,EAAA;AAAA,MAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,KAC9C,CACH,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import numeral from 'numeral';\nimport { useQetaApi } from '../../hooks';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const ImpactCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\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' }} style={{ marginBottom: '1em' }}>\n <Card>\n <CardContent>\n <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n <Typography variant=\"h5\">\n {response.impact >= 1000\n ? numeral(response.impact).format('0.0 a')\n : response.impact}\n <Typography variant=\"caption\" style={{ marginLeft: '1em' }}>\n {t('impactCard.views')}\n </Typography>\n </Typography>\n <Typography variant=\"body2\">\n {t('impactCard.contributions', {\n lastWeek: response.lastWeekImpact.toString(10),\n })}\n </Typography>\n </CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,2BACG,GAAI,EAAA,EAAA,OAAA,EAAS,EAAE,EAAA,EAAI,QAAQ,EAAI,EAAA,OAAA,EAAW,EAAA,KAAA,EAAO,EAAE,YAAc,EAAA,KAAA,IAChE,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EACC,+BAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,QAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,EAAA,CAAA;AAAA,oBAChD,IAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA;AAAA,MAAS,QAAA,CAAA,MAAA,IAAU,MAChB,OAAQ,CAAA,QAAA,CAAS,MAAM,CAAE,CAAA,MAAA,CAAO,OAAO,CAAA,GACvC,QAAS,CAAA,MAAA;AAAA,sBACb,GAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,KAAM,EAAA,EACtD,QAAE,EAAA,CAAA,CAAA,kBAAkB,CACvB,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EACjB,YAAE,0BAA4B,EAAA;AAAA,MAC7B,QAAU,EAAA,QAAA,CAAS,cAAe,CAAA,QAAA,CAAS,EAAE;AAAA,KAC9C,CACH,EAAA;AAAA,GAAA,EACF,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -7,22 +7,22 @@ import '@material-ui/icons/HelpOutline';
 import '@backstage/core-plugin-api';
 import '../../routes.esm.js';
 import '@material-ui/icons/Create';
-import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
-import '../../api.esm.js';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
 import 'react-router-dom';
 import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
 import '../QetaPagination/QetaPagination.esm.js';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
+import '@backstage/plugin-catalog-react';
 import '@material-ui/icons/Visibility';
 import '@material-ui/icons/VisibilityOff';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '../../api.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import 'react-use/lib/useAsync';
 import '@material-ui/icons/PlaylistAdd';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';

package/dist/components/Icons/ExpertIcon.esm.js ADDED Viewed

@@ -0,0 +1,20 @@
+import { jsx } from 'react/jsx-runtime';
+import { Tooltip } from '@material-ui/core';
+import StarIcon from '@material-ui/icons/Star';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+const ExpertIcon = (props) => {
+  const { t } = useTranslationRef(qetaTranslationRef);
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("common.tagExpert"), children: /* @__PURE__ */ jsx(
+    StarIcon,
+    {
+      color: "secondary",
+      style: { width: "0.5em", height: "0.5em" },
+      ...props
+    }
+  ) });
+};
+export { ExpertIcon };
+//# sourceMappingURL=ExpertIcon.esm.js.map

package/dist/components/Icons/ExpertIcon.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ExpertIcon.esm.js","sources":["../../../src/components/Icons/ExpertIcon.tsx"],"sourcesContent":["import { SvgIconProps, Tooltip } from '@material-ui/core';\nimport StarIcon from '@material-ui/icons/Star';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const ExpertIcon = (props: SvgIconProps) => {\n const { t } = useTranslationRef(qetaTranslationRef);\n return (\n <Tooltip title={t('common.tagExpert')}>\n <StarIcon\n color=\"secondary\"\n style={{ width: '0.5em', height: '0.5em' }}\n {...props}\n />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;AAKa,MAAA,UAAA,GAAa,CAAC,KAAwB,KAAA;AACjD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,kBAAkB,CAClC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,WAAA;AAAA,MACN,KAAO,EAAA,EAAE,KAAO,EAAA,OAAA,EAAS,QAAQ,OAAQ,EAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GAER,EAAA,CAAA;AAEJ;;;;"}

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

@@ -17,10 +17,11 @@ import '../TopRankingUsersCard/TopRankingUsersCard.esm.js';
 import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
 import '../../api.esm.js';
 import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
@@ -75,7 +76,7 @@ const LeftMenu = (props) => {
   const usersRoute = useRouteRef(usersRouteRef);
   const moderatorRoute = useRouteRef(moderatorRouteRef);
   const styles = useStyles();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const location = useLocation();
   const navigate = useNavigate();
   const { isModerator } = useIsModerator();

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 { KeyboardEvent, MouseEvent, ReactNode } from 'react';\nimport { useApp, useRouteRef } from '@backstage/core-plugin-api';\nimport HelpOutlined from '@material-ui/icons/HelpOutlined';\nimport { useNavigate } from 'react-router-dom';\nimport Home from '@material-ui/icons/Home';\nimport { useLocation } from 'react-use';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport PlaylistPlay from '@material-ui/icons/PlaylistPlay';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { GroupIcon } from '@backstage/core-components';\nimport {\n articlesRouteRef,\n collectionsRouteRef,\n entitiesRouteRef,\n favoriteQuestionsRouteRef,\n moderatorRouteRef,\n qetaRouteRef,\n questionsRouteRef,\n statisticsRouteRef,\n tagsRouteRef,\n userRouteRef,\n usersRouteRef,\n} from '../../routes';\nimport { TrophyIcon } from '../TopRankingUsersCard';\nimport { useIdentityApi, useIsModerator, useTranslation } from '../../hooks';\n\nexport type QetaLeftMenuClassKey =\n \| 'leftMenu'\n \| 'inPopup'\n \| 'outsidePopup'\n \| 'selectedMenuItem'\n \| 'nonSelectedMenuItem'\n \| 'menuIcon';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '165px',\n paddingTop: '1em',\n },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n float: 'right',\n position: 'sticky',\n },\n selectedMenuItem: {\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n },\n nonSelectedMenuItem: {\n backgroundColor: 'initial',\n },\n menuIcon: {\n minWidth: '26px',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: 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 hasSubRoutes,\n children,\n }: {\n route: string;\n hasSubRoutes?: boolean;\n children: ReactNode[];\n }) => {\n return (\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={\n route === location.pathname \|\|\n (hasSubRoutes && location.pathname?.startsWith(route))\n ? styles.selectedMenuItem\n : styles.nonSelectedMenuItem\n }\n href={route}\n component=\"a\"\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()} hasSubRoutes>\n <ListItemIcon className={styles.menuIcon}>\n <HelpOutlined fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.questions')}\n </CustomMenuItem>\n <CustomMenuItem route={articlesRoute()} hasSubRoutes>\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()} hasSubRoutes>\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()} hasSubRoutes>\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()} hasSubRoutes>\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 {\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 { KeyboardEvent, MouseEvent, 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 } from '../../hooks';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport type QetaLeftMenuClassKey =\n \| 'leftMenu'\n \| 'inPopup'\n \| 'outsidePopup'\n \| 'selectedMenuItem'\n \| 'nonSelectedMenuItem'\n \| 'menuIcon';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n leftMenu: {\n top: '0',\n width: '165px',\n paddingTop: '1em',\n },\n inPopup: {\n marginRight: 0,\n padding: '0.5rem',\n },\n outsidePopup: {\n marginRight: theme.spacing(5),\n float: 'right',\n position: 'sticky',\n },\n selectedMenuItem: {\n color: theme.palette.primary.contrastText,\n backgroundColor: theme.palette.primary.light,\n borderRadius: theme.shape.borderRadius,\n '&:hover': {\n backgroundColor: theme.palette.primary.dark,\n },\n '& svg': {\n color: theme.palette.primary.contrastText,\n },\n },\n nonSelectedMenuItem: {\n backgroundColor: 'initial',\n },\n menuIcon: {\n minWidth: '26px',\n },\n };\n },\n { name: 'QetaLeftMenu' },\n);\n\nexport const LeftMenu = (props: {\n onKeyDown?: (event: KeyboardEvent) => void;\n autoFocusItem?: boolean;\n onClick?: (event: 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 } = useTranslationRef(qetaTranslationRef);\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 hasSubRoutes,\n children,\n }: {\n route: string;\n hasSubRoutes?: boolean;\n children: ReactNode[];\n }) => {\n return (\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={\n route === location.pathname \|\|\n (hasSubRoutes && location.pathname?.startsWith(route))\n ? styles.selectedMenuItem\n : styles.nonSelectedMenuItem\n }\n href={route}\n component=\"a\"\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()} hasSubRoutes>\n <ListItemIcon className={styles.menuIcon}>\n <HelpOutlined fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.questions')}\n </CustomMenuItem>\n <CustomMenuItem route={articlesRoute()} hasSubRoutes>\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()} hasSubRoutes>\n <ListItemIcon className={styles.menuIcon}>\n <EntityIcon fontSize=\"small\" />\n </ListItemIcon>\n {t('leftMenu.entities')}\n </CustomMenuItem>\n <CustomMenuItem route={tagsRoute()} hasSubRoutes>\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()} hasSubRoutes>\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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"}

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

@@ -3,17 +3,8 @@ import { makeStyles, Button, Popper, Grow, ClickAwayListener, Paper } from '@mat
 import { useState, useRef, useEffect } from 'react';
 import { LeftMenu } from './LeftMenu.esm.js';
 import MenuIcon from '@material-ui/icons/Menu';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 const useStyles = makeStyles(
   () => ({
@@ -30,7 +21,7 @@ const useStyles = makeStyles(
 const LeftMenuButton = () => {
   const [open, setOpen] = useState(false);
   const styles = useStyles();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const anchorRef = useRef(null);
   const handleToggle = () => {
     setOpen((prevOpen2) => !prevOpen2);

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 makeStyles,\n Paper,\n Popper,\n} from '@material-ui/core';\nimport { MouseEvent, KeyboardEvent, useState, useRef, useEffect } from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { ~~useTranslation~~ } from '../../~~hooks~~';\n\nconst useStyles = makeStyles(\n () => ({\n button: {\n marginTop: '1em',\n marginBottom: '-1em',\n },\n popper: {\n zIndex: 1000,\n },\n }),\n { name: 'QetaLeftMenuButton' },\n);\n\nexport const LeftMenuButton = () => {\n const [open, setOpen] = useState(false);\n const styles = useStyles();\n const { t } = ~~useTranslation~~();\n const anchorRef = useRef<HTMLButtonElement>(null);\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen);\n };\n\n const handleClose = (event: 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: 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 = useRef(open);\n 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 size=\"large\"\n variant=\"contained\"\n onClick={handleToggle}\n startIcon={<MenuIcon />}\n className={styles.button}\n >\n {t('leftMenu.buttonLabel')}\n </Button>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n disablePortal\n className={styles.popper}\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":"~~;;;;;;;;;;;;;;;;;AAaA~~,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,MAAQ,EAAA;AAAA,MACN,SAAW,EAAA,KAAA;AAAA,MACX,YAAc,EAAA;AAAA,KAChB;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,MAAQ,EAAA;AAAA;AACV,GACF,CAAA;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B,CAAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA;AACtC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAM,MAAA,SAAA,GAAY,OAA0B,IAAI,CAAA;AAEhD,EAAA,MAAM,eAAe,MAAM;AACzB,IAAQ,OAAA,CAAA,CAAAA,SAAY,KAAA,CAACA,SAAQ,CAAA;AAAA,GAC/B;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,KAAmC,KAAA;AACtD,IAAA,IACE,UAAU,OACV,IAAA,SAAA,CAAU,QAAQ,QAAS,CAAA,KAAA,CAAM,MAAqB,CACtD,EAAA;AACA,MAAA;AAAA;AAGF,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,SAAS,kBAAkB,KAAsB,EAAA;AAC/C,IAAI,IAAA,KAAA,CAAM,QAAQ,KAAO,EAAA;AACvB,MAAA,KAAA,CAAM,cAAe,EAAA;AACrB,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA;AACf;AAIF,EAAM,MAAA,QAAA,GAAW,OAAO,IAAI,CAAA;AAC5B,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,CAAC,IAAM,EAAA;AAC7B,MAAA,SAAA,CAAU,QAAS,KAAM,EAAA;AAAA;AAG3B,IAAA,QAAA,CAAS,OAAU,GAAA,IAAA;AAAA,GACrB,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,SAAA;AAAA,QACL,eAAA,EAAe,OAAO,gBAAmB,GAAA,KAAA,CAAA;AAAA,QACzC,eAAc,EAAA,MAAA;AAAA,QACd,KAAM,EAAA,SAAA;AAAA,QACN,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,WAAA;AAAA,QACR,OAAS,EAAA,YAAA;AAAA,QACT,SAAA,sBAAY,QAAS,EAAA,EAAA,CAAA;AAAA,QACrB,WAAW,MAAO,CAAA,MAAA;AAAA,QAEjB,YAAE,sBAAsB;AAAA;AAAA,KAC3B;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,UAAU,SAAU,CAAA,OAAA;AAAA,QACpB,IAAM,EAAA,KAAA,CAAA;AAAA,QACN,aAAa,EAAA,IAAA;AAAA,QACb,WAAW,MAAO,CAAA,MAAA;AAAA,QAEjB,QAAC,EAAA,CAAA,EAAE,eAAiB,EAAA,SAAA,EACnB,qBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACE,GAAG,eAAA;AAAA,YACJ,KAAO,EAAA;AAAA,cACL,eAAA,EACE,SAAc,KAAA,QAAA,GAAW,UAAa,GAAA;AAAA,aAC1C;AAAA,YAEA,QAAC,kBAAA,GAAA,CAAA,iBAAA,EAAA,EAAkB,WAAa,EAAA,WAAA,EAC9B,8BAAC,KACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,QAAA;AAAA,cAAA;AAAA,gBACC,SAAW,EAAA,iBAAA;AAAA,gBACX,aAAe,EAAA,IAAA;AAAA,gBACf,OAAS,EAAA,WAAA;AAAA,gBACT,OAAO,EAAA;AAAA;AAAA,eAEX,CACF,EAAA;AAAA;AAAA;AACF;AAAA;AAEJ,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"LeftMenuButton.esm.js","sources":["../../../src/components/LeftMenu/LeftMenuButton.tsx"],"sourcesContent":["import {\n Button,\n ClickAwayListener,\n Grow,\n makeStyles,\n Paper,\n Popper,\n} from '@material-ui/core';\nimport { MouseEvent, KeyboardEvent, useState, useRef, useEffect } from 'react';\nimport { LeftMenu } from './LeftMenu';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nconst useStyles = makeStyles(\n () => ({\n button: {\n marginTop: '1em',\n marginBottom: '-1em',\n },\n popper: {\n zIndex: 1000,\n },\n }),\n { name: 'QetaLeftMenuButton' },\n);\n\nexport const LeftMenuButton = () => {\n const [open, setOpen] = useState(false);\n const styles = useStyles();\n const { t } = useTranslationRef(qetaTranslationRef);\n const anchorRef = useRef<HTMLButtonElement>(null);\n\n const handleToggle = () => {\n setOpen(prevOpen => !prevOpen);\n };\n\n const handleClose = (event: 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: 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 = useRef(open);\n 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 size=\"large\"\n variant=\"contained\"\n onClick={handleToggle}\n startIcon={<MenuIcon />}\n className={styles.button}\n >\n {t('leftMenu.buttonLabel')}\n </Button>\n <Popper\n open={open}\n anchorEl={anchorRef.current}\n role={undefined}\n disablePortal\n className={styles.popper}\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":"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"}

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

@@ -5,8 +5,6 @@ import { userRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
 import 'react';
-import '@backstage/core-plugin-api/alpha';
-import '../../translation.esm.js';
 import { useUserInfo } from '../../hooks/useEntityAuthor.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';

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 { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\n\nexport const UserLink = (props: {\n entityRef: string;\n anonymous?: boolean;\n linkProps?: LinkProps;\n}) => {\n const { entityRef, linkProps, anonymous } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { name } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n >\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {name}\n </Link>\n </Tooltip>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return (\n <UserLink\n entityRef={entity.author}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\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 (\n <UserLink\n entityRef={entity.updatedBy}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;~~AAQa,MAAA,QAAA,GAAW,CAAC,KAInB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}
1	+ {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { userRouteRef } from '../../routes';\nimport { Answer, Comment, Post } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserInfo } from '../../hooks';\nimport { UserTooltip } from '../TagsAndEntities/UserChip';\nimport { Tooltip } from '@material-ui/core';\n\nexport const UserLink = (props: {\n entityRef: string;\n anonymous?: boolean;\n linkProps?: LinkProps;\n}) => {\n const { entityRef, linkProps, anonymous } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { name } = useUserInfo(\n entityRef,\n anonymous ?? entityRef === 'anonymous',\n );\n return (\n <Tooltip\n arrow\n title={<UserTooltip entityRef={entityRef} anonymous={anonymous} />}\n enterDelay={400}\n interactive\n >\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {name}\n </Link>\n </Tooltip>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Post \| Answer \| Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return (\n <UserLink\n entityRef={entity.author}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\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 (\n <UserLink\n entityRef={entity.updatedBy}\n linkProps={linkProps}\n anonymous={'anonymous' in entity ? entity.anonymous : undefined}\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAQa,MAAA,QAAA,GAAW,CAAC,KAInB,KAAA;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5C,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA;AAC1C,EAAM,MAAA,EAAE,MAAS,GAAA,WAAA;AAAA,IACf,SAAA;AAAA,IACA,aAAa,SAAc,KAAA;AAAA,GAC7B;AACA,EACE,uBAAA,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,KAAK,EAAA,IAAA;AAAA,MACL,KAAO,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,SAAA,EAAsB,SAAsB,EAAA,CAAA;AAAA,MAChE,UAAY,EAAA,GAAA;AAAA,MACZ,WAAW,EAAA,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAC1C,QACH,EAAA,IAAA,EAAA;AAAA;AAAA,GACF;AAEJ;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,MAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA;AAAA;AAET,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,SAAA;AAAA,MACA,SAAW,EAAA,WAAA,IAAe,MAAS,GAAA,MAAA,CAAO,SAAY,GAAA,KAAA;AAAA;AAAA,GACxD;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect, Children, createElement } from 'react';
 import SyntaxHighlighter from 'react-syntax-highlighter';
 import ReactMarkdown from 'react-markdown';
@@ -12,14 +12,8 @@ import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { useIsDarkTheme } from '../../hooks/useIsDarkTheme.esm.js';
 import LinkIcon from '@material-ui/icons/Link';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import GithubSlugger from 'github-slugger';
 import { find } from 'unist-util-find';
 import { TagChip } from '../TagsAndEntities/TagChip.esm.js';
@@ -172,7 +166,7 @@ const flatten = (text, child) => {
 const MarkdownRenderer = (props) => {
   const { content, className: mainClassName, showToc, useBlankLinks } = props;
   const darkTheme = useIsDarkTheme();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const classes = useStyles();
   const alertApi = useApi(alertApiRef);
   slugger.reset();
@@ -253,7 +247,7 @@ const MarkdownRenderer = (props) => {
       }
     ]);
   }
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     ReactMarkdown,
     {
       remarkPlugins: [gfm],
@@ -330,7 +324,7 @@ const MarkdownRenderer = (props) => {
       },
       children: content
     }
-  ) });
+  );
 };
 export { MarkdownRenderer };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import { Children, createElement, PropsWithChildren, useEffect } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n a11yDark,\n a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n findTagMentions,\n findUserMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslation } from '../../hooks';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { TagChip } from '../TagsAndEntities/TagChip';\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n \| 'markdown'\n \| 'header'\n \| 'tocHeader'\n \| 'toc'\n \| 'tocList'\n \| 'tocListItem'\n \| 'tocLink';\n\nconst useStyles = makeStyles(\n theme => {\n const overrides = theme.overrides as BackstageOverrides;\n return {\n markdown: {\n '& p': {\n ...theme.typography?.body1,\n },\n '& h1': {\n ...theme.typography?.h1,\n marginBottom: 2,\n },\n '& h2': {\n ...theme.typography?.h2,\n marginBottom: 2,\n },\n '& h3': {\n ...theme.typography?.h3,\n marginBottom: 2,\n },\n '& h4': {\n ...theme.typography?.h4,\n marginBottom: 2,\n },\n '& h5': {\n ...theme.typography?.h5,\n marginBottom: 2,\n },\n '& h6': {\n ...theme.typography?.h6,\n marginBottom: 2,\n },\n '& table': {\n borderCollapse: 'collapse',\n border: `1px solid ${theme.palette.border}`,\n },\n '& th, & td': {\n border: `1px solid ${theme.palette.border}`,\n padding: theme.spacing(1),\n },\n '& td': {\n wordBreak: 'break-word',\n overflow: 'hidden',\n verticalAlign: 'middle',\n lineHeight: '1',\n margin: 0,\n padding: theme.spacing(3, 2, 3, 2.5),\n borderBottom: 0,\n },\n '& th': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr:nth-child(odd)': {\n backgroundColor: theme.palette.background.default,\n },\n '& a': {\n color: theme.palette.link,\n },\n '& img': {\n maxWidth: '100%',\n },\n '& code': {\n fontFamily: 'Courier New,Courier,monospace',\n fontStyle: 'normal',\n display: 'block',\n width: '100%',\n overflowX: 'auto',\n },\n '& em': {\n fontStyle: 'italic !important',\n },\n '& ol': {\n listStyle: 'decimal',\n },\n '& ul': {\n listStyle: 'disc',\n },\n '& blockquote': {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n padding: '1em',\n },\n '& ol, ul': {\n marginLeft: '1em',\n marginTop: '1em',\n marginBottom: '1em',\n },\n '& li': {\n marginTop: '0.5em',\n },\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n marginBottom: 0,\n },\n ...(overrides?.BackstageMarkdownContent\n ? overrides.BackstageMarkdownContent\n : {}),\n },\n header: {\n '& .anchor-link': {\n display: 'none',\n marginLeft: '0.5em',\n },\n '&:hover .anchor-link': {\n display: 'inline-block',\n },\n },\n tocHeader: {\n marginTop: '0.5em',\n marginBottom: 0,\n },\n toc: {\n marginTop: '0.5em',\n marginLeft: '0.2em',\n paddingBottom: '1em',\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n tocList: {\n marginLeft: '0 !important',\n marginTop: '0.5em !important',\n paddingInlineStart: '1em',\n counterReset: 'item',\n },\n tocListItem: {\n display: 'block',\n '&:before': {\n content: 'counters(item, \".\") \" \"',\n counterIncrement: 'item',\n },\n },\n tocLink: {\n color: theme.palette.link,\n },\n };\n },\n { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n if (!child) return text;\n\n return typeof child === 'string'\n ? text + child\n : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n content: string;\n className?: string;\n showToc?: boolean;\n useBlankLinks?: boolean;\n}) => {\n const { content, className: mainClassName, showToc, useBlankLinks } = props;\n const darkTheme = useIsDarkTheme();\n const { t } = useTranslation();\n const classes = useStyles();\n const alertApi = useApi(alertApiRef);\n slugger.reset();\n\n const copyToClipboard = (slug: string) => {\n const url = new URL(window.location.href);\n url.hash = `#${slug}`;\n window.navigator.clipboard.writeText(url.toString());\n alertApi.post({\n message: t('link.copied'),\n severity: 'info',\n display: 'transient',\n });\n };\n\n const headingRenderer = (\n hProps: PropsWithChildren<{ node: { tagName: string } }>,\n ) => {\n const { node, children } = hProps;\n const childrenArray = Children.toArray(children);\n const text = childrenArray.reduce(flatten, '');\n const slug = slugger.slug(text);\n const link = (\n <Tooltip title={t('link.aria')}>\n <IconButton\n aria-label={t('link.aria')}\n onClick={() => copyToClipboard(slug)}\n size=\"small\"\n className=\"anchor-link\"\n >\n <LinkIcon />\n </IconButton>\n </Tooltip>\n );\n return (\n <>\n {createElement(\n Typography,\n {\n variant: node.tagName as Variant,\n id: slug,\n className: classes.header,\n },\n [children, link],\n )}\n </>\n );\n };\n\n useEffect(() => {\n if (!window.location.hash) {\n return;\n }\n\n const id = window.location.hash.slice(1);\n const element = document.getElementById(id);\n if (element) {\n element.scrollIntoView({ behavior: 'auto', block: 'start' });\n }\n }, []);\n\n const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n if (showToc) {\n rehypePlugins.push([\n rehypeToc,\n {\n cssClasses: {\n toc: classes.toc,\n list: classes.tocList,\n listItem: classes.tocListItem,\n link: classes.tocLink,\n },\n customizeTOC: (toc: HtmlElementNode) => {\n const listItems = find(toc, { tagName: 'li' });\n if (!toc.children \|\| !listItems) {\n return false;\n }\n const tocHeader: TextNode = {\n type: 'text',\n value: t('markdown.toc'),\n };\n const heading: HeadingNode = {\n type: 'element',\n tagName: 'h3',\n properties: {},\n children: [tocHeader],\n };\n\n toc.children.unshift(heading);\n return toc;\n },\n },\n ]);\n }\n\n return (\n <>\n <ReactMarkdown\n remarkPlugins={[gfm]}\n rehypePlugins={rehypePlugins}\n className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}\n components={{\n h1: (p: any) => headingRenderer(p),\n h2: (p: any) => headingRenderer(p),\n h3: (p: any) => headingRenderer(p),\n h4: (p: any) => headingRenderer(p),\n h5: (p: any) => headingRenderer(p),\n h6: (p: any) => headingRenderer(p),\n p: (p: any) => {\n const { children } = p;\n const arr = Children.toArray(children);\n const formatted = arr.map((child: any) => {\n if (typeof child !== 'string') {\n return child;\n }\n const userMentions = findUserMentions(child);\n const tagMentions = findTagMentions(child);\n if (userMentions.length === 0 && tagMentions.length === 0) {\n return child;\n }\n\n return child.split(' ').map((word: string) => {\n const userMention = userMentions.find(m => word === m);\n if (userMention) {\n return (\n <>\n <EntityRefLink\n entityRef={userMention.slice(1)}\n hideIcon\n target={useBlankLinks ? '_blank' : undefined}\n />{' '}\n </>\n );\n }\n\n const tagMention = tagMentions.find(m => word === m);\n if (tagMention) {\n return (\n <>\n <TagChip\n tag={tagMention.slice(1)}\n style={{ marginBottom: 0 }}\n useHref={useBlankLinks}\n />\n </>\n );\n }\n\n return <>{word} </>;\n });\n });\n\n return <p>{formatted}</p>;\n },\n code(p: any) {\n const { children, className, node, ...rest } = p;\n const match = /language-(\\w+)/.exec(className \|\| '');\n return match ? (\n <SyntaxHighlighter\n {...rest}\n PreTag=\"div\"\n language={match[1]}\n style={darkTheme ? a11yDark : a11yLight}\n showLineNumbers\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n ) : (\n <code {...rest} className={className}>\n {children}\n </code>\n );\n },\n }}\n >\n {content}\n </ReactMarkdown>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,MAAM,OAAA,GAAU,IAAI,aAAc,EAAA;AAWlC,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAS,KAAA,KAAA;AACP,IAAA,MAAM,YAAY,KAAM,CAAA,SAAA;AACxB,IAAO,OAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,KAAO,EAAA;AAAA,UACL,GAAG,MAAM,UAAY,EAAA;AAAA,SACvB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,GAAG,MAAM,UAAY,EAAA,EAAA;AAAA,UACrB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,SAAW,EAAA;AAAA,UACT,cAAgB,EAAA,UAAA;AAAA,UAChB,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA;AAAA,SAC3C;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,MAAM,CAAA,CAAA;AAAA,UACzC,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,SAC1B;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA,YAAA;AAAA,UACX,QAAU,EAAA,QAAA;AAAA,UACV,aAAe,EAAA,QAAA;AAAA,UACf,UAAY,EAAA,GAAA;AAAA,UACZ,MAAQ,EAAA,CAAA;AAAA,UACR,SAAS,KAAM,CAAA,OAAA,CAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,GAAG,CAAA;AAAA,UACnC,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,SAC5C;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,SAC5C;AAAA,QACA,qBAAuB,EAAA;AAAA,UACrB,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA;AAAA,SAC5C;AAAA,QACA,KAAO,EAAA;AAAA,UACL,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA,SACvB;AAAA,QACA,OAAS,EAAA;AAAA,UACP,QAAU,EAAA;AAAA,SACZ;AAAA,QACA,QAAU,EAAA;AAAA,UACR,UAAY,EAAA,+BAAA;AAAA,UACZ,SAAW,EAAA,QAAA;AAAA,UACX,OAAS,EAAA,OAAA;AAAA,UACT,KAAO,EAAA,MAAA;AAAA,UACP,SAAW,EAAA;AAAA,SACb;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA;AAAA,SACb;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA;AAAA,SACb;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA;AAAA,SACb;AAAA,QACA,cAAgB,EAAA;AAAA,UACd,eAAA,EAAiB,KAAM,CAAA,OAAA,CAAQ,UAAW,CAAA,KAAA;AAAA,UAC1C,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,UAC1C,OAAS,EAAA;AAAA,SACX;AAAA,QACA,UAAY,EAAA;AAAA,UACV,UAAY,EAAA,KAAA;AAAA,UACZ,SAAW,EAAA,KAAA;AAAA,UACX,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,SAAW,EAAA;AAAA,SACb;AAAA,QACA,iBAAmB,EAAA;AAAA,UACjB,SAAW,EAAA;AAAA,SACb;AAAA,QACA,gBAAkB,EAAA;AAAA,UAChB,YAAc,EAAA;AAAA,SAChB;AAAA,QACA,GAAI,SAAA,EAAW,wBACX,GAAA,SAAA,CAAU,2BACV;AAAC,OACP;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,gBAAkB,EAAA;AAAA,UAChB,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA;AAAA,SACd;AAAA,QACA,sBAAwB,EAAA;AAAA,UACtB,OAAS,EAAA;AAAA;AACX,OACF;AAAA,MACA,SAAW,EAAA;AAAA,QACT,SAAW,EAAA,OAAA;AAAA,QACX,YAAc,EAAA;AAAA,OAChB;AAAA,MACA,GAAK,EAAA;AAAA,QACH,SAAW,EAAA,OAAA;AAAA,QACX,UAAY,EAAA,OAAA;AAAA,QACZ,aAAe,EAAA,KAAA;AAAA,QACf,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,OAClD;AAAA,MACA,OAAS,EAAA;AAAA,QACP,UAAY,EAAA,cAAA;AAAA,QACZ,SAAW,EAAA,kBAAA;AAAA,QACX,kBAAoB,EAAA,KAAA;AAAA,QACpB,YAAc,EAAA;AAAA,OAChB;AAAA,MACA,WAAa,EAAA;AAAA,QACX,OAAS,EAAA,OAAA;AAAA,QACT,UAAY,EAAA;AAAA,UACV,OAAS,EAAA,yBAAA;AAAA,UACT,gBAAkB,EAAA;AAAA;AACpB,OACF;AAAA,MACA,OAAS,EAAA;AAAA,QACP,KAAA,EAAO,MAAM,OAAQ,CAAA;AAAA;AACvB,KACF;AAAA,GACF;AAAA,EACA,EAAE,MAAM,qBAAsB;AAChC,CAAA;AAEA,MAAM,OAAA,GAAU,CAAC,IAAA,EAAc,KAAuB,KAAA;AACpD,EAAI,IAAA,CAAC,OAAc,OAAA,IAAA;AAEnB,EAAA,OAAO,OAAO,KAAA,KAAU,QACpB,GAAA,IAAA,GAAO,KACP,GAAA,QAAA,CAAS,OAAQ,CAAA,KAAA,CAAM,KAAM,CAAA,QAAQ,CAAE,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACjE,CAAA;AAEa,MAAA,gBAAA,GAAmB,CAAC,KAK3B,KAAA;AACJ,EAAA,MAAM,EAAE,OAAS,EAAA,SAAA,EAAW,aAAe,EAAA,OAAA,EAAS,eAAkB,GAAA,KAAA;AACtE,EAAA,MAAM,YAAY,cAAe,EAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,OAAA,CAAQ,KAAM,EAAA;AAEd,EAAM,MAAA,eAAA,GAAkB,CAAC,IAAiB,KAAA;AACxC,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAI,GAAA,CAAA,IAAA,GAAO,IAAI,IAAI,CAAA,CAAA;AACnB,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA;AACnD,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,EAAE,aAAa,CAAA;AAAA,MACxB,QAAU,EAAA,MAAA;AAAA,MACV,OAAS,EAAA;AAAA,KACV,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,eAAA,GAAkB,CACtB,MACG,KAAA;AACH,IAAM,MAAA,EAAE,IAAM,EAAA,QAAA,EAAa,GAAA,MAAA;AAC3B,IAAM,MAAA,aAAA,GAAgB,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAC/C,IAAA,MAAM,IAAO,GAAA,aAAA,CAAc,MAAO,CAAA,OAAA,EAAS,EAAE,CAAA;AAC7C,IAAM,MAAA,IAAA,GAAO,OAAQ,CAAA,IAAA,CAAK,IAAI,CAAA;AAC9B,IAAA,MAAM,uBACH,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,WAAW,CAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,QACzB,OAAA,EAAS,MAAM,eAAA,CAAgB,IAAI,CAAA;AAAA,QACnC,IAAK,EAAA,OAAA;AAAA,QACL,SAAU,EAAA,aAAA;AAAA,QAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAEF,IAAA,uBAEK,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA;AAAA,MACC,UAAA;AAAA,MACA;AAAA,QACE,SAAS,IAAK,CAAA,OAAA;AAAA,QACd,EAAI,EAAA,IAAA;AAAA,QACJ,WAAW,OAAQ,CAAA;AAAA,OACrB;AAAA,MACA,CAAC,UAAU,IAAI;AAAA,KAEnB,EAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,CAAC,MAAO,CAAA,QAAA,CAAS,IAAM,EAAA;AACzB,MAAA;AAAA;AAGF,IAAA,MAAM,EAAK,GAAA,MAAA,CAAO,QAAS,CAAA,IAAA,CAAK,MAAM,CAAC,CAAA;AACvC,IAAM,MAAA,OAAA,GAAU,QAAS,CAAA,cAAA,CAAe,EAAE,CAAA;AAC1C,IAAA,IAAI,OAAS,EAAA;AACX,MAAA,OAAA,CAAQ,eAAe,EAAE,QAAA,EAAU,MAAQ,EAAA,KAAA,EAAO,SAAS,CAAA;AAAA;AAC7D,GACF,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,aAAiD,GAAA,CAAC,CAAC,UAAU,CAAC,CAAA;AACpE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,aAAA,CAAc,IAAK,CAAA;AAAA,MACjB,SAAA;AAAA,MACA;AAAA,QACE,UAAY,EAAA;AAAA,UACV,KAAK,OAAQ,CAAA,GAAA;AAAA,UACb,MAAM,OAAQ,CAAA,OAAA;AAAA,UACd,UAAU,OAAQ,CAAA,WAAA;AAAA,UAClB,MAAM,OAAQ,CAAA;AAAA,SAChB;AAAA,QACA,YAAA,EAAc,CAAC,GAAyB,KAAA;AACtC,UAAA,MAAM,YAAY,IAAK,CAAA,GAAA,EAAK,EAAE,OAAA,EAAS,MAAM,CAAA;AAC7C,UAAA,IAAI,CAAC,GAAA,CAAI,QAAY,IAAA,CAAC,SAAW,EAAA;AAC/B,YAAO,OAAA,KAAA;AAAA;AAET,UAAA,MAAM,SAAsB,GAAA;AAAA,YAC1B,IAAM,EAAA,MAAA;AAAA,YACN,KAAA,EAAO,EAAE,cAAc;AAAA,WACzB;AACA,UAAA,MAAM,OAAuB,GAAA;AAAA,YAC3B,IAAM,EAAA,SAAA;AAAA,YACN,OAAS,EAAA,IAAA;AAAA,YACT,YAAY,EAAC;AAAA,YACb,QAAA,EAAU,CAAC,SAAS;AAAA,WACtB;AAEA,UAAI,GAAA,CAAA,QAAA,CAAS,QAAQ,OAAO,CAAA;AAC5B,UAAO,OAAA,GAAA;AAAA;AACT;AACF,KACD,CAAA;AAAA;AAGH,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAe,CAAC,GAAG,CAAA;AAAA,MACnB,aAAA;AAAA,MACA,SAAA,EAAW,GAAG,OAAQ,CAAA,QAAQ,IAAI,aAAiB,IAAA,EAAE,GAAG,IAAK,EAAA;AAAA,MAC7D,UAAY,EAAA;AAAA,QACV,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,EAAI,EAAA,CAAC,CAAW,KAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QACjC,CAAA,EAAG,CAAC,CAAW,KAAA;AACb,UAAM,MAAA,EAAE,UAAa,GAAA,CAAA;AACrB,UAAM,MAAA,GAAA,GAAM,QAAS,CAAA,OAAA,CAAQ,QAAQ,CAAA;AACrC,UAAA,MAAM,SAAY,GAAA,GAAA,CAAI,GAAI,CAAA,CAAC,KAAe,KAAA;AACxC,YAAI,IAAA,OAAO,UAAU,QAAU,EAAA;AAC7B,cAAO,OAAA,KAAA;AAAA;AAET,YAAM,MAAA,YAAA,GAAe,iBAAiB,KAAK,CAAA;AAC3C,YAAM,MAAA,WAAA,GAAc,gBAAgB,KAAK,CAAA;AACzC,YAAA,IAAI,YAAa,CAAA,MAAA,KAAW,CAAK,IAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AACzD,cAAO,OAAA,KAAA;AAAA;AAGT,YAAA,OAAO,MAAM,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAC,IAAiB,KAAA;AAC5C,cAAA,MAAM,WAAc,GAAA,YAAA,CAAa,IAAK,CAAA,CAAA,CAAA,KAAK,SAAS,CAAC,CAAA;AACrD,cAAA,IAAI,WAAa,EAAA;AACf,gBAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,kCAAA,GAAA;AAAA,oBAAC,aAAA;AAAA,oBAAA;AAAA,sBACC,SAAA,EAAW,WAAY,CAAA,KAAA,CAAM,CAAC,CAAA;AAAA,sBAC9B,QAAQ,EAAA,IAAA;AAAA,sBACR,MAAA,EAAQ,gBAAgB,QAAW,GAAA,KAAA;AAAA;AAAA,mBACrC;AAAA,kBAAG;AAAA,iBACL,EAAA,CAAA;AAAA;AAIJ,cAAA,MAAM,UAAa,GAAA,WAAA,CAAY,IAAK,CAAA,CAAA,CAAA,KAAK,SAAS,CAAC,CAAA;AACnD,cAAA,IAAI,UAAY,EAAA;AACd,gBAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,kBAAC,OAAA;AAAA,kBAAA;AAAA,oBACC,GAAA,EAAK,UAAW,CAAA,KAAA,CAAM,CAAC,CAAA;AAAA,oBACvB,KAAA,EAAO,EAAE,YAAA,EAAc,CAAE,EAAA;AAAA,oBACzB,OAAS,EAAA;AAAA;AAAA,iBAEb,EAAA,CAAA;AAAA;AAIJ,cAAA,uBAAU,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,gBAAA,IAAA;AAAA,gBAAK;AAAA,eAAC,EAAA,CAAA;AAAA,aACjB,CAAA;AAAA,WACF,CAAA;AAED,UAAO,uBAAA,GAAA,CAAC,OAAG,QAAU,EAAA,SAAA,EAAA,CAAA;AAAA,SACvB;AAAA,QACA,KAAK,CAAQ,EAAA;AACX,UAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAM,EAAA,GAAG,MAAS,GAAA,CAAA;AAC/C,UAAA,MAAM,KAAQ,GAAA,gBAAA,CAAiB,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA;AACnD,UAAA,OAAO,KACL,mBAAA,GAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACE,GAAG,IAAA;AAAA,cACJ,MAAO,EAAA,KAAA;AAAA,cACP,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,cACjB,KAAA,EAAO,YAAY,QAAW,GAAA,SAAA;AAAA,cAC9B,eAAe,EAAA,IAAA;AAAA,cAEd,QAAO,EAAA,MAAA,CAAA,QAAQ,CAAE,CAAA,OAAA,CAAQ,OAAO,EAAE;AAAA;AAAA,8BAGpC,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,WACb,QACH,EAAA,CAAA;AAAA;AAEJ,OACF;AAAA,MAEC,QAAA,EAAA;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import { Children, createElement, PropsWithChildren, useEffect } from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n a11yDark,\n a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { IconButton, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport {\n findTagMentions,\n findUserMentions,\n} from '@drodil/backstage-plugin-qeta-common';\nimport gfm from 'remark-gfm';\nimport rehypeSlug from 'rehype-slug';\nimport rehypeToc, { HeadingNode, TextNode } from '@jsdevtools/rehype-toc';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useIsDarkTheme } from '../../hooks/useIsDarkTheme';\nimport { BackstageOverrides } from '@backstage/core-components';\nimport LinkIcon from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Variant } from '@material-ui/core/styles/createTypography';\nimport GithubSlugger from 'github-slugger';\nimport { HtmlElementNode } from '@jsdevtools/rehype-toc/lib/types';\nimport { find } from 'unist-util-find';\nimport { TagChip } from '../TagsAndEntities/TagChip';\n\nconst slugger = new GithubSlugger();\n\nexport type QetaMarkdownContentClassKey =\n \| 'markdown'\n \| 'header'\n \| 'tocHeader'\n \| 'toc'\n \| 'tocList'\n \| 'tocListItem'\n \| 'tocLink';\n\nconst useStyles = makeStyles(\n theme => {\n const overrides = theme.overrides as BackstageOverrides;\n return {\n markdown: {\n '& p': {\n ...theme.typography?.body1,\n },\n '& h1': {\n ...theme.typography?.h1,\n marginBottom: 2,\n },\n '& h2': {\n ...theme.typography?.h2,\n marginBottom: 2,\n },\n '& h3': {\n ...theme.typography?.h3,\n marginBottom: 2,\n },\n '& h4': {\n ...theme.typography?.h4,\n marginBottom: 2,\n },\n '& h5': {\n ...theme.typography?.h5,\n marginBottom: 2,\n },\n '& h6': {\n ...theme.typography?.h6,\n marginBottom: 2,\n },\n '& table': {\n borderCollapse: 'collapse',\n border: `1px solid ${theme.palette.border}`,\n },\n '& th, & td': {\n border: `1px solid ${theme.palette.border}`,\n padding: theme.spacing(1),\n },\n '& td': {\n wordBreak: 'break-word',\n overflow: 'hidden',\n verticalAlign: 'middle',\n lineHeight: '1',\n margin: 0,\n padding: theme.spacing(3, 2, 3, 2.5),\n borderBottom: 0,\n },\n '& th': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr': {\n backgroundColor: theme.palette.background.paper,\n },\n '& tr:nth-child(odd)': {\n backgroundColor: theme.palette.background.default,\n },\n '& a': {\n color: theme.palette.link,\n },\n '& img': {\n maxWidth: '100%',\n },\n '& code': {\n fontFamily: 'Courier New,Courier,monospace',\n fontStyle: 'normal',\n display: 'block',\n width: '100%',\n overflowX: 'auto',\n },\n '& em': {\n fontStyle: 'italic !important',\n },\n '& ol': {\n listStyle: 'decimal',\n },\n '& ul': {\n listStyle: 'disc',\n },\n '& blockquote': {\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.divider}`,\n padding: '1em',\n },\n '& ol, ul': {\n marginLeft: '1em',\n marginTop: '1em',\n marginBottom: '1em',\n },\n '& li': {\n marginTop: '0.5em',\n },\n '& :first-child': {\n marginTop: 0,\n },\n '& :last-child': {\n marginBottom: 0,\n },\n ...(overrides?.BackstageMarkdownContent\n ? overrides.BackstageMarkdownContent\n : {}),\n },\n header: {\n '& .anchor-link': {\n display: 'none',\n marginLeft: '0.5em',\n },\n '&:hover .anchor-link': {\n display: 'inline-block',\n },\n },\n tocHeader: {\n marginTop: '0.5em',\n marginBottom: 0,\n },\n toc: {\n marginTop: '0.5em',\n marginLeft: '0.2em',\n paddingBottom: '1em',\n borderBottom: `1px solid ${theme.palette.divider}`,\n },\n tocList: {\n marginLeft: '0 !important',\n marginTop: '0.5em !important',\n paddingInlineStart: '1em',\n counterReset: 'item',\n },\n tocListItem: {\n display: 'block',\n '&:before': {\n content: 'counters(item, \".\") \" \"',\n counterIncrement: 'item',\n },\n },\n tocLink: {\n color: theme.palette.link,\n },\n };\n },\n { name: 'QetaMarkdownContent' },\n);\n\nconst flatten = (text: string, child: any): string => {\n if (!child) return text;\n\n return typeof child === 'string'\n ? text + child\n : Children.toArray(child.props.children).reduce(flatten, text);\n};\n\nexport const MarkdownRenderer = (props: {\n content: string;\n className?: string;\n showToc?: boolean;\n useBlankLinks?: boolean;\n}) => {\n const { content, className: mainClassName, showToc, useBlankLinks } = props;\n const darkTheme = useIsDarkTheme();\n const { t } = useTranslationRef(qetaTranslationRef);\n const classes = useStyles();\n const alertApi = useApi(alertApiRef);\n slugger.reset();\n\n const copyToClipboard = (slug: string) => {\n const url = new URL(window.location.href);\n url.hash = `#${slug}`;\n window.navigator.clipboard.writeText(url.toString());\n alertApi.post({\n message: t('link.copied'),\n severity: 'info',\n display: 'transient',\n });\n };\n\n const headingRenderer = (\n hProps: PropsWithChildren<{ node: { tagName: string } }>,\n ) => {\n const { node, children } = hProps;\n const childrenArray = Children.toArray(children);\n const text = childrenArray.reduce(flatten, '');\n const slug = slugger.slug(text);\n const link = (\n <Tooltip title={t('link.aria')}>\n <IconButton\n aria-label={t('link.aria')}\n onClick={() => copyToClipboard(slug)}\n size=\"small\"\n className=\"anchor-link\"\n >\n <LinkIcon />\n </IconButton>\n </Tooltip>\n );\n return (\n <>\n {createElement(\n Typography,\n {\n variant: node.tagName as Variant,\n id: slug,\n className: classes.header,\n },\n [children, link],\n )}\n </>\n );\n };\n\n useEffect(() => {\n if (!window.location.hash) {\n return;\n }\n\n const id = window.location.hash.slice(1);\n const element = document.getElementById(id);\n if (element) {\n element.scrollIntoView({ behavior: 'auto', block: 'start' });\n }\n }, []);\n\n const rehypePlugins: import('unified').PluggableList = [[rehypeSlug]];\n if (showToc) {\n rehypePlugins.push([\n rehypeToc,\n {\n cssClasses: {\n toc: classes.toc,\n list: classes.tocList,\n listItem: classes.tocListItem,\n link: classes.tocLink,\n },\n customizeTOC: (toc: HtmlElementNode) => {\n const listItems = find(toc, { tagName: 'li' });\n if (!toc.children \|\| !listItems) {\n return false;\n }\n const tocHeader: TextNode = {\n type: 'text',\n value: t('markdown.toc'),\n };\n const heading: HeadingNode = {\n type: 'element',\n tagName: 'h3',\n properties: {},\n children: [tocHeader],\n };\n\n toc.children.unshift(heading);\n return toc;\n },\n },\n ]);\n }\n\n return (\n <ReactMarkdown\n remarkPlugins={[gfm]}\n rehypePlugins={rehypePlugins}\n className={`${classes.markdown} ${mainClassName ?? ''}`.trim()}\n components={{\n h1: (p: any) => headingRenderer(p),\n h2: (p: any) => headingRenderer(p),\n h3: (p: any) => headingRenderer(p),\n h4: (p: any) => headingRenderer(p),\n h5: (p: any) => headingRenderer(p),\n h6: (p: any) => headingRenderer(p),\n p: (p: any) => {\n const { children } = p;\n const arr = Children.toArray(children);\n const formatted = arr.map((child: any) => {\n if (typeof child !== 'string') {\n return child;\n }\n const userMentions = findUserMentions(child);\n const tagMentions = findTagMentions(child);\n if (userMentions.length === 0 && tagMentions.length === 0) {\n return child;\n }\n\n return child.split(' ').map((word: string) => {\n const userMention = userMentions.find(m => word === m);\n if (userMention) {\n return (\n <>\n <EntityRefLink\n entityRef={userMention.slice(1)}\n hideIcon\n target={useBlankLinks ? '_blank' : undefined}\n />{' '}\n </>\n );\n }\n\n const tagMention = tagMentions.find(m => word === m);\n if (tagMention) {\n return (\n <>\n <TagChip\n tag={tagMention.slice(1)}\n style={{ marginBottom: 0 }}\n useHref={useBlankLinks}\n />\n </>\n );\n }\n\n return <>{word} </>;\n });\n });\n\n return <p>{formatted}</p>;\n },\n code(p: any) {\n const { children, className, node, ...rest } = p;\n const match = /language-(\\w+)/.exec(className \|\| '');\n return match ? (\n <SyntaxHighlighter\n {...rest}\n PreTag=\"div\"\n language={match[1]}\n style={darkTheme ? a11yDark : a11yLight}\n showLineNumbers\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n ) : (\n <code {...rest} className={className}>\n {children}\n </code>\n );\n },\n }}\n >\n {content}\n </ReactMarkdown>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,22 +1,12 @@
 import { jsx } from 'react/jsx-runtime';
 import { Controller } from 'react-hook-form';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { Box, FormControlLabel, Tooltip, Checkbox } from '@material-ui/core';
 const PostAnonymouslyCheckbox = (props) => {
   const { control, label } = props;
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   return /* @__PURE__ */ jsx(Box, { style: { marginLeft: "0.2em" }, children: /* @__PURE__ */ jsx(
     Controller,
     {

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 { ~~useTranslation~~ } from '../../~~hooks~~';\nimport { Box, Checkbox, FormControlLabel, Tooltip } from '@material-ui/core';\n\nexport const PostAnonymouslyCheckbox = (props: {\n control: Control<any>;\n label: string;\n}) => {\n const { control, label } = props;\n const { t } = ~~useTranslation~~();\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 name=\"anonymous\"\n />\n </Tooltip>\n }\n label={label}\n />\n )}\n name=\"anonymous\"\n />\n </Box>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;AAIa~~,MAAA,uBAAA,GAA0B,CAAC,KAGlC,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,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,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 label: string;\n}) => {\n const { control, 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 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,KAGlC,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,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,IAAK,EAAA;AAAA;AAAA,WAET,EAAA,CAAA;AAAA,UAEF;AAAA;AAAA,OACF;AAAA,MAEF,IAAK,EAAA;AAAA;AAAA,GAET,EAAA,CAAA;AAEJ;;;;"}