npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.24.3 → 3.25.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/dist/components/ArticleContent/ArticleButtons.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState } from 'react';
 import ArrowUpward from '@material-ui/icons/ArrowUpward';
 import { makeStyles, Grid, Tooltip, IconButton, Typography } from '@material-ui/core';
 import ArrowDownward from '@material-ui/icons/ArrowDownward';
@@ -17,6 +18,9 @@ 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 { useNavigate } from 'react-router-dom';
 const useLocalStyles = makeStyles(
@@ -44,60 +48,77 @@ const ArticleButtons = (props) => {
   const { t } = useTranslation();
   const navigate = useNavigate();
   const editArticleRoute = useRouteRef(editArticleRouteRef);
-  const [deleteModalOpen, setDeleteModalOpen] = React__default.useState(false);
+  const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const handleDeleteModalOpen = () => setDeleteModalOpen(true);
   const handleDeleteModalClose = () => setDeleteModalOpen(false);
   const own = props.post.own ?? false;
-  return /* @__PURE__ */ React__default.createElement("div", { className: styles.container }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
-    IconButton,
-    {
-      "aria-label": "vote up",
-      color: ownVote > 0 ? "primary" : "default",
-      className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
-      disabled: own,
-      size: "small",
-      onClick: voteUp
-    },
-    /* @__PURE__ */ React__default.createElement(ArrowUpward, null)
-  ))), /* @__PURE__ */ React__default.createElement(Tooltip, { title: voteDownTooltip }, /* @__PURE__ */ React__default.createElement("span", null, /* @__PURE__ */ React__default.createElement(
-    IconButton,
-    {
-      "aria-label": "vote down",
-      color: ownVote < 0 ? "primary" : "default",
-      className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
-      disabled: own,
-      size: "small",
-      onClick: voteDown
-    },
-    /* @__PURE__ */ React__default.createElement(ArrowDownward, null)
-  ))), /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("common.score", { score: score.toString(10) }) }, /* @__PURE__ */ React__default.createElement(Typography, { className: styles.scoreText, display: "inline" }, score))), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(FavoriteButton, { entity: post }), /* @__PURE__ */ React__default.createElement(LinkButton, { entity: post }), (post.canEdit || post.canDelete) && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, post.canEdit && /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("articlePage.editButton") }, /* @__PURE__ */ React__default.createElement(
-    IconButton,
-    {
-      size: "small",
-      onClick: () => navigate(
-        editArticleRoute({
-          id: post.id.toString(10)
-        })
-      ),
-      color: "primary"
-    },
-    /* @__PURE__ */ React__default.createElement(EditIcon, null)
-  )), post.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("articlePage.deleteButton") }, /* @__PURE__ */ React__default.createElement(
-    IconButton,
-    {
-      size: "small",
-      onClick: handleDeleteModalOpen,
-      color: "secondary"
-    },
-    /* @__PURE__ */ React__default.createElement(DeleteIcon, null)
-  )), /* @__PURE__ */ React__default.createElement(
-    DeleteModal,
-    {
-      open: deleteModalOpen,
-      onClose: handleDeleteModalClose,
-      entity: post
-    }
-  ))))));
+  return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(Tooltip, { title: voteUpTooltip, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": "vote up",
+          color: ownVote > 0 ? "primary" : "default",
+          className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
+          disabled: own,
+          size: "small",
+          onClick: voteUp,
+          children: /* @__PURE__ */ jsx(ArrowUpward, {})
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(Tooltip, { title: voteDownTooltip, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          "aria-label": "vote down",
+          color: ownVote < 0 ? "primary" : "default",
+          className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
+          disabled: own,
+          size: "small",
+          onClick: voteDown,
+          children: /* @__PURE__ */ jsx(ArrowDownward, {})
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(Tooltip, { title: t("common.score", { score: score.toString(10) }), children: /* @__PURE__ */ jsx(Typography, { className: styles.scoreText, display: "inline", children: score }) })
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+      /* @__PURE__ */ jsx(FavoriteButton, { entity: post }),
+      /* @__PURE__ */ jsx(LinkButton, { entity: post }),
+      (post.canEdit || post.canDelete) && /* @__PURE__ */ jsxs(Fragment, { children: [
+        post.canEdit && /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.editButton"), children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            size: "small",
+            onClick: () => navigate(
+              editArticleRoute({
+                id: post.id.toString(10)
+              })
+            ),
+            color: "primary",
+            children: /* @__PURE__ */ jsx(EditIcon, {})
+          }
+        ) }),
+        post.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Tooltip, { title: t("articlePage.deleteButton"), children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              size: "small",
+              onClick: handleDeleteModalOpen,
+              color: "secondary",
+              children: /* @__PURE__ */ jsx(DeleteIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ jsx(
+            DeleteModal,
+            {
+              open: deleteModalOpen,
+              onClose: handleDeleteModalClose,
+              entity: post
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) });
 };
 export { ArticleButtons, useLocalStyles };

package/dist/components/ArticleContent/ArticleButtons.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport ~~React~~ from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslation } from '../../hooks';\nimport { useNavigate } from 'react-router-dom';\n\nexport type QetaArticleButtonsClassKey = 'container' \| 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n },\n { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const { t } = useTranslation();\n const navigate = useNavigate();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = ~~React.~~useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const own = props.post.own ?? false;\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\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 <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canEdit && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n onClick={() =>\n navigate(\n editArticleRoute({\n id: post.id.toString(10),\n }),\n )\n }\n color=\"primary\"\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n color=\"secondary\"\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;~~AAwBO,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,SAAW,EAAA;AAAA,QACT,KAAO,EAAA,MAAA;AAAA,QACP,UAAY,EAAA,QAAA;AAAA,QACZ,aAAe,EAAA,QAAA;AAAA,QACf,SAAW,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACtD,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA,OAC3D;AAAA,MACA,SAAW,EAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,UAAY,EAAA;AAAA;AACd,KACF;AAAA,GACF;AAAA,EACA,EAAE,MAAM,oBAAqB;AAC/B;AAEa,MAAA,cAAA,GAAiB,CAAC,KAAkC,KAAA;AAC/D,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA;AACjB,EAAM,MAAA,EAAE,eAAe,OAAS,EAAA,MAAA,EAAQ,OAAO,eAAiB,EAAA,QAAA,EAC9D,GAAA,SAAA,CAAU,IAAI,CAAA;AAChB,EAAA,MAAM,SAAS,cAAe,EAAA;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,gBAAA,GAAmB,YAAY,mBAAmB,CAAA;AACxD,EAAA,MAAM,CAAC,~~eAAiB~~,~~EAAA~~,kBAAkB,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAS,KAAK,CAAA;~~AAClE~~,EAAM,MAAA,qBAAA,GAAwB,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAC3D,EAAM,MAAA,sBAAA,GAAyB,MAAM,kBAAA,CAAmB,KAAK,CAAA;AAE7D,EAAM,MAAA,GAAA,GAAM,KAAM,CAAA,IAAA,CAAK,GAAO,IAAA,KAAA;AAE9B,EACE,~~uBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,~~SAAI~~,~~SAAW~~,EAAA,~~MAAA~~,~~CAAO~~,~~6BACpBA~~,~~cAAA,~~CAAA,~~aAAA~~,~~CAAA~~,~~IAAA~~,EAAA,~~EAAK~~,~~WAAS~~,IAAC,EAAA,cAAA,EAAe,~~mCAC5BA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAC,~~WAAQ~~,~~KAAO~~,EAAA,~~aAAA~~,EAAA~~,+CACb~~,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~~;AAAA~~,~~KAAA~~;AAAA,~~iDAER~~,WAAY,EAAA,~~IAAA~~;AAAA,~~GAEjB~~,CACF,~~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,EACE,OAAU,GAAA,CAAA,GAAI,sBAAyB,GAAA,cAAA;AAAA,~~MAEzC~~,QAAU,EAAA,GAAA;AAAA,~~MACV~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,OAAS,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~iDAER~~,aAAc,EAAA,~~IAAA~~;AAAA,~~GAEnB~~,CACF,CAAA,~~kBACCA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~OAAA,~~EAAA,~~EAAQ~~,~~OAAO,~~CAAE,~~CAAA~~,~~cAAA,EAAgB,~~EAAE,KAAA,EAAO,~~KAAM~~,CAAA,~~QAAA,CAAS,~~EAAE,~~CAAE~~,~~EAAC,CAC7D,EAAA,kBAAAA,cAAA,~~CAAA,~~aAAA~~,~~CAAC~~,UAAW,EAAA,EAAA,SAAA,EAAW,OAAO,SAAW,EAAA,OAAA,EAAQ,QAC9C,EAAA,EAAA,~~KACH~~,~~CACF~~,CACF,~~mBACCA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAA,~~IAAA,~~EAAA~~,~~EAAK~~,~~IAAI~~,EAAA,IAAA,EAAA,~~kBACPA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,cAAA,EAAA,EAAe,QAAQ,IAAM,EAAA,CAAA,~~kBAC7BA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAA~~,~~UAAA,~~EAAA,~~EAAW~~,~~MAAQ~~,EAAA,~~IAAA~~,~~EAAM~~,~~IACxB~~,IAAK,CAAA,OAAA,IAAW,IAAK,CAAA,SAAA,~~qBAElBA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAAA~~,~~cAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA~~,~~EAAA,~~IAAA,CAAK,~~OACJ~~,~~oBAAAA~~,~~cAAA,~~CAAA,~~aAAA~~,~~CAAC~~,~~OAAQ~~,~~EAAA~~,EAAA,~~KAAA~~,~~EAAO,~~CAAE,~~CAAA,~~wBAAwB,CACxC,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,UAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,SAAS,MACP,QAAA;AAAA,~~QACE~~,gBAAiB,CAAA;AAAA,~~UACf~~,EAAI,EAAA,IAAA,CAAK,EAAG,CAAA,QAAA,CAAS,EAAE;AAAA,~~SACxB~~;AAAA,~~OACH~~;AAAA,~~MAEF~~,KAAM,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~iDAEL~~,QAAS,EAAA,~~IAAA~~;AAAA,~~GAEd~~,~~CAED,~~EAAA,IAAA,CAAK,~~SACJ~~,~~oBAAAA~~,~~cAAA,~~CAAA,~~aAAA~~,~~CAAAA~~,~~cAAA~~,~~CAAA,~~QAAA,EAAA,~~IAAA,+CACG~~,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAC1C,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,UAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,OAAS,EAAA,qBAAA;AAAA,~~MACT~~,KAAM,EAAA~~;AAAA~~,~~KAAA~~;AAAA,~~iDAEL~~,UAAW,EAAA,~~IAAA~~;AAAA,~~GAEhB~~,~~CACA~~,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,WAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAM,EAAA,eAAA;AAAA,~~MACN~~,OAAS,EAAA,sBAAA;AAAA,~~MACT~~,MAAQ,EAAA;AAAA;AAAA,~~GAEZ~~,~~CAEJ~~,~~CAEJ~~,~~CACF~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ArticleButtons.esm.js","sources":["../../../src/components/ArticleContent/ArticleButtons.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useState } from 'react';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport {\n Grid,\n IconButton,\n makeStyles,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport { FavoriteButton } from '../Buttons/FavoriteButton';\nimport { LinkButton } from '../Buttons/LinkButton';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { editArticleRouteRef } from '../../routes';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { useVoting } from '../../hooks/useVoting';\nimport { useTranslation } from '../../hooks';\nimport { useNavigate } from 'react-router-dom';\n\nexport type QetaArticleButtonsClassKey = 'container' \| 'scoreText';\n\nexport const useLocalStyles = makeStyles(\n theme => {\n return {\n container: {\n width: '100%',\n paddingTop: '0.5rem',\n paddingBottom: '0.5rem',\n borderTop: `1px solid ${theme.palette.background.paper}`,\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n scoreText: {\n marginLeft: '0.5rem',\n userSelect: 'none',\n },\n };\n },\n { name: 'QetaArticleButtons' },\n);\n\nexport const ArticleButtons = (props: { post: PostResponse }) => {\n const { post } = props;\n const { voteUpTooltip, ownVote, voteUp, score, voteDownTooltip, voteDown } =\n useVoting(post);\n const styles = useLocalStyles();\n const { t } = useTranslation();\n const navigate = useNavigate();\n const editArticleRoute = useRouteRef(editArticleRouteRef);\n const [deleteModalOpen, setDeleteModalOpen] = useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n\n const own = props.post.own ?? false;\n\n return (\n <div className={styles.container}>\n <Grid container justifyContent=\"space-between\">\n <Grid item>\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 <Tooltip title={voteDownTooltip}>\n <span>\n <IconButton\n aria-label=\"vote down\"\n color={ownVote < 0 ? 'primary' : 'default'}\n className={\n ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'\n }\n disabled={own}\n size=\"small\"\n onClick={voteDown}\n >\n <ArrowDownward />\n </IconButton>\n </span>\n </Tooltip>\n <Tooltip title={t('common.score', { score: score.toString(10) })}>\n <Typography className={styles.scoreText} display=\"inline\">\n {score}\n </Typography>\n </Tooltip>\n </Grid>\n <Grid item>\n <FavoriteButton entity={post} />\n <LinkButton entity={post} />\n {(post.canEdit \|\| post.canDelete) && (\n <>\n {post.canEdit && (\n <Tooltip title={t('articlePage.editButton')}>\n <IconButton\n size=\"small\"\n onClick={() =>\n navigate(\n editArticleRoute({\n id: post.id.toString(10),\n }),\n )\n }\n color=\"primary\"\n >\n <EditIcon />\n </IconButton>\n </Tooltip>\n )}\n {post.canDelete && (\n <>\n <Tooltip title={t('articlePage.deleteButton')}>\n <IconButton\n size=\"small\"\n onClick={handleDeleteModalOpen}\n color=\"secondary\"\n >\n <DeleteIcon />\n </IconButton>\n </Tooltip>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={post}\n />\n </>\n )}\n </>\n )}\n </Grid>\n </Grid>\n </div>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,7 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { makeStyles, Typography, Grid, Avatar } from '@material-ui/core';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
-import React__default from 'react';
+import { useState } from 'react';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { ArticleButtons } from './ArticleButtons.esm.js';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
@@ -12,6 +13,9 @@ import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 const useStyles = makeStyles(
   (theme) => {
@@ -47,44 +51,66 @@ const ArticleContent = (props) => {
   const styles = useStyles();
   const { t } = useTranslation();
   const { name, initials, user } = useEntityAuthor(post);
-  const [postEntity, setPostEntity] = React__default.useState(post);
+  const [postEntity, setPostEntity] = useState(post);
   const onCommentAction = (q, _) => {
     setPostEntity(q);
   };
   if (post.type !== "article") {
-    return /* @__PURE__ */ React__default.createElement(WarningPanel, { title: "Not found", message: "Could not find the article" });
+    return /* @__PURE__ */ jsx(WarningPanel, { title: "Not found", message: "Could not find the article" });
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h2" }, postEntity.title), /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-    Avatar,
-    {
-      src: user?.spec?.profile?.picture,
-      className: "qetaAvatar avatar",
-      alt: name,
-      variant: "rounded"
-    },
-    initials
-  )), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1" }, name), /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.views", { count: views }), " ", " \xB7 ", t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: postEntity.created })))), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(ArticleButtons, { post: postEntity }))), postEntity.headerImage && /* @__PURE__ */ React__default.createElement(
-    "img",
-    {
-      src: post.headerImage,
-      alt: post.title,
-      className: styles.headerImage
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    MarkdownRenderer,
-    {
-      content: postEntity.content,
-      className: styles.content,
-      showToc: true
-    }
-  ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t("common.comments")), /* @__PURE__ */ React__default.createElement(
-    CommentSection,
-    {
-      className: styles.commentSection,
-      post: postEntity,
-      onCommentAction
-    }
-  ), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: postEntity }))));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h2", children: postEntity.title }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          src: user?.spec?.profile?.picture,
+          className: "qetaAvatar avatar",
+          alt: name,
+          variant: "rounded",
+          children: initials
+        }
+      ) }),
+      /* @__PURE__ */ jsxs(Grid, { item: true, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: name }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+          t("common.views", { count: views }),
+          " ",
+          " \xB7 ",
+          t("authorBox.postedAtTime"),
+          " ",
+          /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: postEntity.created })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(ArticleButtons, { post: postEntity }) }) }),
+    postEntity.headerImage && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: post.headerImage,
+        alt: post.title,
+        className: styles.headerImage
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      MarkdownRenderer,
+      {
+        content: postEntity.content,
+        className: styles.content,
+        showToc: true
+      }
+    ),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("common.comments") }),
+    /* @__PURE__ */ jsx(
+      CommentSection,
+      {
+        className: styles.commentSection,
+        post: postEntity,
+        onCommentAction
+      }
+    ),
+    /* @__PURE__ */ jsx(Grid, { container: true, children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(TagsAndEntities, { entity: postEntity }) }) })
+  ] });
 };
 export { ArticleContent, useStyles };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport ~~React~~ from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaArticleContentClassKey =\n \| 'content'\n \| 'headerImage'\n \| 'commentSection';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n content: {\n fontSize: '110%',\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n headerImage: {\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n boxShadow: theme.shadows[1],\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n },\n };\n },\n { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = ~~React.~~useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n );\n }\n\n return (\n <>\n <Typography variant=\"h2\">{postEntity.title}</Typography>\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.views', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={postEntity.created} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n showToc\n />\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentAction={onCommentAction}\n />\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;~~AAoBO,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,CAAS,KAAA,KAAA;AACP,IAAO,OAAA;AAAA,MACL,OAAS,EAAA;AAAA,QACP,QAAU,EAAA,MAAA;AAAA,QACV,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC3B,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA;AAAA,OAC3D;AAAA,MACA,WAAa,EAAA;AAAA,QACX,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC1B,MAAQ,EAAA,OAAA;AAAA,QACR,SAAW,EAAA,OAAA;AAAA,QACX,KAAO,EAAA,MAAA;AAAA,QACP,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACnD,SAAA,EAAW,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,OAC5B;AAAA,MACA,cAAgB,EAAA;AAAA,QACd,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,WAAW,KAAK,CAAA,CAAA;AAAA,QACzD,aAAA,EAAe,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC9B,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QAC7B,UAAY,EAAA;AAAA;AACd,KACF;AAAA,GACF;AAAA,EACA,EAAE,MAAM,aAAc;AACxB;AAEa,MAAA,cAAA,GAAiB,CAAC,KAGzB,KAAA;AACJ,EAAM,MAAA,EAAE,IAAM,EAAA,KAAA,EAAU,GAAA,KAAA;AACxB,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,IAAI,CAAA;AACrD,EAAA,MAAM,CAAC,~~UAAY~~,~~EAAA~~,aAAa,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAS,IAAI,CAAA;~~AACvD~~,EAAM,MAAA,eAAA,GAAkB,CAAC,CAAA,EAAiB,CAAuB,KAAA;AAC/D,IAAA,aAAA,CAAc,CAAC,CAAA;AAAA,GACjB;AAEA,EAAI,IAAA,IAAA,CAAK,SAAS,SAAW,EAAA;AAC3B,IAAA,~~uBACGA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~YAAA,EAAA,EAAa,KAAM,EAAA,WAAA,EAAY,SAAQ,4BAA6B,EAAA,CAAA;AAAA;AAIzE,EAAA,~~mGAEKA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~UAAA~~,EAAA,~~EAAW~~,~~OAAQ~~,EAAA,~~IAAA~~,EAAA,~~EAAM~~,~~WAAW~~,~~KAAM~~,~~CAAA~~,~~kBAC1CA~~,~~cAAA~~,CAAA,~~aAAA~~,CAAA,IAAA,EAAA,EAAK,~~WAAS~~,~~IAAC,~~EAAA,~~UAAA~~,~~EAAW~~,~~4BACxBA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,MAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,~~MAC1B~~,SAAU,EAAA,mBAAA;AAAA,~~MACV~~,GAAK,EAAA,IAAA;AAAA,~~MACL~~,OAAQ,EAAA;AAAA,~~KAAA~~;AAAA~~,IAEP~~;AAAA,~~GAEL~~,~~CACA~~,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~UAAW~~,EAAA,EAAA,~~OAAA~~,~~EAAQ~~,~~WAAa~~,EAAA,EAAA,~~IAAK~~,~~CACtC~~,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~cAAW~~,~~OAAQ~~,EAAA,~~SAAA~~,EAAA,~~EACjB~~,CAAE,~~CAAA~~,~~cAAA~~,~~EAAgB,~~EAAE,KAAA,EAAO,~~KAAM~~,~~EAAC~~,~~CAAE,EAAA,~~GAAA,~~EAAE~~,~~QACtC~~,~~EAAA~~,~~CAAA~~,~~CAAE,~~wBAAwB,CAAA,~~EAAG~~,~~qBAC7BA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,UAAA,CAAW,OAAS,EAAA,~~CACtD~~,~~CACF~~,~~CACF~~,~~CACA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~IAAK~~,~~EAAA~~,EAAA,~~SAAA~~,~~EAAS~~,~~IACb,~~EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~QAAK,IAAI,~~EAAA,IAAA,~~EAAC,~~EAAI,~~EAAA~~,EAAA,EAAA,~~kBACZA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,cAAA,EAAA,EAAe,IAAM,EAAA,UAAA,EAAY,~~CACpC~~,CACF,~~CACC,~~EAAA,~~UAAA~~,~~CAAW~~,WACV,~~oBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,KAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,KAAK,IAAK,CAAA,WAAA;AAAA,~~MACV~~,KAAK,IAAK,CAAA,KAAA;AAAA,~~MACV~~,WAAW,MAAO,CAAA;AAAA;AAAA,~~GAGtB~~,~~kBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,gBAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,SAAS,UAAW,CAAA,OAAA;AAAA,~~MACpB~~,WAAW,MAAO,CAAA,OAAA;AAAA,~~MAClB~~,OAAO,EAAA;AAAA;AAAA,~~GACT,+CACC~~,UAAW,EAAA,EAAA,OAAA,EAAQ,~~QAAM~~,~~CAAE~~,CAAA,iBAAiB,CAAE,~~CAC~~/C,~~kBAAAA,cAAA,CAAA,aAAA~~;AAAA,~~IAAC~~,cAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,WAAW,MAAO,CAAA,cAAA;AAAA,~~MAClB~~,IAAM,EAAA,UAAA;AAAA,~~MACN~~;AAAA;AAAA,~~qBAEDA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,~~EAAA,+CACZ~~,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,~~sBACZA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,eAAA,EAAA,EAAgB,~~QAAQ~~,~~UAAY,~~EAAA,~~CACvC~~,~~CACF~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"ArticleContent.esm.js","sources":["../../../src/components/ArticleContent/ArticleContent.tsx"],"sourcesContent":["import {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Avatar, Grid, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { useState } from 'react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { ArticleButtons } from './ArticleButtons';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaArticleContentClassKey =\n \| 'content'\n \| 'headerImage'\n \| 'commentSection';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n content: {\n fontSize: '110%',\n paddingTop: theme.spacing(2),\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n },\n headerImage: {\n marginBottom: theme.spacing(2),\n marginTop: theme.spacing(2),\n height: '250px',\n objectFit: 'cover',\n width: '100%',\n border: `1px solid ${theme.palette.background.paper}`,\n boxShadow: theme.shadows[1],\n },\n commentSection: {\n borderBottom: `1px solid ${theme.palette.background.paper}`,\n paddingBottom: theme.spacing(2),\n marginBottom: theme.spacing(2),\n marginLeft: 0,\n },\n };\n },\n { name: 'QetaArticle' },\n);\n\nexport const ArticleContent = (props: {\n post: PostResponse;\n views: number;\n}) => {\n const { post, views } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(post);\n const [postEntity, setPostEntity] = useState(post);\n const onCommentAction = (q: PostResponse, _?: AnswerResponse) => {\n setPostEntity(q);\n };\n\n if (post.type !== 'article') {\n return (\n <WarningPanel title=\"Not found\" message=\"Could not find the article\" />\n );\n }\n\n return (\n <>\n <Typography variant=\"h2\">{postEntity.title}</Typography>\n <Grid container alignItems=\"center\">\n <Grid item>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item>\n <Typography variant=\"subtitle1\">{name}</Typography>\n <Typography variant=\"caption\">\n {t('common.views', { count: views })} {' · '}\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={postEntity.created} />\n </Typography>\n </Grid>\n </Grid>\n <Grid container>\n <Grid item xs={12}>\n <ArticleButtons post={postEntity} />\n </Grid>\n </Grid>\n {postEntity.headerImage && (\n <img\n src={post.headerImage}\n alt={post.title}\n className={styles.headerImage}\n />\n )}\n <MarkdownRenderer\n content={postEntity.content}\n className={styles.content}\n showToc\n />\n <Typography variant=\"h6\">{t('common.comments')}</Typography>\n <CommentSection\n className={styles.commentSection}\n post={postEntity}\n onCommentAction={onCommentAction}\n />\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={postEntity} />\n </Grid>\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,16 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
+import 'react';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityAuthor } from '../../hooks/useEntityAuthor.esm.js';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { makeStyles, Box, Grid, Typography, Avatar } from '@material-ui/core';
 const useStyles = makeStyles(
@@ -35,41 +39,55 @@ const AuthorBox = (props) => {
   const { t } = useTranslation();
   const { name, initials, user } = useEntityAuthor(entity);
   const styles = useStyles();
-  return /* @__PURE__ */ React__default.createElement(Box, { className: `qetaAuthorBox ${styles.authorBox}` }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Box, { className: `qetaAuthorBox ${styles.authorBox}`, children: /* @__PURE__ */ jsxs(
     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 }))
-    )
-  ));
+      spacing: 0,
+      children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, style: { paddingBottom: 0 }, children: /* @__PURE__ */ jsxs(Typography, { className: "qetaAuthorBoxCreated", variant: "caption", children: [
+          t("authorBox.postedAtTime"),
+          " ",
+          /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: entity.created })
+        ] }) }),
+        entity.updated && entity.updatedBy && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 }, children: /* @__PURE__ */ jsxs(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption", children: [
+          t("authorBox.updatedAtTime"),
+          " ",
+          /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: entity.updated }),
+          " ",
+          t("authorBox.updatedBy"),
+          " ",
+          /* @__PURE__ */ jsx(UpdatedByLink, { entity })
+        ] }) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 2, style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            src: user?.spec?.profile?.picture,
+            className: "qetaAuthorBoxAvatar avatar",
+            alt: name,
+            variant: "rounded",
+            children: initials
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Grid,
+          {
+            item: true,
+            xs: 10,
+            style: {
+              paddingTop: 0,
+              textOverflow: "ellipsis",
+              overflow: "hidden",
+              whiteSpace: "nowrap"
+            },
+            children: /* @__PURE__ */ jsx(Box, { style: { paddingLeft: "5px" }, children: /* @__PURE__ */ jsx(AuthorLink, { entity }) })
+          }
+        )
+      ]
+    }
+  ) });
 };
 export { AuthorBox };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import ~~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';\nimport { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\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 { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(entity);\n const styles = useStyles();\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\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":"~~;;;;;;;;;;;AAWA~~,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,KAAO,EAAA,OAAA;AAAA,MACP,QAAU,EAAA,OAAA;AAAA,MACV,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,MAClD,WAAa,EAAA;AAAA,QACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACtB,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACvB,QAAU,EAAA;AAAA;AACZ,KACF;AAAA,IACA,UAAY,EAAA;AAAA,MACV,YAAc,EAAA,UAAA;AAAA,MACd,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA;AAAA;AACd,GACF,CAAA;AAAA,EACA,EAAE,MAAM,eAAgB;AAC1B,CAAA;AAEa,MAAA,SAAA,GAAY,CAAC,KAAqD,KAAA;AAC7E,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,MAAM,CAAA;AACvD,EAAA,MAAM,SAAS,SAAU,EAAA;AAEzB,EAAA,~~oDACG~~,GAAI,EAAA,EAAA,SAAA,EAAW,CAAiB,cAAA,EAAA,MAAA,CAAO,SAAS,CAC/C,CAAA,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,UAAW,EAAA,SAAA;AAAA,MACX,cAAe,EAAA,YAAA;AAAA,MACf,OAAS,EAAA;AAAA,~~KAAA~~;AAAA,~~oBAETA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,~~EAAI~~,EAAA,~~KAAA,EAAO,~~EAAE,~~aAAA~~,~~EAAe,CAAE,~~EAAA,~~EAAA~~,~~kBAC1CA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,sBAAA,EAAuB,~~OAAQ~~,EAAA,~~SAAA~~,EAAA,~~EAClD~~,CAAE,~~CAAA,~~wBAAwB,~~CAAG~~,~~EAAA~~,GAAA,~~kBAC7BA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~uBAAA,EAAA,EAAwB,KAAO,EAAA,MAAA,CAAO,OAAS,EAAA,~~CAClD~~,CACF,CAAA;AAAA,~~IACC~~,~~OAAO,OAAW,IAAA,~~MAAA,CAAO,~~6BACvBA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAA~~,~~IAAA~~,EAAA,~~EAAK~~,~~MAAI~~,IAAC,EAAA,EAAA,EAAI,~~IAAI~~,~~KAAO,~~EAAA,EAAE,~~eAAe~~,~~CAAG,~~EAAA,~~UAAA~~,~~EAAY~~,~~GACxD~~,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~cAAW~~,~~SAAU~~,EAAA,~~sBAAA~~,~~EAAuB~~,~~OAAQ~~,EAAA,~~SAAA~~,EAAA,~~EAClD~~,~~EAAE~~,yBAAyB,CAAA,~~EAAG~~,~~qBAC9BA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,uBAAA,EAAA,EAAwB,~~OAAO~~,~~MAAO~~,~~CAAA~~,~~OAAA~~,~~EAAS~~,~~GAAG,GAClD,~~EAAA,CAAA,~~CAAE~~,qBAAqB,~~CAAE~~,~~EAAA~~,GAAA~~,+CAAE~~,~~aAAc~~,~~EAAA~~,EAAA,~~MAAA~~,~~EAAgB~~,~~CAC5D,~~CACF,CAAA;AAAA,~~oBAEFA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,GAAG,KAAO,EAAA,EAAE,UAAY,EAAA,CAAA,EACrC,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~MAAC~~,MAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,~~QAC1B~~,SAAU,EAAA,4BAAA;AAAA,~~QACV~~,GAAK,EAAA,IAAA;AAAA,~~QACL~~,OAAQ,EAAA;AAAA,~~OAAA~~;AAAA~~,MAEP~~;AAAA,~~KAEL~~,CAAA;AAAA,~~oBACAA~~,~~cAAA,CAAA,aAAA~~;AAAA,~~MAAC~~,IAAA;AAAA,~~MAAA~~;AAAA,~~QACC~~,IAAI,EAAA,IAAA;AAAA,~~QACJ~~,EAAI,EAAA,EAAA;AAAA,~~QACJ~~,KAAO,EAAA;AAAA,~~UACL~~,UAAY,EAAA,CAAA;AAAA,~~UACZ~~,YAAc,EAAA,UAAA;AAAA,~~UACd~~,QAAU,EAAA,QAAA;AAAA,~~UACV~~,UAAY,EAAA;AAAA~~;AACd~~,~~OAAA~~;AAAA,~~sBAEAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAC,GAAI,EAAA,EAAA,KAAA,EAAO,EAAE,WAAA,EAAa,OACzB,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,UAAW,EAAA,EAAA,MAAA,EAAgB,CAC9B;AAAA;AACF,GAEJ,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import {\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';\nimport { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\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 { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(entity);\n const styles = useStyles();\n\n return (\n <Box className={`qetaAuthorBox ${styles.authorBox}`}>\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":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Button, Dialog, DialogTitle, DialogContent, Grid, DialogActions } from '@material-ui/core';
 import AddCircle from '@material-ui/icons/AddCircle';
 import RemoveCircle from '@material-ui/icons/RemoveCircle';
@@ -11,6 +12,9 @@ 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 AddToCollectionButton = (props) => {
   const { post } = props;
@@ -18,7 +22,7 @@ const AddToCollectionButton = (props) => {
   const { value: response, retry } = useQetaApi((api) => {
     return api.getCollections({ checkAccess: true });
   }, []);
-  const [open, setOpen] = React__default.useState(false);
+  const [open, setOpen] = useState(false);
   const qetaApi = useApi(qetaApiRef);
   const handleClickOpen = () => {
     setOpen(true);
@@ -41,30 +45,37 @@ const AddToCollectionButton = (props) => {
   if (!collections.length) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      variant: "contained",
-      size: "small",
-      onClick: handleClickOpen,
-      startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
-    },
-    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) => {
-    const isInCollection = collection.posts?.find(
-      (p) => p.id === post.id
-    );
-    return /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: collection.id }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
       Button,
       {
-        variant: "outlined",
-        startIcon: isInCollection ? /* @__PURE__ */ React__default.createElement(RemoveCircle, null) : /* @__PURE__ */ React__default.createElement(AddCircle, null),
-        color: isInCollection ? "secondary" : "primary",
-        onClick: () => handleClick(collection)
-      },
-      collection.title
-    ));
-  }))), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: handleClose, color: "primary" }, t("addToCollectionButton.close")))));
+        variant: "contained",
+        size: "small",
+        onClick: handleClickOpen,
+        startIcon: /* @__PURE__ */ jsx(PlayListAddIcon, {}),
+        children: t("addToCollectionButton.title")
+      }
+    ),
+    /* @__PURE__ */ jsxs(Dialog, { open, onClose: handleClose, fullWidth: true, children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: t("addToCollectionButton.manage") }),
+      /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(Grid, { container: true, children: collections.map((collection) => {
+        const isInCollection = collection.posts?.find(
+          (p) => p.id === post.id
+        );
+        return /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outlined",
+            startIcon: isInCollection ? /* @__PURE__ */ jsx(RemoveCircle, {}) : /* @__PURE__ */ jsx(AddCircle, {}),
+            color: isInCollection ? "secondary" : "primary",
+            onClick: () => handleClick(collection),
+            children: collection.title
+          }
+        ) }, collection.id);
+      }) }) }),
+      /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(Button, { onClick: handleClose, color: "primary", children: t("addToCollectionButton.close") }) })
+    ] })
+  ] });
 };
 export { AddToCollectionButton };