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

package/dist/components/CommentSection/CommentList.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Box, Divider } from '@material-ui/core';
 import { CommentListItem } from './CommentListItem.esm.js';
 
@@ -8,17 +8,20 @@ const CommentList = (props) => {
   if (!entity.comments || entity.comments.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Box, null, entity.comments?.map((c, i) => {
-    return /* @__PURE__ */ React__default.createElement("div", { key: c.id }, i > 0 && /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(
-      CommentListItem,
-      {
-        comment: c,
-        onCommentAction,
-        post,
-        answer
-      }
-    ));
-  }));
+  return /* @__PURE__ */ jsx(Box, { children: entity.comments?.map((c, i) => {
+    return /* @__PURE__ */ jsxs("div", { children: [
+      i > 0 && /* @__PURE__ */ jsx(Divider, {}),
+      /* @__PURE__ */ jsx(
+        CommentListItem,
+        {
+          comment: c,
+          onCommentAction,
+          post,
+          answer
+        }
+      )
+    ] }, c.id);
+  }) });
 };
 
 export { CommentList };

package/dist/components/CommentSection/CommentList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { Box, Divider } from '@material-ui/core';\nimport { CommentListItem } from './CommentListItem.tsx';\n\nexport type QetaCommentListClassKey = 'content' | 'root' | 'box';\n\nexport const CommentList = (props: {\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { post, answer, onCommentAction } = props;\n  const entity = answer ?? post;\n\n  if (!entity.comments || entity.comments.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box>\n      {entity.comments?.map((c, i) => {\n        return (\n          <div key={c.id}>\n            {i > 0 && <Divider />}\n            <CommentListItem\n              comment={c}\n              onCommentAction={onCommentAction}\n              post={post}\n              answer={answer}\n            />\n          </div>\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":";;;;AAUa,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA;AAC1C,EAAA,MAAM,SAAS,MAAU,IAAA,IAAA;AAEzB,EAAA,IAAI,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACpD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,oDACG,GACE,EAAA,IAAA,EAAA,MAAA,CAAO,UAAU,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AAC9B,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAI,GAAK,EAAA,CAAA,CAAE,MACT,CAAI,GAAA,CAAA,oBAAMA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAQ,CACnB,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,CAAA;AAAA,QACT,eAAA;AAAA,QACA,IAAA;AAAA,QACA;AAAA;AAAA,KAEJ,CAAA;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider } from '@material-ui/core';\nimport { CommentListItem } from './CommentListItem.tsx';\n\nexport type QetaCommentListClassKey = 'content' | 'root' | 'box';\n\nexport const CommentList = (props: {\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { post, answer, onCommentAction } = props;\n  const entity = answer ?? post;\n\n  if (!entity.comments || entity.comments.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box>\n      {entity.comments?.map((c, i) => {\n        return (\n          <div key={c.id}>\n            {i > 0 && <Divider />}\n            <CommentListItem\n              comment={c}\n              onCommentAction={onCommentAction}\n              post={post}\n              answer={answer}\n            />\n          </div>\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AASa,MAAA,WAAA,GAAc,CAAC,KAItB,KAAA;AACJ,EAAA,MAAM,EAAE,IAAA,EAAM,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA;AAC1C,EAAA,MAAM,SAAS,MAAU,IAAA,IAAA;AAEzB,EAAA,IAAI,CAAC,MAAO,CAAA,QAAA,IAAY,MAAO,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACpD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,2BACG,GACE,EAAA,EAAA,QAAA,EAAA,MAAA,CAAO,UAAU,GAAI,CAAA,CAAC,GAAG,CAAM,KAAA;AAC9B,IAAA,4BACG,KACE,EAAA,EAAA,QAAA,EAAA;AAAA,MAAI,CAAA,GAAA,CAAA,wBAAM,OAAQ,EAAA,EAAA,CAAA;AAAA,sBACnB,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,CAAA;AAAA,UACT,eAAA;AAAA,UACA,IAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAAA,EAPQ,EAAE,EAQZ,CAAA;AAAA,GAEH,CACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentListItem.esm.js

@@ -1,9 +1,11 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { makeStyles, Box, Typography } from '@material-ui/core';
 import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
 import { AuthorLink } from '../Links/Links.esm.js';
 import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
 import { Link } from '@backstage/core-components';
-import React__default, { useState } from 'react';
+import * as React from 'react';
+import { useState } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
 import 'react-use';
@@ -12,6 +14,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 { CommentForm } from './CommentForm.esm.js';
 
 const useStyles = makeStyles(
@@ -33,7 +38,7 @@ const CommentListItem = (props) => {
   const { t } = useTranslation();
   const { comment, onCommentAction, post, answer } = props;
   const qetaApi = useApi(qetaApiRef);
-  const [posting, setPosting] = React__default.useState(false);
+  const [posting, setPosting] = React.useState(false);
   const styles = useStyles();
   const [editing, setEditing] = useState(false);
   const deleteComment = (id) => {
@@ -61,7 +66,7 @@ const CommentListItem = (props) => {
       onCommentAction(q);
     });
   };
-  return /* @__PURE__ */ React__default.createElement(Box, { className: styles.box }, editing ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Box, { className: styles.box, children: editing ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     CommentForm,
     {
       submit: saveComment,
@@ -69,31 +74,47 @@ const CommentListItem = (props) => {
       defaultValues: { content: comment.content },
       disabled: posting
     }
-  )) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
-    MarkdownRenderer,
-    {
-      content: comment.content,
-      className: styles.content
-    }
-  ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", className: "qetaCommentMetadata" }, " \u2013 ", /* @__PURE__ */ React__default.createElement(AuthorLink, { entity: comment }), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: comment.created }), comment.canEdit && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, " / ", /* @__PURE__ */ React__default.createElement(
-    Link,
-    {
-      underline: "none",
-      to: "#",
-      className: "qetaCommentEditBtn",
-      onClick: () => setEditing(true)
-    },
-    t("commentList.editLink")
-  )), comment.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, " / ", /* @__PURE__ */ React__default.createElement(
-    Link,
-    {
-      underline: "none",
-      to: "#",
-      className: "qetaCommentDeleteBtn",
-      onClick: () => deleteComment(comment.id)
-    },
-    t("commentList.deleteLink")
-  )))));
+  ) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      MarkdownRenderer,
+      {
+        content: comment.content,
+        className: styles.content
+      }
+    ),
+    /* @__PURE__ */ jsxs(Typography, { variant: "caption", className: "qetaCommentMetadata", children: [
+      " \u2013 ",
+      /* @__PURE__ */ jsx(AuthorLink, { entity: comment }),
+      " ",
+      /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: comment.created }),
+      comment.canEdit && /* @__PURE__ */ jsxs(Fragment, { children: [
+        " / ",
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            underline: "none",
+            to: "#",
+            className: "qetaCommentEditBtn",
+            onClick: () => setEditing(true),
+            children: t("commentList.editLink")
+          }
+        )
+      ] }),
+      comment.canDelete && /* @__PURE__ */ jsxs(Fragment, { children: [
+        " / ",
+        /* @__PURE__ */ jsx(
+          Link,
+          {
+            underline: "none",
+            to: "#",
+            className: "qetaCommentDeleteBtn",
+            onClick: () => deleteComment(comment.id),
+            children: t("commentList.deleteLink")
+          }
+        )
+      ] })
+    ] })
+  ] }) });
 };
 
 export { CommentListItem };

package/dist/components/CommentSection/CommentListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport React, { useState } from 'react';\nimport { useTranslation } from '../../hooks';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {},\n    box: {\n      padding: '0.5em',\n    },\n    content: {\n      display: 'inline',\n      '& *:last-child': {\n        display: 'inline',\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslation();\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(post.id, answer.id, id).then(a => {\n        onCommentAction(post, a);\n      });\n      return;\n    }\n    qetaApi.deletePostComment(post.id, id).then(q => onCommentAction(q));\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .then(a => {\n          setEditing(false);\n          setPosting(false);\n          onCommentAction(post, a);\n        });\n      return;\n    }\n    qetaApi.updatePostComment(post.id, comment.id, data.content).then(q => {\n      setEditing(false);\n      setPosting(false);\n      onCommentAction(q);\n    });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n            {' – '}\n            <AuthorLink entity={comment} />{' '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentEditBtn\"\n                  onClick={() => setEditing(true)}\n                >\n                  {t('commentList.editLink')}\n                </Link>\n              </>\n            )}\n            {comment.canDelete && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentDeleteBtn\"\n                  onClick={() => deleteComment(comment.id)}\n                >\n                  {t('commentList.deleteLink')}\n                </Link>\n              </>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CommentListItem.esm.js","sources":["../../../src/components/CommentSection/CommentListItem.tsx"],"sourcesContent":["import { Box, makeStyles, Typography } from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { AuthorLink } from '../Links';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { Link } from '@backstage/core-components';\nimport { useState } from 'react';\nimport * as React from 'react';\nimport { useTranslation } from '../../hooks';\nimport {\n  AnswerResponse,\n  Comment,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api.ts';\nimport { CommentForm } from './CommentForm.tsx';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {},\n    box: {\n      padding: '0.5em',\n    },\n    content: {\n      display: 'inline',\n      '& *:last-child': {\n        display: 'inline',\n      },\n    },\n  }),\n  { name: 'QetaCommentList' },\n);\n\nexport const CommentListItem = (props: {\n  comment: Comment;\n  onCommentAction: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { t } = useTranslation();\n  const { comment, onCommentAction, post, answer } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const styles = useStyles();\n  const [editing, setEditing] = useState(false);\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(post.id, answer.id, id).then(a => {\n        onCommentAction(post, a);\n      });\n      return;\n    }\n    qetaApi.deletePostComment(post.id, id).then(q => onCommentAction(q));\n  };\n\n  const saveComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi\n        .updateAnswerComment(post.id, answer.id, comment.id, data.content)\n        .then(a => {\n          setEditing(false);\n          setPosting(false);\n          onCommentAction(post, a);\n        });\n      return;\n    }\n    qetaApi.updatePostComment(post.id, comment.id, data.content).then(q => {\n      setEditing(false);\n      setPosting(false);\n      onCommentAction(q);\n    });\n  };\n\n  return (\n    <Box className={styles.box}>\n      {editing ? (\n        <>\n          <CommentForm\n            submit={saveComment}\n            saveButtonTitle={t('commentList.save')}\n            defaultValues={{ content: comment.content }}\n            disabled={posting}\n          />\n        </>\n      ) : (\n        <>\n          <MarkdownRenderer\n            content={comment.content}\n            className={styles.content}\n          />\n          <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n            {' – '}\n            <AuthorLink entity={comment} />{' '}\n            <RelativeTimeWithTooltip value={comment.created} />\n            {comment.canEdit && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentEditBtn\"\n                  onClick={() => setEditing(true)}\n                >\n                  {t('commentList.editLink')}\n                </Link>\n              </>\n            )}\n            {comment.canDelete && (\n              <>\n                {' / '}\n                <Link\n                  underline=\"none\"\n                  to=\"#\"\n                  className=\"qetaCommentDeleteBtn\"\n                  onClick={() => deleteComment(comment.id)}\n                >\n                  {t('commentList.deleteLink')}\n                </Link>\n              </>\n            )}\n          </Typography>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,OAAO;AAAA,IACL,MAAM,EAAC;AAAA,IACP,GAAK,EAAA;AAAA,MACH,OAAS,EAAA;AAAA,KACX;AAAA,IACA,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,QAAA;AAAA,MACT,gBAAkB,EAAA;AAAA,QAChB,OAAS,EAAA;AAAA;AACX;AACF,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAkB;AAC5B,CAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAK1B,KAAA;AACJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,EAAE,OAAA,EAAS,eAAiB,EAAA,IAAA,EAAM,QAAW,GAAA,KAAA;AACnD,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AAClD,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,KAAK,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAC5D,QAAA,eAAA,CAAgB,MAAM,CAAC,CAAA;AAAA,OACxB,CAAA;AACD,MAAA;AAAA;AAEF,IAAQ,OAAA,CAAA,iBAAA,CAAkB,KAAK,EAAI,EAAA,EAAE,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA;AAAA,GACrE;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,IAA8B,KAAA;AACjD,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI,MAAQ,EAAA;AACV,MACG,OAAA,CAAA,mBAAA,CAAoB,IAAK,CAAA,EAAA,EAAI,MAAO,CAAA,EAAA,EAAI,OAAQ,CAAA,EAAA,EAAI,IAAK,CAAA,OAAO,CAChE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA;AACT,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,UAAA,CAAW,KAAK,CAAA;AAChB,QAAA,eAAA,CAAgB,MAAM,CAAC,CAAA;AAAA,OACxB,CAAA;AACH,MAAA;AAAA;AAEF,IAAQ,OAAA,CAAA,iBAAA,CAAkB,KAAK,EAAI,EAAA,OAAA,CAAQ,IAAI,IAAK,CAAA,OAAO,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA;AACrE,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,KAClB,CAAA;AAAA,GACH;AAEA,EAAA,2BACG,GAAI,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,GAAA,EACpB,oCAEG,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA,WAAA;AAAA,MACR,eAAA,EAAiB,EAAE,kBAAkB,CAAA;AAAA,MACrC,aAAe,EAAA,EAAE,OAAS,EAAA,OAAA,CAAQ,OAAQ,EAAA;AAAA,MAC1C,QAAU,EAAA;AAAA;AAAA,GACZ,EACF,oBAGE,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,OAAQ,CAAA,OAAA;AAAA,QACjB,WAAW,MAAO,CAAA;AAAA;AAAA,KACpB;AAAA,oBACC,IAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,SAAA,EAAU,WAAU,qBACrC,EAAA,QAAA,EAAA;AAAA,MAAA,UAAA;AAAA,sBACD,GAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,OAAS,EAAA,CAAA;AAAA,MAAG,GAAA;AAAA,sBAC/B,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,OAAA,CAAQ,OAAS,EAAA,CAAA;AAAA,MAChD,OAAA,CAAQ,2BAEJ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,wBACD,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,MAAA;AAAA,YACV,EAAG,EAAA,GAAA;AAAA,YACH,SAAU,EAAA,oBAAA;AAAA,YACV,OAAA,EAAS,MAAM,UAAA,CAAW,IAAI,CAAA;AAAA,YAE7B,YAAE,sBAAsB;AAAA;AAAA;AAC3B,OACF,EAAA,CAAA;AAAA,MAED,OAAA,CAAQ,6BAEJ,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,wBACD,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,MAAA;AAAA,YACV,EAAG,EAAA,GAAA;AAAA,YACH,SAAU,EAAA,sBAAA;AAAA,YACV,OAAS,EAAA,MAAM,aAAc,CAAA,OAAA,CAAQ,EAAE,CAAA;AAAA,YAEtC,YAAE,wBAAwB;AAAA;AAAA;AAC7B,OACF,EAAA;AAAA,KAEJ,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentSection.esm.js

@@ -1,4 +1,6 @@
-import React__default, { useState } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { useState } from 'react';
 import { makeStyles, Box, Grid, Button } from '@material-ui/core';
 import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
 import { useAnalytics, useApi } from '@backstage/core-plugin-api';
@@ -10,6 +12,8 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
 import AddCommentIcon from '@material-ui/icons/AddComment';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
 import { CommentForm } from './CommentForm.esm.js';
@@ -28,9 +32,9 @@ const CommentSection = (props) => {
   const { answer, post, onCommentAction } = props;
   const analytics = useAnalytics();
   const qetaApi = useApi(qetaApiRef);
-  const [posting, setPosting] = React__default.useState(false);
+  const [posting, setPosting] = React.useState(false);
   const [formVisible, setFormVisible] = useState(false);
-  const [edited, setEdited] = React__default.useState(false);
+  const [edited, setEdited] = React.useState(false);
   const { t } = useTranslation();
   const styles = useStyles();
   const postComment = (data) => {
@@ -54,44 +58,48 @@ const CommentSection = (props) => {
     });
   };
   useConfirmNavigationIfEdited(edited);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     Box,
     {
       marginLeft: 9,
-      className: `${styles.root} ${props.className} qetaCommentSection`
-    },
-    /* @__PURE__ */ React__default.createElement(
-      CommentList,
-      {
-        post,
-        answer,
-        onCommentAction
-      }
-    ),
-    /* @__PURE__ */ React__default.createElement(
-      OptionalRequirePermission,
-      {
-        permission: qetaCreateCommentPermission,
-        errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)
-      },
-      !formVisible && /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "flex-end" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-        Button,
-        {
-          size: "small",
-          startIcon: /* @__PURE__ */ React__default.createElement(AddCommentIcon, null),
-          onClick: () => setFormVisible(true)
-        },
-        t("commentSection.addComment")
-      ))),
-      formVisible && /* @__PURE__ */ React__default.createElement(
-        CommentForm,
-        {
-          submit: postComment,
-          saveButtonTitle: t("commentSection.post"),
-          disabled: posting
-        }
-      )
-    )
+      className: `${styles.root} ${props.className} qetaCommentSection`,
+      children: [
+        /* @__PURE__ */ jsx(
+          CommentList,
+          {
+            post,
+            answer,
+            onCommentAction
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          OptionalRequirePermission,
+          {
+            permission: qetaCreateCommentPermission,
+            errorPage: /* @__PURE__ */ jsx(Fragment, {}),
+            children: [
+              !formVisible && /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "flex-end", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  size: "small",
+                  startIcon: /* @__PURE__ */ jsx(AddCommentIcon, {}),
+                  onClick: () => setFormVisible(true),
+                  children: t("commentSection.addComment")
+                }
+              ) }) }),
+              formVisible && /* @__PURE__ */ jsx(
+                CommentForm,
+                {
+                  submit: postComment,
+                  saveButtonTitle: t("commentSection.post"),
+                  disabled: posting
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport React, { useState } from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey = 'root' | 'addCommentButton';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      marginTop: '1em',\n    },\n    addCommentButton: {},\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentAction } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = React.useState(false);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        setPosting(false);\n        setEdited(false);\n        onCommentAction(post, a);\n      });\n      return;\n    }\n\n    qetaApi.commentPost(post.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', post.type);\n      setPosting(false);\n      setEdited(false);\n      onCommentAction(q);\n    });\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  return (\n    <Box\n      marginLeft={9}\n      className={`${styles.root} ${props.className} qetaCommentSection`}\n    >\n      <CommentList\n        post={post}\n        answer={answer}\n        onCommentAction={onCommentAction}\n      />\n      <OptionalRequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                startIcon={<AddCommentIcon />}\n                onClick={() => setFormVisible(true)}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <CommentForm\n            submit={postComment}\n            saveButtonTitle={t('commentSection.post')}\n            disabled={posting}\n          />\n        )}\n      </OptionalRequirePermission>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\nimport { useState } from 'react';\n\nimport * as React from 'react';\nimport { Box, Button, Grid, makeStyles } from '@material-ui/core';\nimport {\n  AnswerResponse,\n  PostResponse,\n  qetaCreateCommentPermission,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\nimport { useConfirmNavigationIfEdited } from '../../utils';\n\nexport type QetaCommentSectionClassKey = 'root' | 'addCommentButton';\n\nconst useStyles = makeStyles(\n  () => ({\n    root: {\n      marginTop: '1em',\n    },\n    addCommentButton: {},\n  }),\n  { name: 'QetaCommentSection' },\n);\n\nexport const CommentSection = (props: {\n  onCommentAction: (post: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentAction } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const [posting, setPosting] = React.useState(false);\n  const [formVisible, setFormVisible] = useState(false);\n  const [edited, setEdited] = React.useState(false);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const postComment = (data: { content: string }) => {\n    setPosting(true);\n    if (answer) {\n      qetaApi.commentAnswer(post.id, answer.id, data.content).then(a => {\n        setFormVisible(false);\n        analytics.captureEvent('comment', 'answer');\n        setPosting(false);\n        setEdited(false);\n        onCommentAction(post, a);\n      });\n      return;\n    }\n\n    qetaApi.commentPost(post.id, data.content).then(q => {\n      setFormVisible(false);\n      analytics.captureEvent('comment', post.type);\n      setPosting(false);\n      setEdited(false);\n      onCommentAction(q);\n    });\n  };\n\n  useConfirmNavigationIfEdited(edited);\n\n  return (\n    <Box\n      marginLeft={9}\n      className={`${styles.root} ${props.className} qetaCommentSection`}\n    >\n      <CommentList\n        post={post}\n        answer={answer}\n        onCommentAction={onCommentAction}\n      />\n      <OptionalRequirePermission\n        permission={qetaCreateCommentPermission}\n        errorPage={<></>}\n      >\n        {!formVisible && (\n          <Grid container justifyContent=\"flex-end\">\n            <Grid item>\n              <Button\n                size=\"small\"\n                startIcon={<AddCommentIcon />}\n                onClick={() => setFormVisible(true)}\n              >\n                {t('commentSection.addComment')}\n              </Button>\n            </Grid>\n          </Grid>\n        )}\n        {formVisible && (\n          <CommentForm\n            submit={postComment}\n            saveButtonTitle={t('commentSection.post')}\n            disabled={posting}\n          />\n        )}\n      </OptionalRequirePermission>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DeleteModal/DeleteModal.esm.js

@@ -1,7 +1,8 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Modal, Backdrop, Typography, Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import DeleteIcon from '@material-ui/icons/Delete';
-import React__default from 'react';
+import { useState } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
 import { qetaApiRef } from '../../api.esm.js';
@@ -11,13 +12,16 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import { ModalContent } from '../Utility/ModalContent.esm.js';
 
 const DeleteModal = (props) => {
   const qetaApi = useApi(qetaApiRef);
   const navigate = useNavigate();
   const { entity, open, question, onClose } = props;
-  const [error, setError] = React__default.useState(false);
+  const [error, setError] = useState(false);
   const { t } = useTranslation();
   const isQuestion = "title" in entity;
   const isCollection = "owner" in entity;
@@ -73,7 +77,7 @@ const DeleteModal = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Modal,
     {
       open,
@@ -85,27 +89,32 @@ const DeleteModal = (props) => {
       BackdropComponent: Backdrop,
       BackdropProps: {
         timeout: 500
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(ModalContent, null, error && /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("deleteModal.errorDeleting")), /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        id: "modal-modal-title",
-        className: "qetaDeleteModalTitle",
-        variant: "h6",
-        component: "h2"
       },
-      title
-    ), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        onClick: handleDelete,
-        className: "qetaDeleteModalDeleteBtn",
-        startIcon: /* @__PURE__ */ React__default.createElement(DeleteIcon, null),
-        color: "secondary"
-      },
-      t("deleteModal.deleteButton")
-    ), /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, t("deleteModal.cancelButton")))
+      children: /* @__PURE__ */ jsxs(ModalContent, { children: [
+        error && /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("deleteModal.errorDeleting") }),
+        /* @__PURE__ */ jsx(
+          Typography,
+          {
+            id: "modal-modal-title",
+            className: "qetaDeleteModalTitle",
+            variant: "h6",
+            component: "h2",
+            children: title
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: handleDelete,
+            className: "qetaDeleteModalDeleteBtn",
+            startIcon: /* @__PURE__ */ jsx(DeleteIcon, {}),
+            color: "secondary",
+            children: t("deleteModal.deleteButton")
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn", children: t("deleteModal.cancelButton") })
+      ] })
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { entity, open, question, onClose } = props;\n  const [error, setError] = React.useState(false);\n  const { t } = useTranslation();\n  const isQuestion = 'title' in entity;\n  const isCollection = 'owner' in entity;\n  const isTag = 'tag' in entity;\n\n  const getTitle = () => {\n    if (isCollection) {\n      return t('deleteModal.title.collection');\n    }\n    if (isTag) {\n      return t('deleteModal.title.tag');\n    }\n    if (isQuestion) {\n      return t('deleteModal.title.question');\n    }\n    return t('deleteModal.title.answer');\n  };\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = getTitle();\n\n  const handleDelete = () => {\n    if (isCollection) {\n      qetaApi\n        .deleteCollection(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(-1);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTag) {\n      qetaApi\n        .deleteTag(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(-1);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            window.location.reload();\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["React","Delete"],"mappings":"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"}
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { ModalContent } from '../Utility/ModalContent';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const navigate = useNavigate();\n  const { entity, open, question, onClose } = props;\n  const [error, setError] = useState(false);\n  const { t } = useTranslation();\n  const isQuestion = 'title' in entity;\n  const isCollection = 'owner' in entity;\n  const isTag = 'tag' in entity;\n\n  const getTitle = () => {\n    if (isCollection) {\n      return t('deleteModal.title.collection');\n    }\n    if (isTag) {\n      return t('deleteModal.title.tag');\n    }\n    if (isQuestion) {\n      return t('deleteModal.title.question');\n    }\n    return t('deleteModal.title.answer');\n  };\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = getTitle();\n\n  const handleDelete = () => {\n    if (isCollection) {\n      qetaApi\n        .deleteCollection(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(-1);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTag) {\n      qetaApi\n        .deleteTag(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(-1);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            window.location.reload();\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <ModalContent>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </ModalContent>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}

package/dist/components/EntitiesGrid/EntitiesGrid.esm.js

@@ -1,5 +1,6 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Box, Grid, Typography } from '@material-ui/core';
-import React__default, { useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
 import '@backstage/core-plugin-api';
 import '../../api.esm.js';
@@ -8,17 +9,20 @@ 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 useDebounce from 'react-use/lib/useDebounce';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { EntitiesGridContent } from './EntitiesGridContent.esm.js';
 import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 
 const EntitiesGrid = () => {
-  const [page, setPage] = React__default.useState(1);
-  const [pageCount, setPageCount] = React__default.useState(1);
-  const [entitiesPerPage, setEntitiesPerPage] = React__default.useState(25);
-  const [searchQuery, setSearchQuery] = React__default.useState("");
-  const [filters, setFilters] = React__default.useState({
+  const [page, setPage] = useState(1);
+  const [pageCount, setPageCount] = useState(1);
+  const [entitiesPerPage, setEntitiesPerPage] = useState(25);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [filters, setFilters] = useState({
     order: "desc",
     searchQuery: ""
   });
@@ -53,30 +57,35 @@ const EntitiesGrid = () => {
       setPageCount(Math.ceil(response.total / entitiesPerPage));
     }
   }, [response, entitiesPerPage]);
-  return /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
-    SearchBar,
-    {
-      onSearch: onSearchQueryChange,
-      label: t("entitiesPage.search.label"),
-      loading
-    }
-  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6", className: "qetaCollectionsContainerdCount" }, t("common.entities", { count: response?.total ?? 0 })))), /* @__PURE__ */ React__default.createElement(
-    EntitiesGridContent,
-    {
-      response,
-      loading,
-      error
-    }
-  ), response && response?.total > 0 && /* @__PURE__ */ React__default.createElement(
-    QetaPagination,
-    {
-      pageSize: entitiesPerPage,
-      handlePageChange: (_e, p) => setPage(p),
-      handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
-      page,
-      pageCount
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "space-between", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
+      SearchBar,
+      {
+        onSearch: onSearchQueryChange,
+        label: t("entitiesPage.search.label"),
+        loading
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "space-between", children: response && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "qetaCollectionsContainerdCount", children: t("common.entities", { count: response?.total ?? 0 }) }) }) }),
+    /* @__PURE__ */ jsx(
+      EntitiesGridContent,
+      {
+        response,
+        loading,
+        error
+      }
+    ),
+    response && response?.total > 0 && /* @__PURE__ */ jsx(
+      QetaPagination,
+      {
+        pageSize: entitiesPerPage,
+        handlePageChange: (_e, p) => setPage(p),
+        handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
+        page,
+        pageCount
+      }
+    )
+  ] });
 };
 
 export { EntitiesGrid };

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getEntities({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <Box>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('entitiesPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography variant=\"h6\" className=\"qetaCollectionsContainerdCount\">\n              {t('common.entities', { count: response?.total ?? 0 })}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n      <EntitiesGridContent\n        response={response}\n        loading={loading}\n        error={error}\n      />\n      {response && response?.total > 0 && (\n        <QetaPagination\n          pageSize={entitiesPerPage}\n          handlePageChange={(_e, p) => setPage(p)}\n          handlePageSizeChange={e => setEntitiesPerPage(Number(e.target.value))}\n          page={page}\n          pageCount={pageCount}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@material-ui/core';\nimport { useState, useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { SearchBar } from '../SearchBar/SearchBar';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getEntities({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  return (\n    <Box>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('entitiesPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography variant=\"h6\" className=\"qetaCollectionsContainerdCount\">\n              {t('common.entities', { count: response?.total ?? 0 })}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n      <EntitiesGridContent\n        response={response}\n        loading={loading}\n        error={error}\n      />\n      {response && response?.total > 0 && (\n        <QetaPagination\n          pageSize={entitiesPerPage}\n          handlePageChange={(_e, p) => setPage(p)}\n          handlePageSizeChange={e => setEntitiesPerPage(Number(e.target.value))}\n          page={page}\n          pageCount={pageCount}\n        />\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}