@drodil/backstage-plugin-qeta-react 3.10.0 → 3.10.2

package/dist/components/AuthorBox/AuthorBox.esm.js

@@ -2,7 +2,6 @@ import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
 import Avatar from '@mui/material/Avatar';
 import Grid from '@mui/material/Grid';
-import makeStyles from '@mui/styles/makeStyles';
 import React__default from 'react';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
@@ -10,46 +9,65 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 
-const useStyles = makeStyles(
-  (theme) => ({
-    authorBox: {
-      padding: theme.spacing(1),
-      float: "right",
-      maxWidth: "200px",
-      border: `1px solid ${theme.palette.action.selected}`,
-      "& .avatar": {
-        width: theme.spacing(3),
-        height: theme.spacing(3),
-        fontSize: "1rem"
-      }
-    },
-    authorLink: {
-      textOverflow: "ellipsis",
-      overflow: "hidden",
-      whiteSpace: "nowrap"
-    }
-  }),
-  { name: "QetaAuthorBox" }
-);
 const AuthorBox = (props) => {
   const { entity } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
   const { name, initials, user } = useEntityAuthor(entity);
-  return /* @__PURE__ */ React__default.createElement(Box, { className: `qetaAuthorBox ${styles.authorBox}` }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.created }))), entity.updated && entity.updatedBy && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React__default.createElement(UpdatedByLink, { entity }))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React__default.createElement(
-    Avatar,
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
     {
-      src: user?.spec?.profile?.picture,
-      className: "qetaAuthorBoxAvatar avatar",
-      alt: name,
-      variant: "rounded"
+      sx: (theme) => ({
+        padding: 1,
+        float: "right",
+        maxWidth: "200px",
+        border: `1px solid ${theme.palette.action.selected}`,
+        borderRadius: 1,
+        "& .avatar": {
+          width: theme.spacing(3),
+          height: theme.spacing(3),
+          fontSize: "1rem"
+        }
+      })
     },
-    initials
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React__default.createElement(AuthorLink, { entity })))));
+    /* @__PURE__ */ React__default.createElement(
+      Grid,
+      {
+        container: true,
+        alignItems: "stretch",
+        justifyContent: "flex-start",
+        spacing: 0
+      },
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.created }))),
+      entity.updated && entity.updatedBy && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React__default.createElement(UpdatedByLink, { entity }))),
+      /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 2, style: { paddingTop: 0 } }, /* @__PURE__ */ React__default.createElement(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          className: "qetaAuthorBoxAvatar avatar",
+          alt: name,
+          variant: "rounded"
+        },
+        initials
+      )),
+      /* @__PURE__ */ React__default.createElement(
+        Grid,
+        {
+          item: true,
+          xs: 10,
+          style: {
+            paddingTop: 0,
+            textOverflow: "ellipsis",
+            overflow: "hidden",
+            whiteSpace: "nowrap"
+          }
+        },
+        /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React__default.createElement(AuthorLink, { entity }))
+      )
+    )
+  );
 };
 
 export { AuthorBox };

package/dist/components/AuthorBox/AuthorBox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaAuthorBoxClassKey = 'authorBox' | 'authorLink';\n\nconst useStyles = makeStyles(\n  theme => ({\n    authorBox: {\n      padding: theme.spacing(1),\n      float: 'right',\n      maxWidth: '200px',\n      border: `1px solid ${theme.palette.action.selected}`,\n      '& .avatar': {\n        width: theme.spacing(3),\n        height: theme.spacing(3),\n        fontSize: '1rem',\n      },\n    },\n    authorLink: {\n      textOverflow: 'ellipsis',\n      overflow: 'hidden',\n      whiteSpace: 'nowrap',\n    },\n  }),\n  { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: { entity: PostResponse | AnswerResponse }) => {\n  const { entity } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const { name, initials, user } = useEntityAuthor(entity);\n\n  return (\n    <Box className={`qetaAuthorBox ${styles.authorBox}`}>\n      <Grid container alignItems=\"center\">\n        <Grid item xs={12} style={{ paddingBottom: 0 }}>\n          <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n            {t('authorBox.postedAtTime')}{' '}\n            <RelativeTimeWithTooltip value={entity.created} />\n          </Typography>\n        </Grid>\n        {entity.updated && entity.updatedBy && (\n          <Grid item xs={12} style={{ paddingBottom: 0, paddingTop: 0 }}>\n            <Typography className=\"qetaAuthorBoxUpdated\" variant=\"caption\">\n              {t('authorBox.updatedAtTime')}{' '}\n              <RelativeTimeWithTooltip value={entity.updated} />{' '}\n              {t('authorBox.updatedBy')} <UpdatedByLink entity={entity} />\n            </Typography>\n          </Grid>\n        )}\n        <Grid item xs={2}>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAuthorBoxAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid item xs={10} className={styles.authorLink}>\n          <Box style={{ paddingLeft: '5px' }}>\n            <AuthorLink entity={entity} />\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport const AuthorBox = (props: { entity: PostResponse | AnswerResponse }) => {\n  const { entity } = props;\n  const { t } = useTranslation();\n  const { name, initials, user } = useEntityAuthor(entity);\n\n  return (\n    <Box\n      sx={theme => ({\n        padding: 1,\n        float: 'right',\n        maxWidth: '200px',\n        border: `1px solid ${theme.palette.action.selected}`,\n        borderRadius: 1,\n        '& .avatar': {\n          width: theme.spacing(3),\n          height: theme.spacing(3),\n          fontSize: '1rem',\n        },\n      })}\n    >\n      <Grid\n        container\n        alignItems=\"stretch\"\n        justifyContent=\"flex-start\"\n        spacing={0}\n      >\n        <Grid item xs={12} style={{ paddingBottom: 0 }}>\n          <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n            {t('authorBox.postedAtTime')}{' '}\n            <RelativeTimeWithTooltip value={entity.created} />\n          </Typography>\n        </Grid>\n        {entity.updated && entity.updatedBy && (\n          <Grid item xs={12} style={{ paddingBottom: 0, paddingTop: 0 }}>\n            <Typography className=\"qetaAuthorBoxUpdated\" variant=\"caption\">\n              {t('authorBox.updatedAtTime')}{' '}\n              <RelativeTimeWithTooltip value={entity.updated} />{' '}\n              {t('authorBox.updatedBy')} <UpdatedByLink entity={entity} />\n            </Typography>\n          </Grid>\n        )}\n        <Grid item xs={2} style={{ paddingTop: 0 }}>\n          <Avatar\n            src={user?.spec?.profile?.picture}\n            className=\"qetaAuthorBoxAvatar avatar\"\n            alt={name}\n            variant=\"rounded\"\n          >\n            {initials}\n          </Avatar>\n        </Grid>\n        <Grid\n          item\n          xs={10}\n          style={{\n            paddingTop: 0,\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          <Box style={{ paddingLeft: '5px' }}>\n            <AuthorLink entity={entity} />\n          </Box>\n        </Grid>\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -12,13 +12,11 @@ import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const AddToCollectionButton = (props) => {
   const { post } = props;
   const { t } = useTranslation();
-  const styles = useStyles();
   const { value: response, retry } = useQetaApi((api) => {
     return api.getCollections();
   }, []);
@@ -51,8 +49,8 @@ const AddToCollectionButton = (props) => {
       variant: "contained",
       size: "small",
       onClick: handleClickOpen,
-      className: `${styles.marginLeft} qetaAddToCollectionBtn`,
-      startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
+      startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null),
+      sx: { marginLeft: 2 }
     },
     t("addToCollectionButton.title")
   ), /* @__PURE__ */ React__default.createElement(Dialog, { open, onClose: handleClose, fullWidth: true }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, t("addToCollectionButton.manage")), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, collections.map((collection) => {

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 Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport RemoveCircle from '@mui/icons-material/RemoveCircle';\nimport PlayListAddIcon from '@mui/icons-material/PlaylistAdd';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi, useStyles, useTranslation } from '../../hooks';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n  const { post } = props;\n  const { t } = useTranslation();\n  const styles = useStyles();\n  const { value: response, retry } = useQetaApi(api => {\n    return api.getCollections();\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    <div>\n      <Button\n        variant=\"contained\"\n        size=\"small\"\n        onClick={handleClickOpen}\n        className={`${styles.marginLeft} qetaAddToCollectionBtn`}\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    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"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 Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport RemoveCircle from '@mui/icons-material/RemoveCircle';\nimport PlayListAddIcon from '@mui/icons-material/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();\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    <div>\n      <Button\n        variant=\"contained\"\n        size=\"small\"\n        onClick={handleClickOpen}\n        startIcon={<PlayListAddIcon />}\n        sx={{ marginLeft: 2 }}\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    </div>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -8,14 +8,13 @@ import { askRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
+import Box from '@mui/material/Box';
 
 const AskQuestionButton = (props) => {
   const { entity, entityPage, tags } = props;
   const askRoute = useRouteRef(askRouteRef);
   const { t } = useTranslation();
-  const styles = useStyles();
   const params = new URLSearchParams();
   if (entity) {
     params.set("entity", entity);
@@ -26,18 +25,17 @@ const AskQuestionButton = (props) => {
   if (tags && tags.length > 0) {
     params.set("tags", tags.join(","));
   }
-  return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(Box, { sx: { marginLeft: 2 } }, /* @__PURE__ */ React__default.createElement(
     LinkButton,
     {
       variant: "contained",
       size: "small",
       to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
       color: "primary",
-      className: `${styles.marginLeft} qetaAskQuestionBtn`,
       startIcon: /* @__PURE__ */ React__default.createElement(HelpOutline, null)
     },
     t("askQuestionButton.title")
-  ));
+  )));
 };
 
 export { AskQuestionButton };

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 '@mui/icons-material/HelpOutline';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-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 { useStyles, useTranslation } from '../../hooks';\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  const styles = useStyles();\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    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <LinkButton\n        variant=\"contained\"\n        size=\"small\"\n        to={entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()}\n        color=\"primary\"\n        className={`${styles.marginLeft} qetaAskQuestionBtn`}\n        startIcon={<HelpOutline />}\n      >\n        {t('askQuestionButton.title')}\n      </LinkButton>\n    </RequirePermission>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,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,CAAA;AAAA,GACnC;AAEA,EAAA,oDACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,4EAAa,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,MACrE,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,mBAAA,CAAA;AAAA,MAC/B,SAAA,+CAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,yBAAyB,CAAA;AAAA,GAEhC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@mui/icons-material/HelpOutline';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-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 '@mui/material/Box';\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    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <Box sx={{ marginLeft: 2 }}>\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    </RequirePermission>\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,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,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,CAAA;AAAA,GACnC;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,UAAY,EAAA,wBAAA,EAA0B,SAAW,kBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,UAAA,EAAY,GACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EACE,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,MAEnE,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,+CAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,yBAAyB,CAAA;AAAA,GAEhC,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -7,13 +7,11 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
 
 const CollectionFollowButton = (props) => {
   const { collection } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
   const collections = useCollectionsFollow();
   if (collections.loading) {
@@ -22,8 +20,8 @@ const CollectionFollowButton = (props) => {
   return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
+      sx: { marginLeft: 2 },
       size: "small",
-      className: `${styles.marginLeft} qetaFollowCollectionBtn`,
       color: collections.isFollowingCollection(collection) ? "secondary" : "primary",
       onClick: () => {
         if (collections.isFollowingCollection(collection)) {

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 from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: { collection: Collection }) => {\n  const { collection } = props;\n  const styles = useStyles();\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        className={`${styles.marginLeft} qetaFollowCollectionBtn`}\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      >\n        {collections.isFollowingCollection(collection) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,sBAAA,GAAyB,CAAC,KAAsC,KAAA;AAC3E,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,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,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,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,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,gDAC1C,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CollectionFollowButton.esm.js","sources":["../../../src/components/Buttons/CollectionFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: { collection: Collection }) => {\n  const { collection } = 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        sx={{ marginLeft: 2 }}\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      >\n        {collections.isFollowingCollection(collection) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AASa,MAAA,sBAAA,GAAyB,CAAC,KAAsC,KAAA;AAC3E,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,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,EAAA,EAAI,EAAE,UAAA,EAAY,CAAE,EAAA;AAAA,MACpB,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,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,gDAC1C,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -8,25 +8,23 @@ import { collectionCreateRouteRef } from '../../routes.esm.js';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
+import Box from '@mui/material/Box';
 
 const CreateCollectionButton = () => {
   const createRoute = useRouteRef(collectionCreateRouteRef);
   const { t } = useTranslation();
-  const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(Box, { sx: { marginLeft: 2 } }, /* @__PURE__ */ React__default.createElement(
     LinkButton,
     {
       size: "small",
       variant: "contained",
       to: createRoute(),
       color: "primary",
-      className: `${styles.marginLeft} qetaCreateCollectionBtn`,
       startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
     },
     t("createCollectionButton.title")
-  ));
+  )));
 };
 
 export { CreateCollectionButton };

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 '@mui/icons-material/PlaylistAdd';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const CreateCollectionButton = () => {\n  const createRoute = useRouteRef(collectionCreateRouteRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  return (\n    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <LinkButton\n        size=\"small\"\n        variant=\"contained\"\n        to={createRoute()}\n        color=\"primary\"\n        className={`${styles.marginLeft} qetaCreateCollectionBtn`}\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('createCollectionButton.title')}\n      </LinkButton>\n    </RequirePermission>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,oDACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,4EAAa,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,IAAI,WAAY,EAAA;AAAA,MAChB,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,SAAA,+CAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,8BAA8B,CAAA;AAAA,GAErC,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@mui/icons-material/PlaylistAdd';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } 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 Box from '@mui/material/Box';\n\nexport const CreateCollectionButton = () => {\n  const createRoute = useRouteRef(collectionCreateRouteRef);\n  const { t } = useTranslation();\n\n  return (\n    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <Box sx={{ marginLeft: 2 }}>\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      </Box>\n    </RequirePermission>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAUO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,UAAY,EAAA,wBAAA,EAA0B,SAAW,kBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,UAAA,EAAY,GACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,IAAI,WAAY,EAAA;AAAA,MAChB,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,+CAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,8BAA8B,CAAA;AAAA,GAErC,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -8,12 +8,10 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const EntityFollowButton = (props) => {
   const { entityRef } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
   const entities = useEntityFollow();
   if (entities.loading) {
@@ -23,7 +21,7 @@ const EntityFollowButton = (props) => {
     IconButton,
     {
       size: "small",
-      className: `${styles.marginLeft} qetaFollowEntityBtn`,
+      sx: { marginLeft: 2 },
       color: entities.isFollowingEntity(entityRef) ? "secondary" : "primary",
       onClick: () => {
         if (entities.isFollowingEntity(entityRef)) {

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 IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const styles = useStyles();\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        size=\"small\"\n        className={`${styles.marginLeft} qetaFollowEntityBtn`}\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":";;;;;;;;;;;;;AAOa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AACtB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,oBAAA,CAAA;AAAA,MAC/B,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,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,gDAClC,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useEntityFollow, useTranslation } from '../../hooks';\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        size=\"small\"\n        sx={{ marginLeft: 2 }}\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":";;;;;;;;;;;;AAOa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AACtB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,EAAE,UAAA,EAAY,CAAE,EAAA;AAAA,MACpB,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,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,gDAClC,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -7,7 +7,6 @@ import StarOutlineIcon from '@mui/icons-material/StarOutline';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const FavoriteButton = (props) => {

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 from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@mui/icons-material/Star';\nimport StarOutlineIcon from '@mui/icons-material/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":";;;;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAIA,cAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;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,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;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,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;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,mBAAA;AAAA,KAAA;AAAA,iDAET,QAAS,EAAA,IAAA,CAAA;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,iBAAA;AAAA,KAAA;AAAA,iDAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,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 from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@mui/icons-material/Star';\nimport StarOutlineIcon from '@mui/icons-material/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":";;;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAIA,cAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;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,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;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,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;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,mBAAA;AAAA,KAAA;AAAA,iDAET,QAAS,EAAA,IAAA,CAAA;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,iBAAA;AAAA,KAAA;AAAA,iDAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -6,7 +6,6 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const LinkButton = (props) => {

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

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Link from '@mui/icons-material/Link';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\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 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  };\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"],"mappings":";;;;;;;;;;;AAUa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;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,SAAA;AAAA,KAAA;AAAA,iDAEhB,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Link from '@mui/icons-material/Link';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\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 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  };\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"],"mappings":";;;;;;;;;;AAUa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;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,SAAA;AAAA,KAAA;AAAA,iDAEhB,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}

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

@@ -8,12 +8,10 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const TagFollowButton = (props) => {
   const { tag } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
   const tags = useTagsFollow();
   if (tags.loading) {
@@ -23,7 +21,7 @@ const TagFollowButton = (props) => {
     IconButton,
     {
       size: "small",
-      className: `${styles.marginLeft} qetaFollowTagBtn`,
+      sx: { marginLeft: 2 },
       color: tags.isFollowingTag(tag) ? "secondary" : "primary",
       onClick: () => {
         if (tags.isFollowingTag(tag)) {

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 IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const styles = useStyles();\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        size=\"small\"\n        className={`${styles.marginLeft} qetaFollowTagBtn`}\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":";;;;;;;;;;;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAChB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,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,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,iBAAA,CAAA;AAAA,MAC/B,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,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,IAAA,CAAK,eAAe,GAAG,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEhE,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useTagsFollow, useTranslation } from '../../hooks';\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        size=\"small\"\n        sx={{ marginLeft: 2 }}\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":";;;;;;;;;;;;AAOa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAChB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,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,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,EAAE,UAAA,EAAY,CAAE,EAAA;AAAA,MACpB,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,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,IAAA,CAAK,eAAe,GAAG,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEhE,CAAA,CAAA;AAEJ;;;;"}

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

@@ -8,12 +8,10 @@ import '../../api.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
-import { useStyles } from '../../hooks/useStyles.esm.js';
 import 'react-use/lib/useAsync';
 
 const UserFollowButton = (props) => {
   const { userRef } = props;
-  const styles = useStyles();
   const { t } = useTranslation();
   const users = useUserFollow();
   if (users.loading) {
@@ -23,7 +21,7 @@ const UserFollowButton = (props) => {
     IconButton,
     {
       size: "small",
-      className: `${styles.marginLeft} qetaFollowUserBtn`,
+      sx: { marginLeft: 2 },
       color: users.isFollowingUser(userRef) ? "secondary" : "primary",
       onClick: () => {
         if (users.isFollowingUser(userRef)) {

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 from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTranslation, useUserFollow } from '../../hooks';\n\nexport const UserFollowButton = (props: { userRef: string }) => {\n  const { userRef } = props;\n  const styles = useStyles();\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        size=\"small\"\n        className={`${styles.marginLeft} qetaFollowUserBtn`}\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      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA,CAAA;AACpB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,kBAAA,CAAA;AAAA,MAC/B,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,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,KAAA,CAAM,gBAAgB,OAAO,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEtE,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useTranslation, useUserFollow } from '../../hooks';\n\nexport const UserFollowButton = (props: { userRef: string }) => {\n  const { userRef } = 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        size=\"small\"\n        sx={{ marginLeft: 2 }}\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      >\n        {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA,CAAA;AACpB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,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,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,EAAE,UAAA,EAAY,CAAE,EAAA;AAAA,MACpB,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,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,KAAA,CAAM,gBAAgB,OAAO,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEtE,CAAA,CAAA;AAEJ;;;;"}

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

@@ -2,29 +2,12 @@ import IconButton from '@mui/material/IconButton';
 import Tooltip from '@mui/material/Tooltip';
 import Typography from '@mui/material/Typography';
 import Box from '@mui/material/Box';
-import createStyles from '@mui/styles/createStyles';
-import makeStyles from '@mui/styles/makeStyles';
 import ArrowDownward from '@mui/icons-material/ArrowDownward';
 import ArrowUpward from '@mui/icons-material/ArrowUpward';
 import Check from '@mui/icons-material/Check';
 import React__default from 'react';
 import { useVoting } from '../../hooks/useVoting.esm.js';
 
-const useStyles = makeStyles(
-  (theme) => createStyles({
-    qetaCorrectAnswerSelected: {
-      color: theme.palette.success.main
-    },
-    qetaCorrectAnswer: {
-      color: theme.palette.grey[500]
-    },
-    voteButtonContainer: {
-      borderWidth: "1px",
-      borderColor: "white"
-    }
-  }),
-  { name: "QetaVoteButtons" }
-);
 const VoteButtons = (props) => {
   const {
     voteUpTooltip,
@@ -38,8 +21,7 @@ const VoteButtons = (props) => {
     toggleCorrectAnswer
   } = useVoting(props.entity);
   const own = props.entity.own ?? false;
-  const classes = useStyles();
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React__default.createElement("span", { className: classes.voteButtonContainer }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
     IconButton,
     {
       "aria-label": "vote up",
@@ -71,7 +53,9 @@ const VoteButtons = (props) => {
     /* @__PURE__ */ React__default.createElement(
       Check,
       {
-        className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
+        sx: {
+          color: correctAnswer ? "success.main" : "text.primary"
+        }
       }
     )
   )))));

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

@@ -1 +1 @@
-{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport createStyles from '@mui/styles/createStyles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport ArrowDownward from '@mui/icons-material/ArrowDownward';\nimport ArrowUpward from '@mui/icons-material/ArrowUpward';\nimport Check from '@mui/icons-material/Check';\nimport React from 'react';\nimport { useVoting } from '../../hooks/useVoting';\n\nexport type QetaVoteButtonsClassKey =\n  | 'qetaCorrectAnswerSelected'\n  | 'qetaCorrectAnswer'\n  | 'voteButtonContainer';\n\nconst useStyles = makeStyles(\n  theme =>\n    createStyles({\n      qetaCorrectAnswerSelected: {\n        color: theme.palette.success.main,\n      },\n      qetaCorrectAnswer: {\n        color: theme.palette.grey[500],\n      },\n      voteButtonContainer: {\n        borderWidth: '1px',\n        borderColor: 'white',\n      },\n    }),\n  { name: 'QetaVoteButtons' },\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <Tooltip title={voteUpTooltip}>\n        <span className={classes.voteButtonContainer}>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={voteDownTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={correctTooltip}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </React.Fragment>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport ArrowDownward from '@mui/icons-material/ArrowDownward';\nimport ArrowUpward from '@mui/icons-material/ArrowUpward';\nimport Check from '@mui/icons-material/Check';\nimport React from 'react';\nimport { useVoting } from '../../hooks/useVoting';\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n\n  return (\n    <React.Fragment>\n      <Tooltip title={voteUpTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\" style={{ userSelect: 'none' }}>\n        {score}\n      </Typography>\n      <Tooltip title={voteDownTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={correctTooltip}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    sx={{\n                      color: correctAnswer ? 'success.main' : 'text.primary',\n                    }}\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </React.Fragment>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,mBAAA;AAAA,GACF,GAAI,SAAU,CAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAC1B,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,MAAA,CAAO,GAAO,IAAA,KAAA,CAAA;AAEhC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,eAAM,QAAN,EAAA,IAAA,+CACE,OAAQ,EAAA,EAAA,KAAA,EAAO,aACd,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,MACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,oBAAuB,GAAA,YAAA;AAAA,MAChD,QAAU,EAAA,GAAA;AAAA,MACV,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAA;AAAA,KAAA;AAAA,iDAER,WAAY,EAAA,IAAA,CAAA;AAAA,GAEjB,CACF,CAAA,+CACC,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,KAAO,EAAA,EAAE,YAAY,MAAO,EAAA,EAAA,EAClD,KACH,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,eAAA,EAAA,+CACb,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,WAAA;AAAA,MACX,KAAA,EAAO,OAAU,GAAA,CAAA,GAAI,SAAY,GAAA,SAAA;AAAA,MACjC,SAAA,EAAW,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,MAClD,QAAU,EAAA,GAAA;AAAA,MACV,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,QAAA;AAAA,KAAA;AAAA,iDAER,aAAc,EAAA,IAAA,CAAA;AAAA,GAEnB,CACF,CACC,EAAA,SAAA,IAAa,MAAM,MACjB,KAAA,KAAA,CAAM,MAAM,GAAO,IAAA,KAAA,CAAM,MAAM,OAAW,IAAA,aAAA,CAAA,iDACxC,GACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,cAAA,EAAA,+CACb,MACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,cAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,SACE,KAAM,CAAA,IAAA,EAAM,OAAO,KAAM,CAAA,IAAA,EAAM,UAC3B,mBACA,GAAA,KAAA,CAAA;AAAA,KAAA;AAAA,oBAGNA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,KAAA,EAAO,gBAAgB,cAAiB,GAAA,cAAA;AAAA,SAC1C;AAAA,OAAA;AAAA,KACF;AAAA,GAEJ,CACF,CACF,CAEN,CAAA,CAAA;AAEJ;;;;"}