@drodil/backstage-plugin-qeta-react 3.24.5 → 3.25.1

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

@@ -1,6 +1,7 @@
+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 React__default from 'react';
+import { useState } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
@@ -9,14 +10,17 @@ 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 { ModalContent } from '../Utility/ModalContent.esm.js';
 
 const CreateTagModal = (props) => {
   const { open, onClose } = props;
-  const [tag, setTag] = React__default.useState("");
-  const [description, setDescription] = React__default.useState("");
+  const [tag, setTag] = useState("");
+  const [description, setDescription] = useState("");
   const { t } = useTranslation();
-  const [error, setError] = React__default.useState(false);
+  const [error, setError] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const handleCreate = () => {
     qetaApi.createTag(tag, description).then((ret) => {
@@ -31,7 +35,7 @@ const CreateTagModal = (props) => {
       setError(true);
     });
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
@@ -43,48 +47,57 @@ const CreateTagModal = (props) => {
       BackdropComponent: Backdrop,
       BackdropProps: {
         timeout: 500
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(ModalContent, null, error && /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("createTagModal.errorPosting")), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        id: "modal-modal-title",
-        className: "qetaCreateTagModalTitle",
-        variant: "h6",
-        component: "h2",
-        style: { marginBottom: "1em" }
-      },
-      t("createTagModal.title")
-    ), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-      TextField,
-      {
-        variant: "outlined",
-        label: t("createTagModal.tagInput"),
-        style: { width: "100%" },
-        required: true,
-        value: tag,
-        onChange: (e) => setTag(e.target.value)
-      }
-    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-      TextField,
-      {
-        variant: "outlined",
-        label: t("createTagModal.description"),
-        multiline: true,
-        minRows: 10,
-        style: { width: "100%" },
-        value: description ?? "",
-        onChange: (e) => setDescription(e.target.value)
-      }
-    ))), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        onClick: handleCreate,
-        className: "qetaCreateTagModalSaveBtn",
-        color: "secondary"
       },
-      t("createTagModal.createButton")
-    ), /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose, className: "qetaCreateTagModalCancelBtn" }, t("createTagModal.cancelButton")))
+      children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("createTagModal.errorPosting") }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "modal-modal-title",
+            className: "qetaCreateTagModalTitle",
+            variant: "h6",
+            component: "h2",
+            style: { marginBottom: "1em" },
+            children: t("createTagModal.title")
+          }
+        ),
+        /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              variant: "outlined",
+              label: t("createTagModal.tagInput"),
+              style: { width: "100%" },
+              required: true,
+              value: tag,
+              onChange: (e) => setTag(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+            TextField,
+            {
+              variant: "outlined",
+              label: t("createTagModal.description"),
+              multiline: true,
+              minRows: 10,
+              style: { width: "100%" },
+              value: description ?? "",
+              onChange: (e) => setDescription(e.target.value)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleCreate,
+            className: "qetaCreateTagModalSaveBtn",
+            color: "secondary",
+            children: t("createTagModal.createButton")
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, className: "qetaCreateTagModalCancelBtn", children: t("createTagModal.cancelButton") })
+      ] })
+    }
   );
 };
 

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

@@ -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 React 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] = React.useState('');\n  const [description, setDescription] = React.useState('');\n  const { t } = useTranslation();\n  const [error, setError] = React.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":["React"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,6 +1,7 @@
+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 React__default from 'react';
+import { useState } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
@@ -9,13 +10,16 @@ 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 { ModalContent } from '../Utility/ModalContent.esm.js';
 
 const EditTagModal = (props) => {
   const { tag, open, onClose } = props;
-  const [description, setDescription] = React__default.useState(tag.description);
+  const [description, setDescription] = useState(tag.description);
   const { t } = useTranslation();
-  const [error, setError] = React__default.useState(false);
+  const [error, setError] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const handleUpdate = () => {
     qetaApi.updateTag(tag.id, description).then((ret) => {
@@ -28,7 +32,7 @@ const EditTagModal = (props) => {
       setError(true);
     });
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
@@ -40,38 +44,44 @@ const EditTagModal = (props) => {
       BackdropComponent: Backdrop,
       BackdropProps: {
         timeout: 500
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(ModalContent, null, error && /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("editTagModal.errorPosting")), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        id: "modal-modal-title",
-        className: "qetaEditTagModalTitle",
-        variant: "h6",
-        component: "h2",
-        style: { marginBottom: "1em" }
-      },
-      t("editTagModal.title", { tag: tag.tag })
-    ), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(
-      TextField,
-      {
-        variant: "outlined",
-        label: t("editTagModal.description"),
-        multiline: true,
-        minRows: 10,
-        style: { width: "100%" },
-        value: description ?? "",
-        onChange: (e) => setDescription(e.target.value)
-      }
-    ))), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        onClick: handleUpdate,
-        className: "qetaEditTagModalSaveBtn",
-        color: "secondary"
       },
-      t("editTagModal.saveButton")
-    ), /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose, className: "qetaEditTagModalCancelBtn" }, t("editTagModal.cancelButton")))
+      children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("editTagModal.errorPosting") }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "modal-modal-title",
+            className: "qetaEditTagModalTitle",
+            variant: "h6",
+            component: "h2",
+            style: { marginBottom: "1em" },
+            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__ */ jsx(
+          Button,
+          {
+            onClick: handleUpdate,
+            className: "qetaEditTagModalSaveBtn",
+            color: "secondary",
+            children: t("editTagModal.saveButton")
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, className: "qetaEditTagModalCancelBtn", children: t("editTagModal.cancelButton") })
+      ] })
+    }
   );
 };
 

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

@@ -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 React 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] = React.useState(tag.description);\n  const { t } = useTranslation();\n  const [error, setError] = React.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":["React"],"mappings":"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"}
+{"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":"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"}

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

@@ -1,26 +1,30 @@
-import React__default from 'react';
+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 { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoTagsCard = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(Card, { style: { marginTop: "2em" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       justifyContent: "center",
       alignItems: "center",
-      direction: "column"
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t(`tagPage.tags`, { count: 0 })))
-  )));
+      direction: "column",
+      children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t(`tagPage.tags`, { count: 0 }) }) })
+    }
+  ) }) });
 };
 
 export { NoTagsCard };

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

@@ -1 +1 @@
-{"version":3,"file":"NoTagsCard.esm.js","sources":["../../../src/components/TagsGrid/NoTagsCard.tsx"],"sourcesContent":["import React from 'react';\nimport { 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":["React"],"mappings":";;;;;;;;;;;AAIO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAAA,+CAC7B,WACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA;AAAA,KAAA;AAAA,oBAETA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,+CACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,gBAAgB,EAAE,KAAA,EAAO,CAAE,EAAC,CACjC,CACF;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}
+{"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;;;;"}

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

@@ -1,6 +1,7 @@
+import { jsxs, jsx } 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 React__default from 'react';
+import { useState } from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { tagRouteRef } from '../../routes.esm.js';
 import { useNavigate } from 'react-router-dom';
@@ -14,6 +15,8 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
 import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
 import DeleteIcon from '@material-ui/icons/Delete';
 import EditIcon from '@material-ui/icons/Edit';
@@ -26,78 +29,103 @@ const TagGridItem = (props) => {
   const navigate = useNavigate();
   const { t } = useTranslation();
   const tags = useTagsFollow();
-  const [editModalOpen, setEditModalOpen] = React__default.useState(false);
+  const [editModalOpen, setEditModalOpen] = useState(false);
   const handleEditModalOpen = () => setEditModalOpen(true);
   const handleEditModalClose = () => {
     setEditModalOpen(false);
     onTagEdit();
   };
-  const [deleteModalOpen, setDeleteModalOpen] = React__default.useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const handleDeleteModalOpen = () => setDeleteModalOpen(true);
   const handleDeleteModalClose = () => {
     setDeleteModalOpen(false);
     onTagEdit();
   };
-  return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 4 }, /* @__PURE__ */ React__default.createElement(
-    Card,
-    {
-      variant: "outlined",
-      style: { height: "100%", display: "flex", flexDirection: "column" }
-    },
-    /* @__PURE__ */ React__default.createElement(CardActionArea, { onClick: () => navigate(tagRoute({ tag: tag.tag })) }, /* @__PURE__ */ React__default.createElement(CardHeader, { title: tag.tag }), /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.posts", { count: tag.postsCount, itemType: "post" }), " \xB7 ", t("common.followers", { count: tag.followerCount })), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2" }, " ", DOMPurify.sanitize(
-      truncate(removeMarkdownFormatting(tag.description ?? ""), 150)
-    )))),
-    /* @__PURE__ */ React__default.createElement(CardActions, { style: { marginTop: "auto" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
-      Button,
+  return /* @__PURE__ */ jsxs(Grid, { item: true, xs: 4, children: [
+    /* @__PURE__ */ jsxs(
+      Card,
       {
-        size: "small",
         variant: "outlined",
-        color: tags.isFollowingTag(tag.tag) ? "secondary" : "primary",
-        onClick: () => {
-          if (tags.isFollowingTag(tag.tag)) {
-            tags.unfollowTag(tag.tag);
-          } else {
-            tags.followTag(tag.tag);
-          }
-        },
-        startIcon: tags.isFollowingTag(tag.tag) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-      },
-      tags.isFollowingTag(tag.tag) ? t("tagButton.unfollow") : t("tagButton.follow")
-    ))), tag.canEdit && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "small",
-        onClick: handleEditModalOpen,
-        variant: "outlined",
-        startIcon: /* @__PURE__ */ React__default.createElement(EditIcon, null)
-      },
-      t("tagButton.edit")
-    )), tag.canDelete && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "small",
-        onClick: handleDeleteModalOpen,
-        variant: "contained",
-        color: "secondary",
-        startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-      },
-      t("tagButton.delete")
-    ), /* @__PURE__ */ React__default.createElement(
-      DeleteModal,
+        style: { height: "100%", display: "flex", flexDirection: "column" },
+        children: [
+          /* @__PURE__ */ jsxs(CardActionArea, { onClick: () => navigate(tagRoute({ tag: tag.tag })), children: [
+            /* @__PURE__ */ jsx(CardHeader, { title: tag.tag }),
+            /* @__PURE__ */ jsxs(CardContent, { children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+                t("common.posts", { count: tag.postsCount, itemType: "post" }),
+                " \xB7 ",
+                t("common.followers", { count: tag.followerCount })
+              ] }),
+              /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+                " ",
+                DOMPurify.sanitize(
+                  truncate(removeMarkdownFormatting(tag.description ?? ""), 150)
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(CardActions, { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "center", children: [
+            /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("tagButton.tooltip"), children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "outlined",
+                color: tags.isFollowingTag(tag.tag) ? "secondary" : "primary",
+                onClick: () => {
+                  if (tags.isFollowingTag(tag.tag)) {
+                    tags.unfollowTag(tag.tag);
+                  } else {
+                    tags.followTag(tag.tag);
+                  }
+                },
+                startIcon: tags.isFollowingTag(tag.tag) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+                children: tags.isFollowingTag(tag.tag) ? t("tagButton.unfollow") : t("tagButton.follow")
+              }
+            ) }) }),
+            tag.canEdit && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                onClick: handleEditModalOpen,
+                variant: "outlined",
+                startIcon: /* @__PURE__ */ jsx(EditIcon, {}),
+                children: t("tagButton.edit")
+              }
+            ) }),
+            tag.canDelete && /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  onClick: handleDeleteModalOpen,
+                  variant: "contained",
+                  color: "secondary",
+                  startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+                  children: t("tagButton.delete")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                DeleteModal,
+                {
+                  open: deleteModalOpen,
+                  onClose: handleDeleteModalClose,
+                  entity: tag
+                }
+              )
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      EditTagModal,
       {
-        open: deleteModalOpen,
-        onClose: handleDeleteModalClose,
-        entity: tag
+        tag,
+        open: editModalOpen,
+        onClose: handleEditModalClose
       }
-    ))))
-  ), /* @__PURE__ */ React__default.createElement(
-    EditTagModal,
-    {
-      tag,
-      open: editModalOpen,
-      onClose: handleEditModalClose
-    }
-  ));
+    )
+  ] });
 };
 
 export { TagGridItem };

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

@@ -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 React 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] = React.useState(false);\n  const handleEditModalOpen = () => setEditModalOpen(true);\n  const handleEditModalClose = () => {\n    setEditModalOpen(false);\n    onTagEdit();\n  };\n\n  const [deleteModalOpen, setDeleteModalOpen] = React.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":["React"],"mappings":"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"}
+{"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":"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"}