@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

package/dist/components/Buttons/AddToCollectionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Grid,\n} from '@material-ui/core';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { t } = useTranslation();\n  const { value: response, retry } = useQetaApi(api => {\n    return api.getCollections({ checkAccess: true });\n  }, []);\n  const [open, setOpen] = React.useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleClick = (collection: Collection) => {\n    if (collection.posts?.find(p => p.id === post.id)) {\n      qetaApi.removePostFromCollection(collection.id, post.id).then(() => {\n        retry();\n      });\n    } else {\n      qetaApi.addPostToCollection(collection.id, post.id).then(() => {\n        retry();\n      });\n    }\n  };\n\n  const collections = (response?.collections ?? []).filter(c => c.canEdit);\n  if (!collections.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        size=\"small\"\n        onClick={handleClickOpen}\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('addToCollectionButton.title')}\n      </Button>\n      <Dialog open={open} onClose={handleClose} fullWidth>\n        <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n        <DialogContent>\n          <Grid container>\n            {collections.map(collection => {\n              const isInCollection = collection.posts?.find(\n                p => p.id === post.id,\n              );\n\n              return (\n                <Grid item key={collection.id}>\n                  <Button\n                    variant=\"outlined\"\n                    startIcon={\n                      isInCollection ? <RemoveCircle /> : <AddCircle />\n                    }\n                    color={isInCollection ? 'secondary' : 'primary'}\n                    onClick={() => handleClick(collection)}\n                  >\n                    {collection.title}\n                  </Button>\n                </Grid>\n              );\n            })}\n          </Grid>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleClose} color=\"primary\">\n            {t('addToCollectionButton.close')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAiBa,MAAA,qBAAA,GAAwB,CAAC,KAAkC,KAAA;AACtE,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA;AACjB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,EAAE,KAAO,EAAA,QAAA,EAAU,KAAM,EAAA,GAAI,WAAW,CAAO,GAAA,KAAA;AACnD,IAAA,OAAO,GAAI,CAAA,cAAA,CAAe,EAAE,WAAA,EAAa,MAAM,CAAA;AAAA,GACjD,EAAG,EAAE,CAAA;AACL,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,UAA2B,KAAA;AAC9C,IAAI,IAAA,UAAA,CAAW,OAAO,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,IAAA,CAAK,EAAE,CAAG,EAAA;AACjD,MAAA,OAAA,CAAQ,yBAAyB,UAAW,CAAA,EAAA,EAAI,KAAK,EAAE,CAAA,CAAE,KAAK,MAAM;AAClE,QAAM,KAAA,EAAA;AAAA,OACP,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,oBAAoB,UAAW,CAAA,EAAA,EAAI,KAAK,EAAE,CAAA,CAAE,KAAK,MAAM;AAC7D,QAAM,KAAA,EAAA;AAAA,OACP,CAAA;AAAA;AACH,GACF;AAEA,EAAM,MAAA,WAAA,GAAA,CAAe,UAAU,WAAe,IAAA,IAAI,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,OAAO,CAAA;AACvE,EAAI,IAAA,CAAC,YAAY,MAAQ,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,SAAA,+CAAY,eAAgB,EAAA,IAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,6BAA6B;AAAA,GAClC,+CACC,MAAO,EAAA,EAAA,IAAA,EAAY,SAAS,WAAa,EAAA,SAAA,EAAS,IACjD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAa,EAAA,IAAA,EAAA,CAAA,CAAE,8BAA8B,CAAE,CAAA,+CAC/C,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,EACZ,WAAY,CAAA,GAAA,CAAI,CAAc,UAAA,KAAA;AAC7B,IAAM,MAAA,cAAA,GAAiB,WAAW,KAAO,EAAA,IAAA;AAAA,MACvC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,IAAK,CAAA;AAAA,KACrB;AAEA,IAAA,oDACG,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,GAAA,EAAK,WAAW,EACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,WACE,cAAiB,mBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,IAAA,CAAA,gDAAM,SAAU,EAAA,IAAA,CAAA;AAAA,QAEjD,KAAA,EAAO,iBAAiB,WAAc,GAAA,SAAA;AAAA,QACtC,OAAA,EAAS,MAAM,WAAA,CAAY,UAAU;AAAA,OAAA;AAAA,MAEpC,UAAW,CAAA;AAAA,KAEhB,CAAA;AAAA,GAEH,CACH,CACF,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,qCACEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,WAAA,EAAa,OAAM,SACjC,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,CACF,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Grid,\n} from '@material-ui/core';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi, useTranslation } from '../../hooks';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { t } = useTranslation();\n  const { value: response, retry } = useQetaApi(api => {\n    return api.getCollections({ checkAccess: true });\n  }, []);\n  const [open, setOpen] = useState(false);\n  const qetaApi = useApi(qetaApiRef);\n\n  const handleClickOpen = () => {\n    setOpen(true);\n  };\n\n  const handleClose = () => {\n    setOpen(false);\n  };\n\n  const handleClick = (collection: Collection) => {\n    if (collection.posts?.find(p => p.id === post.id)) {\n      qetaApi.removePostFromCollection(collection.id, post.id).then(() => {\n        retry();\n      });\n    } else {\n      qetaApi.addPostToCollection(collection.id, post.id).then(() => {\n        retry();\n      });\n    }\n  };\n\n  const collections = (response?.collections ?? []).filter(c => c.canEdit);\n  if (!collections.length) {\n    return null;\n  }\n\n  return (\n    <>\n      <Button\n        variant=\"contained\"\n        size=\"small\"\n        onClick={handleClickOpen}\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('addToCollectionButton.title')}\n      </Button>\n      <Dialog open={open} onClose={handleClose} fullWidth>\n        <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n        <DialogContent>\n          <Grid container>\n            {collections.map(collection => {\n              const isInCollection = collection.posts?.find(\n                p => p.id === post.id,\n              );\n\n              return (\n                <Grid item key={collection.id}>\n                  <Button\n                    variant=\"outlined\"\n                    startIcon={\n                      isInCollection ? <RemoveCircle /> : <AddCircle />\n                    }\n                    color={isInCollection ? 'secondary' : 'primary'}\n                    onClick={() => handleClick(collection)}\n                  >\n                    {collection.title}\n                  </Button>\n                </Grid>\n              );\n            })}\n          </Grid>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={handleClose} color=\"primary\">\n            {t('addToCollectionButton.close')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Buttons/AskQuestionButton.esm.js

@@ -1,16 +1,19 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import HelpOutline from '@material-ui/icons/HelpOutline';
-import React__default from 'react';
 import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
 import { LinkButton } from '@backstage/core-components';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { askRouteRef } from '../../routes.esm.js';
 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 '@backstage/plugin-permission-common';
 import { Box } from '@material-ui/core';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
 
@@ -28,23 +31,23 @@ const AskQuestionButton = (props) => {
   if (tags && tags.length > 0) {
     params.set("tags", tags.join(","));
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     OptionalRequirePermission,
     {
       permission: qetaCreatePostPermission,
-      errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
-    },
-    /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
-      LinkButton,
-      {
-        variant: "contained",
-        size: "small",
-        to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
-        color: "primary",
-        startIcon: /* @__PURE__ */ React__default.createElement(HelpOutline, null)
-      },
-      t("askQuestionButton.title")
-    ))
+      errorPage: /* @__PURE__ */ jsx(Fragment, {}),
+      children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          variant: "contained",
+          size: "small",
+          to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
+          color: "primary",
+          startIcon: /* @__PURE__ */ jsx(HelpOutline, {}),
+          children: t("askQuestionButton.title")
+        }
+      ) })
+    }
   );
 };
 

package/dist/components/Buttons/AskQuestionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@material-ui/icons/HelpOutline';\nimport React from 'react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef } from '../../routes';\nimport { useTranslation } from '../../hooks';\nimport { Box } from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\nexport const AskQuestionButton = (props: {\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const { entity, entityPage, tags } = props;\n  const askRoute = useRouteRef(askRouteRef);\n  const { t } = useTranslation();\n\n  const params = new URLSearchParams();\n  if (entity) {\n    params.set('entity', entity);\n  }\n  if (entityPage) {\n    params.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    params.set('tags', tags.join(','));\n  }\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreatePostPermission}\n      errorPage={<></>}\n    >\n      <Box>\n        <LinkButton\n          variant=\"contained\"\n          size=\"small\"\n          to={\n            entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()\n          }\n          color=\"primary\"\n          startIcon={<HelpOutline />}\n        >\n          {t('askQuestionButton.title')}\n        </LinkButton>\n      </Box>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAUa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA;AAAA;AAE7B,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGnC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,wBAAA;AAAA,MACZ,2BAAaA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AAAA,KAAA;AAAA,iDAEZ,GACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,EAAA,EACE,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,QAEnE,KAAM,EAAA,SAAA;AAAA,QACN,SAAA,+CAAY,WAAY,EAAA,IAAA;AAAA,OAAA;AAAA,MAEvB,EAAE,yBAAyB;AAAA,KAEhC;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@material-ui/icons/HelpOutline';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef } from '../../routes';\nimport { useTranslation } from '../../hooks';\nimport { Box } from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\nexport const AskQuestionButton = (props: {\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const { entity, entityPage, tags } = props;\n  const askRoute = useRouteRef(askRouteRef);\n  const { t } = useTranslation();\n\n  const params = new URLSearchParams();\n  if (entity) {\n    params.set('entity', entity);\n  }\n  if (entityPage) {\n    params.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    params.set('tags', tags.join(','));\n  }\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreatePostPermission}\n      errorPage={<></>}\n    >\n      <Box>\n        <LinkButton\n          variant=\"contained\"\n          size=\"small\"\n          to={\n            entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()\n          }\n          color=\"primary\"\n          startIcon={<HelpOutline />}\n        >\n          {t('askQuestionButton.title')}\n        </LinkButton>\n      </Box>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AASa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA;AAAA;AAE7B,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGnC,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,wBAAA;AAAA,MACZ,2BAAa,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAAA,MAEb,8BAAC,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,WAAA;AAAA,UACR,IAAK,EAAA,OAAA;AAAA,UACL,EAAA,EACE,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,UAEnE,KAAM,EAAA,SAAA;AAAA,UACN,SAAA,sBAAY,WAAY,EAAA,EAAA,CAAA;AAAA,UAEvB,YAAE,yBAAyB;AAAA;AAAA,OAEhC,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Buttons/ButtonContainer.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { makeStyles } from '@material-ui/core';
 
 const useStyles = makeStyles(
@@ -15,7 +15,7 @@ const useStyles = makeStyles(
 );
 const ButtonContainer = (props) => {
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.root }, props.children);
+  return /* @__PURE__ */ jsx("div", { className: styles.root, children: props.children });
 };
 
 export { ButtonContainer };

package/dist/components/Buttons/ButtonContainer.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContainer.esm.js","sources":["../../../src/components/Buttons/ButtonContainer.tsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n  }),\n  { name: 'ContentHeaderButtons' },\n);\n\nexport const ButtonContainer = (props: { children: React.ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.root}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,sBAAwB,EAAA;AAAA,QACtB,WAAa,EAAA;AAAA;AACf;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sBAAuB;AACjC,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAyC,KAAA;AACvE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,oDAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAA,EAAO,MAAM,QAAS,CAAA;AACtD;;;;"}
+{"version":3,"file":"ButtonContainer.esm.js","sources":["../../../src/components/Buttons/ButtonContainer.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      display: 'flex',\n      alignItems: 'center',\n      '& *:not(:last-child)': {\n        marginRight: '0.3em',\n      },\n    },\n  }),\n  { name: 'ContentHeaderButtons' },\n);\n\nexport const ButtonContainer = (props: { children: ReactNode }) => {\n  const styles = useStyles();\n  return <div className={styles.root}>{props.children}</div>;\n};\n"],"names":[],"mappings":";;;AAGA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,sBAAwB,EAAA;AAAA,QACtB,WAAa,EAAA;AAAA;AACf;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,sBAAuB;AACjC,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAmC,KAAA;AACjE,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,2BAAQ,KAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,IAAA,EAAO,gBAAM,QAAS,EAAA,CAAA;AACtD;;;;"}

package/dist/components/Buttons/CollectionFollowButton.esm.js

@@ -1,16 +1,20 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { Tooltip, IconButton } from '@material-ui/core';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 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 { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 
 const CollectionFollowButton = (props) => {
   const { collection, style } = props;
@@ -19,7 +23,7 @@ const CollectionFollowButton = (props) => {
   if (collections.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("collectionButton.tooltip"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       size: "small",
@@ -31,10 +35,10 @@ const CollectionFollowButton = (props) => {
           collections.followCollection(collection);
         }
       },
-      style
-    },
-    collections.isFollowingCollection(collection) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-  ));
+      style,
+      children: collections.isFollowingCollection(collection) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {})
+    }
+  ) });
 };
 
 export { CollectionFollowButton };

package/dist/components/Buttons/CollectionFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionFollowButton.esm.js","sources":["../../../src/components/Buttons/CollectionFollowButton.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: {\n  collection: Collection;\n  style?: CSSProperties;\n}) => {\n  const { collection, style } = props;\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n  if (collections.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('collectionButton.tooltip')}>\n      <IconButton\n        size=\"small\"\n        color={\n          collections.isFollowingCollection(collection)\n            ? 'secondary'\n            : 'primary'\n        }\n        onClick={() => {\n          if (collections.isFollowingCollection(collection)) {\n            collections.unfollowCollection(collection);\n          } else {\n            collections.followCollection(collection);\n          }\n        }}\n        style={style}\n      >\n        {collections.isFollowingCollection(collection) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAQa,MAAA,sBAAA,GAAyB,CAAC,KAGjC,KAAA;AACJ,EAAM,MAAA,EAAE,UAAY,EAAA,KAAA,EAAU,GAAA,KAAA;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAC1C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAI,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,UAAA,WAAA,CAAY,mBAAmB,UAAU,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA;AAAA;AACzC,OACF;AAAA,MACA;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,gDAC1C,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA;AAAA,GAGlB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionFollowButton.esm.js","sources":["../../../src/components/Buttons/CollectionFollowButton.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: {\n  collection: Collection;\n  style?: CSSProperties;\n}) => {\n  const { collection, style } = props;\n  const { t } = useTranslation();\n  const collections = useCollectionsFollow();\n  if (collections.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('collectionButton.tooltip')}>\n      <IconButton\n        size=\"small\"\n        color={\n          collections.isFollowingCollection(collection)\n            ? 'secondary'\n            : 'primary'\n        }\n        onClick={() => {\n          if (collections.isFollowingCollection(collection)) {\n            collections.unfollowCollection(collection);\n          } else {\n            collections.followCollection(collection);\n          }\n        }}\n        style={style}\n      >\n        {collections.isFollowingCollection(collection) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQa,MAAA,sBAAA,GAAyB,CAAC,KAGjC,KAAA;AACJ,EAAM,MAAA,EAAE,UAAY,EAAA,KAAA,EAAU,GAAA,KAAA;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAC1C,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAI,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,UAAA,WAAA,CAAY,mBAAmB,UAAU,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA;AAAA;AACzC,OACF;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,WAAA,CAAY,sBAAsB,UAAU,CAAA,uBAC1C,aAAc,EAAA,EAAA,CAAA,uBAEd,UAAW,EAAA,EAAA;AAAA;AAAA,GAGlB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/CreateCollectionButton.esm.js

@@ -1,38 +1,41 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
 import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';
-import React__default from 'react';
 import { qetaCreateCollectionPermission } from '@drodil/backstage-plugin-qeta-common';
 import { LinkButton } from '@backstage/core-components';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { collectionCreateRouteRef } from '../../routes.esm.js';
 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 '@backstage/plugin-permission-common';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
 
 const CreateCollectionButton = () => {
   const createRoute = useRouteRef(collectionCreateRouteRef);
   const { t } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     OptionalRequirePermission,
     {
       permission: qetaCreateCollectionPermission,
-      errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
-    },
-    /* @__PURE__ */ React__default.createElement(
-      LinkButton,
-      {
-        size: "small",
-        variant: "contained",
-        to: createRoute(),
-        color: "primary",
-        startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
-      },
-      t("createCollectionButton.title")
-    )
+      errorPage: /* @__PURE__ */ jsx(Fragment, {}),
+      children: /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          size: "small",
+          variant: "contained",
+          to: createRoute(),
+          color: "primary",
+          startIcon: /* @__PURE__ */ jsx(PlayListAddIcon, {}),
+          children: t("createCollectionButton.title")
+        }
+      )
+    }
   );
 };
 

package/dist/components/Buttons/CreateCollectionButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport React from 'react';\nimport { qetaCreateCollectionPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useTranslation } from '../../hooks';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\nexport const CreateCollectionButton = () => {\n  const createRoute = useRouteRef(collectionCreateRouteRef);\n  const { t } = useTranslation();\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreateCollectionPermission}\n      errorPage={<></>}\n    >\n      <LinkButton\n        size=\"small\"\n        variant=\"contained\"\n        to={createRoute()}\n        color=\"primary\"\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('createCollectionButton.title')}\n      </LinkButton>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;AASO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,8BAAA;AAAA,MACZ,2BAAaA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA;AAAA,KAAA;AAAA,oBAEbA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,OAAA;AAAA,QACL,OAAQ,EAAA,WAAA;AAAA,QACR,IAAI,WAAY,EAAA;AAAA,QAChB,KAAM,EAAA,SAAA;AAAA,QACN,SAAA,+CAAY,eAAgB,EAAA,IAAA;AAAA,OAAA;AAAA,MAE3B,EAAE,8BAA8B;AAAA;AACnC,GACF;AAEJ;;;;"}
+{"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { qetaCreateCollectionPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useTranslation } from '../../hooks';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\nexport const CreateCollectionButton = () => {\n  const createRoute = useRouteRef(collectionCreateRouteRef);\n  const { t } = useTranslation();\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreateCollectionPermission}\n      errorPage={<></>}\n    >\n      <LinkButton\n        size=\"small\"\n        variant=\"contained\"\n        to={createRoute()}\n        color=\"primary\"\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('createCollectionButton.title')}\n      </LinkButton>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,8BAAA;AAAA,MACZ,2BAAa,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAAA,MAEb,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,OAAA;AAAA,UACL,OAAQ,EAAA,WAAA;AAAA,UACR,IAAI,WAAY,EAAA;AAAA,UAChB,KAAM,EAAA,SAAA;AAAA,UACN,SAAA,sBAAY,eAAgB,EAAA,EAAA,CAAA;AAAA,UAE3B,YAAE,8BAA8B;AAAA;AAAA;AACnC;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Buttons/EntityFollowButton.esm.js

@@ -1,15 +1,19 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.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 { Tooltip, IconButton } from '@material-ui/core';
 
 const EntityFollowButton = (props) => {
@@ -19,7 +23,7 @@ const EntityFollowButton = (props) => {
   if (entities.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("entityButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("entityButton.tooltip"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       disableRipple: true,
@@ -31,10 +35,10 @@ const EntityFollowButton = (props) => {
         } else {
           entities.followEntity(entityRef);
         }
-      }
-    },
-    entities.isFollowingEntity(entityRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-  ));
+      },
+      children: entities.isFollowingEntity(entityRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {})
+    }
+  ) });
 };
 
 export { EntityFollowButton };

package/dist/components/Buttons/EntityFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const { t } = useTranslation();\n  const entities = useEntityFollow();\n  if (entities.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('entityButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (entities.isFollowingEntity(entityRef)) {\n            entities.unfollowEntity(entityRef);\n          } else {\n            entities.followEntity(entityRef);\n          }\n        }}\n      >\n        {entities.isFollowingEntity(entityRef) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAMa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA;AAAA;AACjC;AACF,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,gDAClC,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA;AAAA,GAGlB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const { t } = useTranslation();\n  const entities = useEntityFollow();\n  if (entities.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('entityButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (entities.isFollowingEntity(entityRef)) {\n            entities.unfollowEntity(entityRef);\n          } else {\n            entities.followEntity(entityRef);\n          }\n        }}\n      >\n        {entities.isFollowingEntity(entityRef) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA;AACtB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA;AAAA;AACjC,OACF;AAAA,MAEC,QAAA,EAAA,QAAA,CAAS,kBAAkB,SAAS,CAAA,uBAClC,aAAc,EAAA,EAAA,CAAA,uBAEd,UAAW,EAAA,EAAA;AAAA;AAAA,GAGlB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/FavoriteButton.esm.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import { Tooltip, IconButton } from '@material-ui/core';
-import React__default from 'react';
+import { useState, Fragment } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import StarIcon from '@material-ui/icons/Star';
 import StarOutlineIcon from '@material-ui/icons/StarOutline';
@@ -10,9 +11,12 @@ 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';
 
 const FavoriteButton = (props) => {
-  const [entity, setEntity] = React__default.useState(props.entity);
+  const [entity, setEntity] = useState(props.entity);
   const qetaApi = useApi(qetaApiRef);
   const { t } = useTranslation();
   const favoriteQuestion = () => {
@@ -25,25 +29,25 @@ const FavoriteButton = (props) => {
       setEntity(response);
     });
   };
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, entity.favorite ? /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: entity.favorite ? /* @__PURE__ */ jsx(Tooltip, { title: t("favorite.remove"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": "unfavorite",
       size: "small",
       onClick: unfavoriteQuestion,
-      className: "qetaUnfavoriteBtn"
-    },
-    /* @__PURE__ */ React__default.createElement(StarIcon, null)
-  )) : /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React__default.createElement(
+      className: "qetaUnfavoriteBtn",
+      children: /* @__PURE__ */ jsx(StarIcon, {})
+    }
+  ) }) : /* @__PURE__ */ jsx(Tooltip, { title: t("favorite.add"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": "favorite",
       size: "small",
       onClick: favoriteQuestion,
-      className: "qetaFavoriteBtn"
-    },
-    /* @__PURE__ */ React__default.createElement(StarOutlineIcon, null)
-  )));
+      className: "qetaFavoriteBtn",
+      children: /* @__PURE__ */ jsx(StarOutlineIcon, {})
+    }
+  ) }) });
 };
 
 export { FavoriteButton };

package/dist/components/Buttons/FavoriteButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n  const [entity, setEntity] = React.useState<PostResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const favoriteQuestion = () => {\n    qetaApi.favoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi.unfavoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  return (\n    <React.Fragment>\n      {entity.favorite ? (\n        <Tooltip title={t('favorite.remove')}>\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('favorite.add')}>\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAIA,cAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AAC/C,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACnB,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACjD,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACnB,CAAA;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,cAAM,CAAA,QAAA,EAAN,IACE,EAAA,MAAA,CAAO,QACN,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA;AAAA,KAAA;AAAA,iDAET,QAAS,EAAA,IAAA;AAAA,GAEd,CAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA;AAAA,KAAA;AAAA,iDAET,eAAgB,EAAA,IAAA;AAAA,GAErB,CAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport { useState, Fragment } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n  const [entity, setEntity] = useState<PostResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const favoriteQuestion = () => {\n    qetaApi.favoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi.unfavoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  return (\n    <Fragment>\n      {entity.favorite ? (\n        <Tooltip title={t('favorite.remove')}>\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('favorite.add')}>\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAuB,MAAM,MAAM,CAAA;AAC/D,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AAC/C,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACnB,CAAA;AAAA,GACH;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACjD,MAAA,SAAA,CAAU,QAAQ,CAAA;AAAA,KACnB,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,YACE,QAAO,EAAA,MAAA,CAAA,QAAA,uBACL,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,MAEV,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KAEd,CAEA,mBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,MAEV,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/LinkButton.esm.js

@@ -1,12 +1,16 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useApi, alertApiRef } from '@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 { Tooltip, IconButton } from '@material-ui/core';
 import LinkIcon from '@material-ui/icons/Link';
 
@@ -26,16 +30,16 @@ const LinkButton = (props) => {
       display: "transient"
     });
   };
-  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       "aria-label": t("link.aria"),
       size: "small",
       onClick: copyToClipboard,
-      className: props.className
-    },
-    /* @__PURE__ */ React__default.createElement(LinkIcon, null)
-  ));
+      className: props.className,
+      children: /* @__PURE__ */ jsx(LinkIcon, {})
+    }
+  ) });
 };
 
 export { LinkButton };

package/dist/components/Buttons/LinkButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const LinkButton = (props: {\n  entity: PostResponse | AnswerResponse;\n  className?: string;\n}) => {\n  const isQuestion = 'title' in props.entity;\n  const { t } = useTranslation();\n  const alertApi = useApi(alertApiRef);\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isQuestion) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  return (\n    <Tooltip title={isQuestion ? t('link.post') : t('link.answer')}>\n      <IconButton\n        aria-label={t('link.aria')}\n        size=\"small\"\n        onClick={copyToClipboard}\n        className={props.className}\n      >\n        <Link />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React","Link"],"mappings":";;;;;;;;;;;;AAUa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAEvC,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA;AACnD,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,EAAE,aAAa,CAAA;AAAA,MACxB,QAAU,EAAA,MAAA;AAAA,MACV,OAAS,EAAA;AAAA,KACV,CAAA;AAAA,GACH;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,WAAW,KAAM,CAAA;AAAA,KAAA;AAAA,iDAEhBC,QAAK,EAAA,IAAA;AAAA,GAEV,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nexport const LinkButton = (props: {\n  entity: PostResponse | AnswerResponse;\n  className?: string;\n}) => {\n  const isQuestion = 'title' in props.entity;\n  const { t } = useTranslation();\n  const alertApi = useApi(alertApiRef);\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isQuestion) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n    alertApi.post({\n      message: t('link.copied'),\n      severity: 'info',\n      display: 'transient',\n    });\n  };\n\n  return (\n    <Tooltip title={isQuestion ? t('link.post') : t('link.answer')}>\n      <IconButton\n        aria-label={t('link.aria')}\n        size=\"small\"\n        onClick={copyToClipboard}\n        className={props.className}\n      >\n        <Link />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["Link"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA;AAEvC,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA;AACnD,IAAA,QAAA,CAAS,IAAK,CAAA;AAAA,MACZ,OAAA,EAAS,EAAE,aAAa,CAAA;AAAA,MACxB,QAAU,EAAA,MAAA;AAAA,MACV,OAAS,EAAA;AAAA,KACV,CAAA;AAAA,GACH;AAEA,EACE,uBAAA,GAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,WAAW,KAAM,CAAA,SAAA;AAAA,MAEjB,8BAACA,QAAK,EAAA,EAAA;AAAA;AAAA,GAEV,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/TagFollowButton.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import '@backstage/core-plugin-api';
@@ -6,10 +6,14 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import 'react';
 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 { Tooltip, IconButton } from '@material-ui/core';
 
 const TagFollowButton = (props) => {
@@ -19,7 +23,7 @@ const TagFollowButton = (props) => {
   if (tags.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("tagButton.tooltip"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       disableRipple: true,
@@ -31,10 +35,10 @@ const TagFollowButton = (props) => {
         } else {
           tags.followTag(tag);
         }
-      }
-    },
-    tags.isFollowingTag(tag) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-  ));
+      },
+      children: tags.isFollowingTag(tag) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {})
+    }
+  ) });
 };
 
 export { TagFollowButton };

package/dist/components/Buttons/TagFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTagsFollow, useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n  if (tags.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('tagButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (tags.isFollowingTag(tag)) {\n            tags.unfollowTag(tag);\n          } else {\n            tags.followTag(tag);\n          }\n        }}\n      >\n        {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAMa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB;AACF,KAAA;AAAA,IAEC,IAAA,CAAK,eAAe,GAAG,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA;AAAA,GAEhE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTagsFollow, useTranslation } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n  if (tags.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('tagButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (tags.isFollowingTag(tag)) {\n            tags.unfollowTag(tag);\n          } else {\n            tags.followTag(tag);\n          }\n        }}\n      >\n        {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA;AAChB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA;AAAA;AAET,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA;AAAA;AACpB,OACF;AAAA,MAEC,QAAA,EAAA,IAAA,CAAK,eAAe,GAAG,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEhE,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Buttons/UserFollowButton.esm.js

@@ -1,15 +1,19 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Visibility from '@material-ui/icons/Visibility';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 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 { useUserFollow } from '../../hooks/useUserFollow.esm.js';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { Tooltip, IconButton } from '@material-ui/core';
 
 const UserFollowButton = (props) => {
@@ -19,7 +23,7 @@ const UserFollowButton = (props) => {
   if (users.loading) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("userButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("userButton.tooltip"), children: /* @__PURE__ */ jsx(
     IconButton,
     {
       disableRipple: true,
@@ -32,10 +36,10 @@ const UserFollowButton = (props) => {
           users.followUser(userRef);
         }
       },
-      style
-    },
-    users.isFollowingUser(userRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-  ));
+      style,
+      children: users.isFollowingUser(userRef) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {})
+    }
+  ) });
 };
 
 export { UserFollowButton };

package/dist/components/Buttons/UserFollowButton.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTranslation, useUserFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const UserFollowButton = (props: {\n  userRef: string;\n  style?: CSSProperties;\n}) => {\n  const { userRef, style } = props;\n  const { t } = useTranslation();\n  const users = useUserFollow();\n  if (users.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('userButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (users.isFollowingUser(userRef)) {\n            users.unfollowUser(userRef);\n          } else {\n            users.followUser(userRef);\n          }\n        }}\n        style={style}\n      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;AAMa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AAAA;AAC1B,OACF;AAAA,MACA;AAAA,KAAA;AAAA,IAEC,KAAA,CAAM,gBAAgB,OAAO,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA;AAAA,GAEtE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import { CSSProperties } from 'react';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useTranslation, useUserFollow } from '../../hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\n\nexport const UserFollowButton = (props: {\n  userRef: string;\n  style?: CSSProperties;\n}) => {\n  const { userRef, style } = props;\n  const { t } = useTranslation();\n  const users = useUserFollow();\n  if (users.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('userButton.tooltip')}>\n      <IconButton\n        disableRipple\n        size=\"small\"\n        color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (users.isFollowingUser(userRef)) {\n            users.unfollowUser(userRef);\n          } else {\n            users.followUser(userRef);\n          }\n        }}\n        style={style}\n      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAMa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAM,MAAA,EAAE,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAA,IAAA;AAAA,MACb,IAAK,EAAA,OAAA;AAAA,MACL,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AAAA;AAC1B,OACF;AAAA,MACA,KAAA;AAAA,MAEC,QAAA,EAAA,KAAA,CAAM,gBAAgB,OAAO,CAAA,uBAAK,aAAc,EAAA,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA;AAAA;AAAA,GAEtE,EAAA,CAAA;AAEJ;;;;"}