npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.26.0 → 3.28.0 - Mend

@drodil/backstage-plugin-qeta-react 3.26.0 → 3.28.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 (179) hide show

package/dist/components/TagsGrid/CreateTagModal.esm.js CHANGED Viewed

@@ -4,29 +4,30 @@ import { Alert } from '@material-ui/lab';
 import { useState } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../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';
 import { ModalContent } from '../Utility/ModalContent.esm.js';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
 const CreateTagModal = (props) => {
-  const { open, onClose } = props;
+  const { open, onClose, isModerator } = props;
   const [tag, setTag] = useState("");
   const [description, setDescription] = useState("");
-  const { t } = useTranslation();
+  const [experts, setExperts] = useState([]);
+  const { t } = useTranslationRef(qetaTranslationRef);
   const [error, setError] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const handleCreate = () => {
-    qetaApi.createTag(tag, description).then((ret) => {
+    qetaApi.createTag(
+      tag,
+      description,
+      isModerator ? experts.map(stringifyEntityRef) : void 0
+    ).then((ret) => {
       if (ret) {
         setTag("");
         setDescription("");
+        setExperts([]);
         onClose();
         return;
       }
@@ -84,6 +85,18 @@ const CreateTagModal = (props) => {
               value: description ?? "",
               onChange: (e) => setDescription(e.target.value)
             }
+          ) }),
+          isModerator && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+            EntitiesInput,
+            {
+              value: experts,
+              onChange: setExperts,
+              maximum: null,
+              kind: ["User"],
+              hideHelpText: true,
+              label: t("editTagModal.expertsLabel"),
+              placeholder: t("editTagModal.expertsPlaceholder")
+            }
           ) })
         ] }),
         /* @__PURE__ */ jsx(

package/dist/components/TagsGrid/CreateTagModal.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateTagModal.esm.js","sources":["../../../src/components/TagsGrid/CreateTagModal.tsx"],"sourcesContent":["import {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { ~~useTranslation~~ } from '../../~~hooks~~';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const CreateTagModal = (props: {\n open: boolean;\n onClose: () => void;\n}) => {\n const { open, onClose } = props;\n const [tag, setTag] = useState('');\n const [description, setDescription] = useState('');\n const { t } = ~~useTranslation~~();\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleCreate = () => {\n qetaApi\n .createTag(tag, ~~description~~)\n .then(ret => {\n if (ret) {\n setTag('');\n setDescription('');\n onClose();\n return;\n }\n setError(true);\n })\n .catch(() => {\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaCreateTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('createTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaCreateTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('createTagModal.title')}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.tagInput')}\n style={{ width: '100%' }}\n required\n value={tag}\n onChange={e => setTag(e.target.value)}\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n </Grid>\n <Button\n onClick={handleCreate}\n className=\"qetaCreateTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('createTagModal.createButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaCreateTagModalCancelBtn\">\n {t('createTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;AAea~~,MAAA,cAAA,GAAiB,CAAC,~~KAGzB~~,KAAA;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~IAAM~~,EAAA,~~OAAA~~,~~EAAY~~,GAAA,KAAA;~~AAC1B~~,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,EAAA,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,eAAe,MAAM;AACzB,~~IAAA~~,OAAA,~~CACG~~,~~SAAU~~,~~CAAA~~,GAAA,~~EAAK~~,~~WAAW~~,CAAA,~~CAC1B~~,KAAK,CAAO,GAAA,KAAA;AACX,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,MAAA,CAAO,EAAE,CAAA;AACT,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAQ,OAAA,EAAA;AACR,QAAA;AAAA;AAEF,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CACA,CAAA,KAAA,CAAM,MAAM;AACX,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAU,EAAA,oBAAA;AAAA,MACV,iBAAgB,EAAA,mBAAA;AAAA,MAChB,kBAAiB,EAAA,yBAAA;AAAA,MACjB,oBAAoB,EAAA,IAAA;AAAA,MACpB,iBAAmB,EAAA,QAAA;AAAA,MACnB,aAAe,EAAA;AAAA,QACb,OAAS,EAAA;AAAA,OACX;AAAA,MAEA,+BAAC,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA,wBACE,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAE,EAAA,CAAA;AAAA,wBAE5D,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,mBAAA;AAAA,YACH,SAAU,EAAA,yBAAA;AAAA,YACV,OAAQ,EAAA,IAAA;AAAA,YACR,SAAU,EAAA,IAAA;AAAA,YACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,YAE5B,YAAE,sBAAsB;AAAA;AAAA,SAC3B;AAAA,wBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,cAClC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,cACvB,QAAQ,EAAA,IAAA;AAAA,cACR,KAAO,EAAA,GAAA;AAAA,cACP,QAAU,EAAA,CAAA,CAAA,KAAK,MAAO,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAExC,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,cACrC,SAAS,EAAA,IAAA;AAAA,cACT,OAAS,EAAA,EAAA;AAAA,cACT,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,cACvB,OAAO,WAAe,IAAA,EAAA;AAAA,cACtB,QAAU,EAAA,CAAA,CAAA,KAAK,cAAe,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAEhD,EAAA;AAAA,~~SACF~~,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,YAAA;AAAA,YACT,SAAU,EAAA,2BAAA;AAAA,YACV,KAAM,EAAA,WAAA;AAAA,YAEL,YAAE,6BAA6B;AAAA;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,UAAO,OAAS,EAAA,OAAA,EAAS,WAAU,6BACjC,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"CreateTagModal.esm.js","sources":["../../../src/components/TagsGrid/CreateTagModal.tsx"],"sourcesContent":["import {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\n\nexport const CreateTagModal = (props: {\n open: boolean;\n onClose: () => void;\n isModerator?: boolean;\n}) => {\n const { open, onClose, isModerator } = props;\n const [tag, setTag] = useState('');\n const [description, setDescription] = useState('');\n const [experts, setExperts] = useState<Entity[]>([]);\n const { t } = useTranslationRef(qetaTranslationRef);\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleCreate = () => {\n qetaApi\n .createTag(\n tag,\n description,\n isModerator ? experts.map(stringifyEntityRef) : undefined,\n )\n .then(ret => {\n if (ret) {\n setTag('');\n setDescription('');\n setExperts([]);\n onClose();\n return;\n }\n setError(true);\n })\n .catch(() => {\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaCreateTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('createTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaCreateTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('createTagModal.title')}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.tagInput')}\n style={{ width: '100%' }}\n required\n value={tag}\n onChange={e => setTag(e.target.value)}\n />\n </Grid>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('createTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n {isModerator && (\n <Grid item xs={12}>\n <EntitiesInput\n value={experts}\n onChange={setExperts}\n maximum={null}\n kind={['User']}\n hideHelpText\n label={t('editTagModal.expertsLabel')}\n placeholder={t('editTagModal.expertsPlaceholder')}\n />\n </Grid>\n )}\n </Grid>\n <Button\n onClick={handleCreate}\n className=\"qetaCreateTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('createTagModal.createButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaCreateTagModalCancelBtn\">\n {t('createTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBa,MAAA,cAAA,GAAiB,CAAC,KAIzB,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,OAAS,EAAA,WAAA,EAAgB,GAAA,KAAA;AACvC,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAI,SAAS,EAAE,CAAA;AACjC,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,eAAe,MAAM;AACzB,IACG,OAAA,CAAA,SAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAc,GAAA,OAAA,CAAQ,GAAI,CAAA,kBAAkB,CAAI,GAAA,KAAA;AAAA,KAClD,CACC,KAAK,CAAO,GAAA,KAAA;AACX,MAAA,IAAI,GAAK,EAAA;AACP,QAAA,MAAA,CAAO,EAAE,CAAA;AACT,QAAA,cAAA,CAAe,EAAE,CAAA;AACjB,QAAA,UAAA,CAAW,EAAE,CAAA;AACb,QAAQ,OAAA,EAAA;AACR,QAAA;AAAA;AAEF,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CACA,CAAA,KAAA,CAAM,MAAM;AACX,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAU,EAAA,oBAAA;AAAA,MACV,iBAAgB,EAAA,mBAAA;AAAA,MAChB,kBAAiB,EAAA,yBAAA;AAAA,MACjB,oBAAoB,EAAA,IAAA;AAAA,MACpB,iBAAmB,EAAA,QAAA;AAAA,MACnB,aAAe,EAAA;AAAA,QACb,OAAS,EAAA;AAAA,OACX;AAAA,MAEA,+BAAC,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA,wBACE,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAAE,EAAA,CAAA;AAAA,wBAE5D,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,mBAAA;AAAA,YACH,SAAU,EAAA,yBAAA;AAAA,YACV,OAAQ,EAAA,IAAA;AAAA,YACR,SAAU,EAAA,IAAA;AAAA,YACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,YAE5B,YAAE,sBAAsB;AAAA;AAAA,SAC3B;AAAA,wBACA,IAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,cAClC,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,cACvB,QAAQ,EAAA,IAAA;AAAA,cACR,KAAO,EAAA,GAAA;AAAA,cACP,QAAU,EAAA,CAAA,CAAA,KAAK,MAAO,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAExC,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,SAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,UAAA;AAAA,cACR,KAAA,EAAO,EAAE,4BAA4B,CAAA;AAAA,cACrC,SAAS,EAAA,IAAA;AAAA,cACT,OAAS,EAAA,EAAA;AAAA,cACT,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,cACvB,OAAO,WAAe,IAAA,EAAA;AAAA,cACtB,QAAU,EAAA,CAAA,CAAA,KAAK,cAAe,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAEhD,EAAA,CAAA;AAAA,UACC,+BACE,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,YAAC,aAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,OAAA;AAAA,cACP,QAAU,EAAA,UAAA;AAAA,cACV,OAAS,EAAA,IAAA;AAAA,cACT,IAAA,EAAM,CAAC,MAAM,CAAA;AAAA,cACb,YAAY,EAAA,IAAA;AAAA,cACZ,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,cACpC,WAAA,EAAa,EAAE,iCAAiC;AAAA;AAAA,WAEpD,EAAA;AAAA,SAEJ,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,YAAA;AAAA,YACT,SAAU,EAAA,2BAAA;AAAA,YACV,KAAM,EAAA,WAAA;AAAA,YAEL,YAAE,6BAA6B;AAAA;AAAA,SAClC;AAAA,wBACA,GAAA,CAAC,UAAO,OAAS,EAAA,OAAA,EAAS,WAAU,6BACjC,EAAA,QAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/TagsGrid/EditTagModal.esm.js CHANGED Viewed

@@ -1,28 +1,39 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Modal, Backdrop, Typography, Grid, TextField, Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../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';
 import { ModalContent } from '../Utility/ModalContent.esm.js';
+import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
+import { stringifyEntityRef } from '@backstage/catalog-model';
+import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { compact } from 'lodash';
 const EditTagModal = (props) => {
-  const { tag, open, onClose } = props;
+  const { tag, open, onClose, isModerator } = props;
   const [description, setDescription] = useState(tag.description);
-  const { t } = useTranslation();
+  const [experts, setExperts] = useState([]);
+  const { t } = useTranslationRef(qetaTranslationRef);
   const [error, setError] = useState(false);
   const qetaApi = useApi(qetaApiRef);
+  const catalogApi = useApi(catalogApiRef);
+  useEffect(() => {
+    if (!isModerator || !tag.experts || tag.experts.length === 0) {
+      return;
+    }
+    catalogApi.getEntitiesByRefs({ entityRefs: tag.experts }).then((resp) => {
+      setExperts(compact(resp.items));
+    });
+  }, [catalogApi, isModerator, tag.experts]);
   const handleUpdate = () => {
-    qetaApi.updateTag(tag.id, description).then((ret) => {
+    qetaApi.updateTag(
+      tag.id,
+      description,
+      isModerator ? experts.map(stringifyEntityRef) : void 0
+    ).then((ret) => {
       if (ret) {
         onClose();
         return;
@@ -58,18 +69,32 @@ const EditTagModal = (props) => {
             children: t("editTagModal.title", { tag: tag.tag })
           }
         ),
-        /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-          TextField,
-          {
-            variant: "outlined",
-            label: t("editTagModal.description"),
-            multiline: true,
-            minRows: 10,
-            style: { width: "100%" },
-            value: description ?? "",
-            onChange: (e) => setDescription(e.target.value)
-          }
-        ) }) }),
+        /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              variant: "outlined",
+              label: t("editTagModal.description"),
+              multiline: true,
+              minRows: 10,
+              style: { width: "100%" },
+              value: description ?? "",
+              onChange: (e) => setDescription(e.target.value)
+            }
+          ) }),
+          isModerator && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+            EntitiesInput,
+            {
+              value: experts,
+              onChange: setExperts,
+              maximum: null,
+              kind: ["User"],
+              hideHelpText: true,
+              label: t("editTagModal.expertsLabel"),
+              placeholder: t("editTagModal.expertsPlaceholder")
+            }
+          ) })
+        ] }),
         /* @__PURE__ */ jsx(
           Button,
           {

package/dist/components/TagsGrid/EditTagModal.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsGrid/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { ~~useTranslation~~ } from '../../~~hooks~~';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const EditTagModal = (props: {\n tag: TagResponse;\n open: boolean;\n onClose: () => void;\n}) => {\n const { tag, open, onClose } = props;\n const [description, setDescription] = useState(tag.description);\n const { t } = ~~useTranslation~~();\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleUpdate = () => {\n qetaApi\n .updateTag(tag.id, ~~description~~)\n .then(ret => {\n if (ret) {\n onClose();\n return;\n }\n setError(true);\n })\n .catch(() => {\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaEditTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaEditTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('editTagModal.title', { tag: tag.tag })}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('editTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n </Grid>\n <Button\n onClick={handleUpdate}\n className=\"qetaEditTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('editTagModal.saveButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n {t('editTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;AAgBa~~,MAAA,YAAA,GAAe,CAAC,~~KAIvB~~,KAAA;AACJ,EAAA,MAAM,EAAE,GAAA,EAAK,IAAM,EAAA,OAAA,~~EAAY~~,GAAA,KAAA;~~AAC/B~~,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAAS,IAAI,WAAW,CAAA;AAC9D,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,EAAA,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;~~AAEjC~~,EAAA,MAAM,eAAe,MAAM;AACzB,~~IAAA~~,OAAA,~~CACG~~,~~UAAU~~,GAAI,CAAA,EAAA,~~EAAI~~,~~WAAW~~,CAAA,~~CAC7B~~,KAAK,CAAO,GAAA,KAAA;AACX,MAAA,IAAI,GAAK,EAAA;AACP,QAAQ,OAAA,EAAA;AACR,QAAA;AAAA;AAEF,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CACA,CAAA,KAAA,CAAM,MAAM;AACX,MAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KACd,CAAA;AAAA,GACL;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAU,EAAA,kBAAA;AAAA,MACV,iBAAgB,EAAA,mBAAA;AAAA,MAChB,kBAAiB,EAAA,yBAAA;AAAA,MACjB,oBAAoB,EAAA,IAAA;AAAA,MACpB,iBAAmB,EAAA,QAAA;AAAA,MACnB,aAAe,EAAA;AAAA,QACb,OAAS,EAAA;AAAA,OACX;AAAA,MAEA,+BAAC,YACE,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA,wBACE,KAAM,EAAA,EAAA,QAAA,EAAS,OAAS,EAAA,QAAA,EAAA,CAAA,CAAE,2BAA2B,CAAE,EAAA,CAAA;AAAA,wBAE1D,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,mBAAA;AAAA,YACH,SAAU,EAAA,uBAAA;AAAA,YACV,OAAQ,EAAA,IAAA;AAAA,YACR,SAAU,EAAA,IAAA;AAAA,YACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,YAE5B,YAAE,oBAAsB,EAAA,EAAE,GAAK,EAAA,GAAA,CAAI,KAAK;AAAA;AAAA,SAC3C;AAAA,wBACA,~~GAAA~~,CAAC,~~QAAK~~,~~SAAS~~,EAAA,~~IAAA~~,~~EACb~~,~~8BAAC~~,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,QAAA,kBAAA,GAAA;AAAA,~~UAAC~~,SAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,OAAQ,EAAA,UAAA;AAAA,~~YACR~~,KAAA,EAAO,EAAE,0BAA0B,CAAA;AAAA,~~YACnC~~,SAAS,EAAA,IAAA;AAAA,~~YACT~~,OAAS,EAAA,EAAA;AAAA,~~YACT~~,KAAA,EAAO,EAAE,KAAA,EAAO,MAAO,EAAA;AAAA,~~YACvB~~,OAAO,WAAe,IAAA,EAAA;AAAA,~~YACtB~~,QAAU,EAAA,CAAA,CAAA,KAAK,cAAe,CAAA,CAAA,CAAE,OAAO,KAAK;AAAA;AAAA,WAEhD,~~CACF~~,EAAA,CAAA;AAAA,~~wBACA~~,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAS,EAAA,YAAA;AAAA,YACT,SAAU,EAAA,yBAAA;AAAA,YACV,KAAM,EAAA,WAAA;AAAA,YAEL,YAAE,yBAAyB;AAAA;AAAA,SAC9B;AAAA,wBACA,GAAA,CAAC,UAAO,OAAS,EAAA,OAAA,EAAS,WAAU,2BACjC,EAAA,QAAA,EAAA,CAAA,CAAE,2BAA2B,CAChC,EAAA;AAAA,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
1	+ {"version":3,"file":"EditTagModal.esm.js","sources":["../../../src/components/TagsGrid/EditTagModal.tsx"],"sourcesContent":["import { TagResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n Backdrop,\n Button,\n Grid,\n Modal,\n TextField,\n Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { useEffect, useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport { EntitiesInput } from '../PostForm/EntitiesInput.tsx';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { compact } from 'lodash';\n\nexport const EditTagModal = (props: {\n tag: TagResponse;\n open: boolean;\n onClose: () => void;\n isModerator?: boolean;\n}) => {\n const { tag, open, onClose, isModerator } = props;\n const [description, setDescription] = useState(tag.description);\n const [experts, setExperts] = useState<Entity[]>([]);\n const { t } = useTranslationRef(qetaTranslationRef);\n const [error, setError] = useState(false);\n const qetaApi = useApi(qetaApiRef);\n const catalogApi = useApi(catalogApiRef);\n\n useEffect(() => {\n if (!isModerator \|\| !tag.experts \|\| tag.experts.length === 0) {\n return;\n }\n catalogApi.getEntitiesByRefs({ entityRefs: tag.experts }).then(resp => {\n setExperts(compact(resp.items));\n });\n }, [catalogApi, isModerator, tag.experts]);\n\n const handleUpdate = () => {\n qetaApi\n .updateTag(\n tag.id,\n description,\n isModerator ? experts.map(stringifyEntityRef) : undefined,\n )\n .then(ret => {\n if (ret) {\n onClose();\n return;\n }\n setError(true);\n })\n .catch(() => {\n setError(true);\n });\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaEditTagModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <ModalContent>\n {error && (\n <Alert severity=\"error\">{t('editTagModal.errorPosting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaEditTagModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n style={{ marginBottom: '1em' }}\n >\n {t('editTagModal.title', { tag: tag.tag })}\n </Typography>\n <Grid container>\n <Grid item xs={12}>\n <TextField\n variant=\"outlined\"\n label={t('editTagModal.description')}\n multiline\n minRows={10}\n style={{ width: '100%' }}\n value={description ?? ''}\n onChange={e => setDescription(e.target.value)}\n />\n </Grid>\n {isModerator && (\n <Grid item xs={12}>\n <EntitiesInput\n value={experts}\n onChange={setExperts}\n maximum={null}\n kind={['User']}\n hideHelpText\n label={t('editTagModal.expertsLabel')}\n placeholder={t('editTagModal.expertsPlaceholder')}\n />\n </Grid>\n )}\n </Grid>\n\n <Button\n onClick={handleUpdate}\n className=\"qetaEditTagModalSaveBtn\"\n color=\"secondary\"\n >\n {t('editTagModal.saveButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaEditTagModalCancelBtn\">\n {t('editTagModal.cancelButton')}\n </Button>\n </ModalContent>\n </Modal>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsGrid/NoTagsCard.esm.js CHANGED Viewed

@@ -1,20 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-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 { Card, CardContent, Grid, Typography } from '@material-ui/core';
 const NoTagsCard = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {

package/dist/components/TagsGrid/NoTagsCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoTagsCard.esm.js","sources":["../../../src/components/TagsGrid/NoTagsCard.tsx"],"sourcesContent":["import { ~~useTranslation~~ } from '../../~~hooks~~';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoTagsCard = () => {\n const { t } = ~~useTranslation~~();\n\n return (\n <Card style={{ marginTop: '2em' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t(`tagPage.tags`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;AAGO~~,MAAM,aAAa,MAAM;AAC9B,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAE7B~~,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,CAAE,EAAC,GACjC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"NoTagsCard.esm.js","sources":["../../../src/components/TagsGrid/NoTagsCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoTagsCard = () => {\n const { t } = useTranslationRef(qetaTranslationRef);\n\n return (\n <Card style={{ marginTop: '2em' }}>\n <CardContent>\n <Grid\n container\n justifyContent=\"center\"\n alignItems=\"center\"\n direction=\"column\"\n >\n <Grid item>\n <Typography variant=\"h6\">\n {t(`tagPage.tags`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,CAAE,EAAC,GACjC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TagsGrid/TagGridItem.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
 import { Grid, Card, CardActionArea, CardHeader, CardContent, Typography, CardActions, Tooltip, Button } from '@material-ui/core';
 import { useState } from 'react';
@@ -10,10 +10,11 @@ import DOMPurify from 'dompurify';
 import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
-import '@backstage/plugin-catalog-react';
+import { EntityRefLink } from '@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 '@backstage/plugin-permission-common';
@@ -24,10 +25,10 @@ import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 const TagGridItem = (props) => {
-  const { tag, onTagEdit } = props;
+  const { tag, onTagEdit, isModerator } = props;
   const tagRoute = useRouteRef(tagRouteRef);
   const navigate = useNavigate();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const tags = useTagsFollow();
   const [editModalOpen, setEditModalOpen] = useState(false);
   const handleEditModalOpen = () => setEditModalOpen(true);
@@ -56,6 +57,15 @@ const TagGridItem = (props) => {
                 " \xB7 ",
                 t("common.followers", { count: tag.followerCount })
               ] }),
+              /* @__PURE__ */ jsx("br", {}),
+              tag.experts && tag.experts.length > 0 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+                t("common.experts"),
+                ": ",
+                tag.experts.map((e, i) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(EntityRefLink, { entityRef: e }, e),
+                  i === tag.experts.length - 1 ? "" : ","
+                ] }))
+              ] }),
               /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
                 " ",
                 DOMPurify.sanitize(
@@ -122,7 +132,8 @@ const TagGridItem = (props) => {
       {
         tag,
         open: editModalOpen,
-        onClose: handleEditModalClose
+        onClose: handleEditModalClose,
+        isModerator
       }
     )
   ] });

package/dist/components/TagsGrid/TagGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n removeMarkdownFormatting,\n TagResponse,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Button,\n Card,\n CardActionArea,\n CardActions,\n CardContent,\n CardHeader,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { useTagsFollow, ~~useTranslation~~ } from '../../hooks';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n\nexport const TagGridItem = (props: {\n tag: TagResponse;\n onTagEdit: () => void;\n}) => {\n const { tag, onTagEdit } = props;\n const tagRoute = useRouteRef(tagRouteRef);\n const navigate = useNavigate();\n const { t } = ~~useTranslation~~();\n const tags = useTagsFollow();\n\n const [editModalOpen, setEditModalOpen] = useState(false);\n const handleEditModalOpen = () => setEditModalOpen(true);\n const handleEditModalClose = () => {\n setEditModalOpen(false);\n onTagEdit();\n };\n\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => {\n setDeleteModalOpen(false);\n onTagEdit();\n };\n\n return (\n <Grid item xs={4}>\n <Card\n variant=\"outlined\"\n style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n >\n <CardActionArea onClick={() => navigate(tagRoute({ tag: tag.tag }))}>\n <CardHeader title={tag.tag} />\n <CardContent>\n <Typography variant=\"caption\">\n {t('common.posts', { count: tag.postsCount, itemType: 'post' })}\n {' · '}\n {t('common.followers', { count: tag.followerCount })}\n </Typography>\n <Typography variant=\"body2\">\n {' '}\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(tag.description ?? ''), 150),\n )}\n </Typography>\n </CardContent>\n </CardActionArea>\n <CardActions style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('tagButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag.tag) ? 'secondary' : 'primary'}\n onClick={() => {\n if (tags.isFollowingTag(tag.tag)) {\n tags.unfollowTag(tag.tag);\n } else {\n tags.followTag(tag.tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag.tag) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {tags.isFollowingTag(tag.tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n {tag.canEdit && (\n <Grid item>\n <Button\n size=\"small\"\n onClick={handleEditModalOpen}\n variant=\"outlined\"\n startIcon={<EditIcon />}\n >\n {t('tagButton.edit')}\n </Button>\n </Grid>\n )}\n {tag.canDelete && (\n <Grid item>\n <Button\n size=\"small\"\n onClick={handleDeleteModalOpen}\n variant=\"contained\"\n color=\"secondary\"\n startIcon={<DeleteIcon />}\n >\n {t('tagButton.delete')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={tag}\n />\n </Grid>\n )}\n </Grid>\n </CardActions>\n </Card>\n <EditTagModal\n tag={tag}\n open={editModalOpen}\n onClose={handleEditModalClose}\n />\n </Grid>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;AA6Ba~~,MAAA,WAAA,GAAc,CAAC,~~KAGtB~~,KAAA;AACJ,~~EAAM~~,~~MAAA~~,EAAE,~~GAAK~~,EAAA,~~SAAA~~,~~EAAc~~,GAAA,KAAA;~~AAC3B~~,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAC7B~~,EAAA,MAAM,OAAO,aAAc,EAAA;AAE3B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAM,MAAA,mBAAA,GAAsB,MAAM,gBAAA,CAAiB,IAAI,CAAA;AACvD,EAAA,MAAM,uBAAuB,MAAM;AACjC,IAAA,gBAAA,CAAiB,KAAK,CAAA;AACtB,IAAU,SAAA,EAAA;AAAA,GACZ;AAEA,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAC3D,EAAA,MAAM,yBAAyB,MAAM;AACnC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAU,SAAA,EAAA;AAAA,GACZ;AAEA,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,OAAO,EAAE,MAAA,EAAQ,QAAQ,OAAS,EAAA,MAAA,EAAQ,eAAe,QAAS,EAAA;AAAA,QAElE,QAAA,EAAA;AAAA,0BAAC,IAAA,CAAA,cAAA,EAAA,EAAe,OAAS,EAAA,MAAM,QAAS,CAAA,QAAA,CAAS,EAAE,GAAA,EAAK,GAAI,CAAA,GAAA,EAAK,CAAC,CAChE,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,GAAA,CAAI,GAAK,EAAA,CAAA;AAAA,iCAC3B,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,8BAAC,IAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,SACjB,EAAA,QAAA,EAAA;AAAA,gBAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,IAAI,UAAY,EAAA,QAAA,EAAU,QAAQ,CAAA;AAAA,gBAC7D,QAAA;AAAA,gBACA,EAAE,kBAAoB,EAAA,EAAE,KAAO,EAAA,GAAA,CAAI,eAAe;AAAA,eACrD,EAAA,CAAA;AAAA,~~8BACA~~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~~AACX~~,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagGridItem.esm.js","sources":["../../../src/components/TagsGrid/TagGridItem.tsx"],"sourcesContent":["import {\n removeMarkdownFormatting,\n TagResponse,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Button,\n Card,\n CardActionArea,\n CardActions,\n CardContent,\n CardHeader,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport { useState } from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '../../routes';\nimport { useNavigate } from 'react-router-dom';\nimport { EditTagModal } from './EditTagModal';\nimport DOMPurify from 'dompurify';\nimport { useTagsFollow } from '../../hooks';\nimport { DeleteModal } from '../DeleteModal';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const TagGridItem = (props: {\n tag: TagResponse;\n onTagEdit: () => void;\n isModerator?: boolean;\n}) => {\n const { tag, onTagEdit, isModerator } = props;\n const tagRoute = useRouteRef(tagRouteRef);\n const navigate = useNavigate();\n const { t } = useTranslationRef(qetaTranslationRef);\n const tags = useTagsFollow();\n\n const [editModalOpen, setEditModalOpen] = useState(false);\n const handleEditModalOpen = () => setEditModalOpen(true);\n const handleEditModalClose = () => {\n setEditModalOpen(false);\n onTagEdit();\n };\n\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => {\n setDeleteModalOpen(false);\n onTagEdit();\n };\n\n return (\n <Grid item xs={4}>\n <Card\n variant=\"outlined\"\n style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n >\n <CardActionArea onClick={() => navigate(tagRoute({ tag: tag.tag }))}>\n <CardHeader title={tag.tag} />\n <CardContent>\n <Typography variant=\"caption\">\n {t('common.posts', { count: tag.postsCount, itemType: 'post' })}\n {' · '}\n {t('common.followers', { count: tag.followerCount })}\n </Typography>\n <br />\n {tag.experts && tag.experts.length > 0 && (\n <Typography variant=\"caption\">\n {t('common.experts')}\n {': '}\n {tag.experts.map((e, i) => (\n <>\n <EntityRefLink key={e} entityRef={e} />\n {i === tag.experts!.length - 1 ? '' : ','}\n </>\n ))}\n </Typography>\n )}\n <Typography variant=\"body2\">\n {' '}\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(tag.description ?? ''), 150),\n )}\n </Typography>\n </CardContent>\n </CardActionArea>\n <CardActions style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('tagButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={tags.isFollowingTag(tag.tag) ? 'secondary' : 'primary'}\n onClick={() => {\n if (tags.isFollowingTag(tag.tag)) {\n tags.unfollowTag(tag.tag);\n } else {\n tags.followTag(tag.tag);\n }\n }}\n startIcon={\n tags.isFollowingTag(tag.tag) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {tags.isFollowingTag(tag.tag)\n ? t('tagButton.unfollow')\n : t('tagButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n {tag.canEdit && (\n <Grid item>\n <Button\n size=\"small\"\n onClick={handleEditModalOpen}\n variant=\"outlined\"\n startIcon={<EditIcon />}\n >\n {t('tagButton.edit')}\n </Button>\n </Grid>\n )}\n {tag.canDelete && (\n <Grid item>\n <Button\n size=\"small\"\n onClick={handleDeleteModalOpen}\n variant=\"contained\"\n color=\"secondary\"\n startIcon={<DeleteIcon />}\n >\n {t('tagButton.delete')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={tag}\n />\n </Grid>\n )}\n </Grid>\n </CardActions>\n </Card>\n <EditTagModal\n tag={tag}\n open={editModalOpen}\n onClose={handleEditModalClose}\n isModerator={isModerator}\n />\n </Grid>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -3,20 +3,20 @@ import { useState, useEffect } from 'react';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 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 { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import useDebounce from 'react-use/lib/useDebounce';
 import { TagsGridContent } from './TagsGridContent.esm.js';
 import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 import { Grid, Typography, Button } from '@material-ui/core';
 import { CreateTagModal } from './CreateTagModal.esm.js';
+import { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
 const TagsGrid = () => {
@@ -24,7 +24,8 @@ const TagsGrid = () => {
   const [pageCount, setPageCount] = useState(1);
   const [tagsPerPage, setTagsPerPage] = useState(25);
   const [searchQuery, setSearchQuery] = useState("");
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const { isModerator } = useIsModerator();
   const [filters, setFilters] = useState({
     order: "desc",
     orderBy: "tag",
@@ -102,7 +103,8 @@ const TagsGrid = () => {
               CreateTagModal,
               {
                 open: createModalOpen,
-                onClose: handleCreateModalClose
+                onClose: handleCreateModalClose,
+                isModerator
               }
             )
           ]
@@ -114,7 +116,8 @@ const TagsGrid = () => {
           response,
           onTagEdit: onTagsModify,
           loading,
-          error
+          error,
+          isModerator
         }
       ),
       response && response?.total > 0 && /* @__PURE__ */ jsx(

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { ~~useQetaApi~~, ~~useTranslation~~ } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\ntype TagFilters = {\n order: 'asc' \| 'desc';\n orderBy: 'tag' \| 'followersCount' \| 'postsCount';\n searchQuery: string;\n};\n\nexport const TagsGrid = () => {\n const [page, setPage] = useState(1);\n const [pageCount, setPageCount] = useState(1);\n const [tagsPerPage, setTagsPerPage] = useState(25);\n const [searchQuery, setSearchQuery] = useState('');\n const { t } = ~~useTranslation~~();\n const [filters, setFilters] = useState<TagFilters>({\n order: 'desc',\n orderBy: 'tag',\n searchQuery: '',\n });\n\n const onSearchQueryChange = (val: string) => {\n setPage(1);\n setSearchQuery(val);\n };\n\n const {\n value: response,\n loading,\n error,\n retry,\n } = useQetaApi(\n api =>\n api.getTags({\n limit: tagsPerPage,\n offset: (page - 1) * tagsPerPage,\n checkAccess: true,\n ...filters,\n }),\n [page, tagsPerPage, filters],\n );\n\n useDebounce(\n () => {\n if (filters.searchQuery !== searchQuery) {\n setFilters({ ...filters, searchQuery: searchQuery });\n }\n },\n 400,\n [searchQuery],\n );\n\n useEffect(() => {\n if (response) {\n setPageCount(Math.ceil(response.total / tagsPerPage));\n }\n }, [response, tagsPerPage]);\n\n const onTagsModify = () => {\n retry();\n };\n\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n const handleCreateModalClose = () => {\n setCreateModalOpen(false);\n onTagsModify();\n };\n\n return (\n <>\n <Grid container className=\"qetaTagsContainer\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('tagPage.search.label')}\n loading={loading}\n />\n </Grid>\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item xs={8}>\n <Typography variant=\"h6\" className=\"qetaTagsContainerTitle\">\n {t('tagPage.tags', { count: response.total })}\n </Typography>\n </Grid>\n )}\n {response && (\n <Grid item xs={4}>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={handleCreateModalOpen}\n style={{ float: 'right' }}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={handleCreateModalClose}\n />\n </OptionalRequirePermission>\n </Grid>\n )}\n <TagsGridContent\n response={response}\n onTagEdit={onTagsModify}\n loading={loading}\n error={error}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={tagsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n page={page}\n pageCount={pageCount}\n />\n )}\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;~~AAiBO~~,MAAM,WAAW,MAAM;AAC5B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAM,MAAA,EAAE,~~CAAE~~,EAAA,GAAI,cAAe,EAAA;~~AAC7B~~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~~AACX~~;AAAA;AAAA,OAEJ,EAAA,CAAA;AAAA,sBAEF,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,QAAA;AAAA,UACA,SAAW,EAAA,YAAA;AAAA,UACX,OAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MACC,QAAA,IAAY,QAAU,EAAA,KAAA,GAAQ,CAC7B,oBAAA,GAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,QAAU,EAAA,WAAA;AAAA,UACV,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA,UACtC,sBAAsB,CAAK,CAAA,KAAA,cAAA,CAAe,OAAO,CAAE,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,UAChE,IAAA;AAAA,UACA;AAAA;AAAA;AACF,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsGrid.esm.js","sources":["../../../src/components/TagsGrid/TagsGrid.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIsModerator, useQetaApi } from '../../hooks';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { TagsGridContent } from './TagsGridContent';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Button, Grid, Typography } from '@material-ui/core';\nimport { CreateTagModal } from './CreateTagModal';\nimport { qetaCreateTagPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\ntype TagFilters = {\n order: 'asc' \| 'desc';\n orderBy: 'tag' \| 'followersCount' \| 'postsCount';\n searchQuery: string;\n};\n\nexport const TagsGrid = () => {\n const [page, setPage] = useState(1);\n const [pageCount, setPageCount] = useState(1);\n const [tagsPerPage, setTagsPerPage] = useState(25);\n const [searchQuery, setSearchQuery] = useState('');\n const { t } = useTranslationRef(qetaTranslationRef);\n const { isModerator } = useIsModerator();\n const [filters, setFilters] = useState<TagFilters>({\n order: 'desc',\n orderBy: 'tag',\n searchQuery: '',\n });\n\n const onSearchQueryChange = (val: string) => {\n setPage(1);\n setSearchQuery(val);\n };\n\n const {\n value: response,\n loading,\n error,\n retry,\n } = useQetaApi(\n api =>\n api.getTags({\n limit: tagsPerPage,\n offset: (page - 1) * tagsPerPage,\n checkAccess: true,\n ...filters,\n }),\n [page, tagsPerPage, filters],\n );\n\n useDebounce(\n () => {\n if (filters.searchQuery !== searchQuery) {\n setFilters({ ...filters, searchQuery: searchQuery });\n }\n },\n 400,\n [searchQuery],\n );\n\n useEffect(() => {\n if (response) {\n setPageCount(Math.ceil(response.total / tagsPerPage));\n }\n }, [response, tagsPerPage]);\n\n const onTagsModify = () => {\n retry();\n };\n\n const [createModalOpen, setCreateModalOpen] = useState(false);\n const handleCreateModalOpen = () => setCreateModalOpen(true);\n const handleCreateModalClose = () => {\n setCreateModalOpen(false);\n onTagsModify();\n };\n\n return (\n <>\n <Grid container className=\"qetaTagsContainer\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('tagPage.search.label')}\n loading={loading}\n />\n </Grid>\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item xs={8}>\n <Typography variant=\"h6\" className=\"qetaTagsContainerTitle\">\n {t('tagPage.tags', { count: response.total })}\n </Typography>\n </Grid>\n )}\n {response && (\n <Grid item xs={4}>\n <OptionalRequirePermission\n permission={qetaCreateTagPermission}\n errorPage={<></>}\n >\n <Button\n variant=\"contained\"\n color=\"primary\"\n onClick={handleCreateModalOpen}\n style={{ float: 'right' }}\n >\n {t('tagPage.createTag')}\n </Button>\n <CreateTagModal\n open={createModalOpen}\n onClose={handleCreateModalClose}\n isModerator={isModerator}\n />\n </OptionalRequirePermission>\n </Grid>\n )}\n <TagsGridContent\n response={response}\n onTagEdit={onTagsModify}\n loading={loading}\n error={error}\n isModerator={isModerator}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={tagsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e => setTagsPerPage(Number(e.target.value))}\n page={page}\n pageCount={pageCount}\n />\n )}\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsGrid/TagsGridContent.esm.js CHANGED Viewed

@@ -1,25 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
 import { TagGridItem } from './TagGridItem.esm.js';
 import { WarningPanel } from '@backstage/core-components';
-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 { NoTagsCard } from './NoTagsCard.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 import { Grid } from '@material-ui/core';
 const TagsGridContent = (props) => {
-  const { response, onTagEdit, loading, error } = props;
-  const { t } = useTranslation();
+  const { response, onTagEdit, loading, error, isModerator } = props;
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (loading) {
     return /* @__PURE__ */ jsx(LoadingGrid, {});
   }
@@ -29,7 +19,15 @@ const TagsGridContent = (props) => {
   if (!response?.tags || response.tags.length === 0) {
     return /* @__PURE__ */ jsx(NoTagsCard, {});
   }
-  return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response?.tags.map((tag) => /* @__PURE__ */ jsx(TagGridItem, { tag, onTagEdit }, tag.tag)) });
+  return /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, alignItems: "stretch", children: response?.tags.map((tag) => /* @__PURE__ */ jsx(
+    TagGridItem,
+    {
+      tag,
+      onTagEdit,
+      isModerator
+    },
+    tag.tag
+  )) });
 };
 export { TagsGridContent };

package/dist/components/TagsGrid/TagsGridContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TagsGridContent.esm.js","sources":["../../../src/components/TagsGrid/TagsGridContent.tsx"],"sourcesContent":["import { TagGridItem } from './TagGridItem';\nimport { TagsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { ~~useTranslation~~ } from '../../~~hooks~~';\nimport { NoTagsCard } from './NoTagsCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const TagsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: TagsResponse;\n onTagEdit: () => void;\n}) => {\n const { response, onTagEdit, loading, error } = props;\n const { t } = ~~useTranslation~~();\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('tagPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response?.tags \|\| response.tags.length === 0) {\n return <NoTagsCard />;\n }\n\n return (\n <Grid container item xs={12} alignItems=\"stretch\">\n {response?.tags.map(tag => (\n <TagGridItem tag={tag} key={tag.tag} onTagEdit={onTagEdit} />\n ))}\n </Grid>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;AAQa~~,MAAA,eAAA,GAAkB,CAAC,~~KAK1B~~,KAAA;AACJ,EAAA,MAAM,EAAE,~~QAAA~~,~~EAAU~~,~~SAAW~~,EAAA,~~OAAA~~,~~EAAS~~,~~OAAU~~,GAAA,KAAA;~~AAChD~~,~~EAAM~~,~~MAAA~~,EAAE,~~CAAE~~,~~EAAA~~,~~GAAI~~,~~cAAe~~,~~EAAA~~;~~AAE7B~~,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,sBAAsB,CAC3D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,IAAA,IAAQ,QAAS,CAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACjD,IAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAGrB,~~EACE~~,~~uBAAA~~,GAAA,~~CAAC~~,~~QAAK~~,SAAS,EAAA,IAAA,EAAC,~~MAAI~~,~~IAAC~~,EAAA,EAAA,EAAI,~~IAAI,~~UAAW,EAAA,SAAA,EACrC,~~oBAAU~~,~~IAAK~~,~~CAAA~~,~~GAAA~~,~~CAAI~~,~~yBACjB~~,GAAA,~~CAAA~~,WAAA,~~EAAA~~,~~EAAY~~,~~KAAwB~~,~~SAAT~~,~~EAAA~~,~~EAAA~~,~~GAAA~~,~~CAAI~~,~~GAA2B~~,~~CAC5D~~,CACH,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TagsGridContent.esm.js","sources":["../../../src/components/TagsGrid/TagsGridContent.tsx"],"sourcesContent":["import { TagGridItem } from './TagGridItem';\nimport { TagsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { NoTagsCard } from './NoTagsCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const TagsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: TagsResponse;\n onTagEdit: () => void;\n isModerator?: boolean;\n}) => {\n const { response, onTagEdit, loading, error, isModerator } = props;\n const { t } = useTranslationRef(qetaTranslationRef);\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel severity=\"error\" title={t('tagPage.errorLoading')}>\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response?.tags \|\| response.tags.length === 0) {\n return <NoTagsCard />;\n }\n\n return (\n <Grid container item xs={12} alignItems=\"stretch\">\n {response?.tags.map(tag => (\n <TagGridItem\n tag={tag}\n key={tag.tag}\n onTagEdit={onTagEdit}\n isModerator={isModerator}\n />\n ))}\n </Grid>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,eAAA,GAAkB,CAAC,KAM1B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,OAAS,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA;AAC7D,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,sBAAsB,CAC3D,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,IAAA,IAAQ,QAAS,CAAA,IAAA,CAAK,WAAW,CAAG,EAAA;AACjD,IAAA,2BAAQ,UAAW,EAAA,EAAA,CAAA;AAAA;AAGrB,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,UAAW,EAAA,SAAA,EACrC,QAAU,EAAA,QAAA,EAAA,IAAA,CAAK,IAAI,CAClB,GAAA,qBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MAEA,SAAA;AAAA,MACA;AAAA,KAAA;AAAA,IAFK,GAAI,CAAA;AAAA,GAIZ,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/TemplateList/TemplateForm.esm.js CHANGED Viewed

@@ -3,10 +3,11 @@ import { useState, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import 'dataloader';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
 import { useForm, Controller } from 'react-hook-form';
@@ -62,7 +63,7 @@ const TemplateForm = (props) => {
   const [error, setError] = useState(false);
   const [values, setValues] = useState(getDefaultValues());
   const { isModerator } = useIsModerator();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const {
     register,
     handleSubmit,