@drodil/backstage-plugin-qeta-react 3.22.0 → 3.24.0

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

@@ -1,68 +1,23 @@
 import React__default from 'react';
-import { Link } from '@backstage/core-components';
-import { useApi } from '@backstage/core-plugin-api';
-import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
-import { AuthorLink } from '../Links/Links.esm.js';
-import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
-import { qetaApiRef } from '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import { makeStyles, Box, Divider, Typography } from '@material-ui/core';
+import { Box, Divider } from '@material-ui/core';
+import { CommentListItem } from './CommentListItem.esm.js';
 
-const useStyles = makeStyles(
-  () => ({
-    root: {},
-    box: {
-      padding: "0.5em"
-    },
-    content: {
-      display: "inline",
-      "& *:last-child": {
-        display: "inline"
-      }
-    }
-  }),
-  { name: "QetaCommentList" }
-);
 const CommentList = (props) => {
-  const { question, answer, onCommentDelete } = props;
-  const entity = answer ?? question;
-  const qetaApi = useApi(qetaApiRef);
-  const { t } = useTranslation();
-  const styles = useStyles();
-  const deleteComment = (id) => {
-    if (answer) {
-      qetaApi.deleteAnswerComment(question.id, answer.id, id).then((a) => {
-        onCommentDelete(question, a);
-        return;
-      });
-    }
-    qetaApi.deletePostComment(question.id, id).then((q) => onCommentDelete(q));
-  };
+  const { post, answer, onCommentAction } = props;
+  const entity = answer ?? post;
   if (!entity.comments || entity.comments.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(Box, { className: styles.root }, 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(Box, { className: styles.box }, /* @__PURE__ */ React__default.createElement(
-      MarkdownRenderer,
+  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,
       {
-        content: c.content,
-        className: styles.content
+        comment: c,
+        onCommentAction,
+        post,
+        answer
       }
-    ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption", className: "qetaCommentMetadata" }, " \u2013 ", /* @__PURE__ */ React__default.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: c.created }), c.canDelete && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, " / ", /* @__PURE__ */ React__default.createElement(
-      Link,
-      {
-        underline: "none",
-        to: "#",
-        className: "qetaCommentDeleteBtn",
-        onClick: () => deleteComment(c.id)
-      },
-      t("commentList.deleteLink")
-    )))));
+    ));
   }));
 };
 

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 { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\nimport { Box, Divider, makeStyles, Typography } from '@material-ui/core';\n\nexport type QetaCommentListClassKey = 'content' | 'root' | 'box';\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 CommentList = (props: {\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  question: PostResponse;\n  answer?: AnswerResponse;\n}) => {\n  const { question, answer, onCommentDelete } = props;\n  const entity = answer ?? question;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const deleteComment = (id: number) => {\n    if (answer) {\n      qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n        onCommentDelete(question, a);\n        return;\n      });\n    }\n    qetaApi.deletePostComment(question.id, id).then(q => onCommentDelete(q));\n  };\n\n  if (!entity.comments || entity.comments.length === 0) {\n    return null;\n  }\n\n  return (\n    <Box className={styles.root}>\n      {entity.comments?.map((c, i) => {\n        return (\n          <div key={c.id}>\n            {i > 0 && <Divider />}\n            <Box className={styles.box}>\n              <MarkdownRenderer\n                content={c.content}\n                className={styles.content}\n              />\n              <Typography variant=\"caption\" className=\"qetaCommentMetadata\">\n                {' – '}\n                <AuthorLink entity={c} />{' '}\n                <RelativeTimeWithTooltip value={c.created} />\n                {c.canDelete && (\n                  <>\n                    {' / '}\n                    <Link\n                      underline=\"none\"\n                      to=\"#\"\n                      className=\"qetaCommentDeleteBtn\"\n                      onClick={() => deleteComment(c.id)}\n                    >\n                      {t('commentList.deleteLink')}\n                    </Link>\n                  </>\n                )}\n              </Typography>\n            </Box>\n          </div>\n        );\n      })}\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"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;;;;"}

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

@@ -0,0 +1,100 @@
+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 { useApi } from '@backstage/core-plugin-api';
+import { qetaApiRef } from '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
+import 'react-use/lib/useAsync';
+import { CommentForm } from './CommentForm.esm.js';
+
+const useStyles = makeStyles(
+  () => ({
+    root: {},
+    box: {
+      padding: "0.5em"
+    },
+    content: {
+      display: "inline",
+      "& *:last-child": {
+        display: "inline"
+      }
+    }
+  }),
+  { name: "QetaCommentList" }
+);
+const CommentListItem = (props) => {
+  const { t } = useTranslation();
+  const { comment, onCommentAction, post, answer } = props;
+  const qetaApi = useApi(qetaApiRef);
+  const [posting, setPosting] = React__default.useState(false);
+  const styles = useStyles();
+  const [editing, setEditing] = useState(false);
+  const deleteComment = (id) => {
+    if (answer) {
+      qetaApi.deleteAnswerComment(post.id, answer.id, id).then((a) => {
+        onCommentAction(post, a);
+      });
+      return;
+    }
+    qetaApi.deletePostComment(post.id, id).then((q) => onCommentAction(q));
+  };
+  const saveComment = (data) => {
+    setPosting(true);
+    if (answer) {
+      qetaApi.updateAnswerComment(post.id, answer.id, comment.id, data.content).then((a) => {
+        setEditing(false);
+        setPosting(false);
+        onCommentAction(post, a);
+      });
+      return;
+    }
+    qetaApi.updatePostComment(post.id, comment.id, data.content).then((q) => {
+      setEditing(false);
+      setPosting(false);
+      onCommentAction(q);
+    });
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, { className: styles.box }, editing ? /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    CommentForm,
+    {
+      submit: saveComment,
+      saveButtonTitle: t("commentList.save"),
+      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")
+  )))));
+};
+
+export { CommentListItem };
+//# sourceMappingURL=CommentListItem.esm.js.map

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

@@ -0,0 +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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"}

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

@@ -1,12 +1,10 @@
 import React__default, { useState, useEffect } from 'react';
 import { makeStyles, Box, Grid, Button } from '@material-ui/core';
 import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
-import { useForm, Controller } from 'react-hook-form';
-import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
+import { useAnalytics, useApi } from '@backstage/core-plugin-api';
 import { CommentList } from './CommentList.esm.js';
 import { qetaApiRef } from '../../api.esm.js';
 import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
-import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
 import 'react-use';
 import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
@@ -15,6 +13,7 @@ import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
 import AddCommentIcon from '@material-ui/icons/AddComment';
 import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
+import { CommentForm } from './CommentForm.esm.js';
 
 const useStyles = makeStyles(
   () => ({
@@ -26,15 +25,13 @@ const useStyles = makeStyles(
   { name: "QetaCommentSection" }
 );
 const CommentSection = (props) => {
-  const { answer, post, onCommentPost, onCommentDelete } = props;
+  const { answer, post, onCommentAction } = props;
   const analytics = useAnalytics();
   const qetaApi = useApi(qetaApiRef);
-  const configApi = useApi(configApiRef);
   const [posting, setPosting] = React__default.useState(false);
   const [formVisible, setFormVisible] = useState(false);
   const [edited, setEdited] = React__default.useState(false);
   const { t } = useTranslation();
-  const { handleSubmit, control, reset } = useForm({});
   const styles = useStyles();
   const postComment = (data) => {
     setPosting(true);
@@ -42,20 +39,18 @@ const CommentSection = (props) => {
       qetaApi.commentAnswer(post.id, answer.id, data.content).then((a) => {
         setFormVisible(false);
         analytics.captureEvent("comment", "answer");
-        reset();
         setPosting(false);
         setEdited(false);
-        onCommentPost(post, a);
+        onCommentAction(post, a);
       });
       return;
     }
     qetaApi.commentPost(post.id, data.content).then((q) => {
       setFormVisible(false);
       analytics.captureEvent("comment", post.type);
-      reset();
       setPosting(false);
       setEdited(false);
-      onCommentPost(q);
+      onCommentAction(q);
     });
   };
   useEffect(() => {
@@ -70,9 +65,9 @@ const CommentSection = (props) => {
     /* @__PURE__ */ React__default.createElement(
       CommentList,
       {
-        question: post,
+        post,
         answer,
-        onCommentDelete
+        onCommentAction
       }
     ),
     /* @__PURE__ */ React__default.createElement(
@@ -91,49 +86,12 @@ const CommentSection = (props) => {
         t("commentSection.addComment")
       ))),
       formVisible && /* @__PURE__ */ React__default.createElement(
-        "form",
+        CommentForm,
         {
-          onSubmit: handleSubmit(postComment),
-          onChange: () => {
-            setEdited(true);
-          },
-          className: "qetaCommentForm"
-        },
-        /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(
-          Controller,
-          {
-            control,
-            defaultValue: "",
-            rules: {
-              required: true
-            },
-            render: ({ field: { onChange, value } }) => /* @__PURE__ */ React__default.createElement(
-              MarkdownEditor,
-              {
-                config: configApi,
-                autoFocus: true,
-                value,
-                onChange,
-                height: 100,
-                disablePreview: true,
-                disableAttachments: true,
-                disableToolbar: true
-              }
-            ),
-            name: "content"
-          }
-        )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
-          Button,
-          {
-            variant: "contained",
-            size: "small",
-            className: "qetaCommentBtn",
-            type: "submit",
-            color: "primary",
-            disabled: posting
-          },
-          t("commentSection.post")
-        )))
+          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, { useEffect, 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 { Controller, useForm } from 'react-hook-form';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\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  onCommentPost: (question: PostResponse, answer?: AnswerResponse) => void;\n  onCommentDelete: (question: PostResponse, answer?: AnswerResponse) => void;\n  post: PostResponse;\n  answer?: AnswerResponse;\n  className?: string;\n}) => {\n  const { answer, post, onCommentPost, onCommentDelete } = props;\n  const analytics = useAnalytics();\n  const qetaApi = useApi(qetaApiRef);\n  const configApi = useApi(configApiRef);\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 { handleSubmit, control, reset } = useForm<{ content: string }>({});\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        reset();\n        setPosting(false);\n        setEdited(false);\n        onCommentPost(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      reset();\n      setPosting(false);\n      setEdited(false);\n      onCommentPost(q);\n    });\n  };\n\n  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [edited]);\n\n  return (\n    <Box\n      marginLeft={9}\n      className={`${styles.root} ${props.className} qetaCommentSection`}\n    >\n      <CommentList\n        question={post}\n        answer={answer}\n        onCommentDelete={onCommentDelete}\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          <form\n            onSubmit={handleSubmit(postComment)}\n            onChange={() => {\n              setEdited(true);\n            }}\n            className=\"qetaCommentForm\"\n          >\n            <Grid container>\n              <Grid item xs={11}>\n                <Controller\n                  control={control}\n                  defaultValue=\"\"\n                  rules={{\n                    required: true,\n                  }}\n                  render={({ field: { onChange, value } }) => (\n                    <MarkdownEditor\n                      config={configApi}\n                      autoFocus\n                      value={value}\n                      onChange={onChange}\n                      height={100}\n                      disablePreview\n                      disableAttachments\n                      disableToolbar\n                    />\n                  )}\n                  name=\"content\"\n                />\n              </Grid>\n              <Grid item xs={1}>\n                <Button\n                  variant=\"contained\"\n                  size=\"small\"\n                  className=\"qetaCommentBtn\"\n                  type=\"submit\"\n                  color=\"primary\"\n                  disabled={posting}\n                >\n                  {t('commentSection.post')}\n                </Button>\n              </Grid>\n            </Grid>\n          </form>\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 React, { useEffect, 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 { confirmNavigationIfEdited } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport AddCommentIcon from '@material-ui/icons/AddComment';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\nimport { CommentForm } from './CommentForm.tsx';\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  useEffect(() => {\n    return confirmNavigationIfEdited(edited);\n  }, [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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"}

package/dist/components/FilterPanel/DateRangeFilter.esm.js

@@ -14,7 +14,7 @@ const useStyles = makeStyles(
   (theme) => ({
     root: {},
     textInput: {
-      minWidth: "200px",
+      minWidth: "230px",
       marginTop: theme.spacing(2),
       marginBottom: theme.spacing(2)
     }

package/dist/components/FilterPanel/DateRangeFilter.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '200px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\n);\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\n        >\n          <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n          <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n          <MenuItem value=\"30-days\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '230px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\n);\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\n        >\n          <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n          <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n          <MenuItem value=\"30-days\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/FilterPanel/FilterPanel.esm.js

@@ -254,7 +254,7 @@ const FilterPanel = (props) => {
     EntitiesInput,
     {
       disabled: starredEntities || ownedEntities,
-      style: { minWidth: "200px" },
+      style: { width: "230px" },
       onChange: (newEntities) => {
         const entityRefs = (newEntities ?? []).map(
           (e) => stringifyEntityRef(e)
@@ -290,7 +290,7 @@ const FilterPanel = (props) => {
   )))), showTagFilter && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
     TagInput,
     {
-      style: { minWidth: "200px" },
+      style: { width: "230px" },
       onChange: (newTags) => onChange({ key: "tags", value: newTags }),
       value: filters.tags,
       hideHelpText: true,

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  IconButton,\n  makeStyles,\n  Radio,\n  RadioGroup,\n  Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'dateRange',\n  'tags',\n  'tagsRelation',\n  'entities',\n  'entitiesRelation',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n  entities?: string[];\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  entitiesRelation?: 'and' | 'or';\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface CommonFilterPanelProps {\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n  extends CommonFilterPanelProps {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      padding: '1em',\n      paddingTop: '2em',\n      marginTop: '1em',\n      border: `1px solid ${theme.palette.divider}`,\n    },\n  }),\n  { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const { t } = useTranslation();\n  const [entities, setEntities] = React.useState<Entity[] | undefined>(\n    undefined,\n  );\n  const [starredEntities, setStarredEntities] = React.useState(false);\n  const [ownedEntities, setOwnedEntities] = React.useState(false);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = (checked: boolean) => {\n    setStarredEntities(checked);\n    setEntities([]);\n    if (checked) {\n      onChange({\n        key: 'entities',\n        value: [...starredEntitiesApi.starredEntities],\n      });\n    } else {\n      onChange({ key: 'entities', value: [] });\n    }\n  };\n\n  const handleOwnedEntities = (checked: boolean) => {\n    setOwnedEntities(checked);\n    setEntities([]);\n    if (checked) {\n      identityApi.getBackstageIdentity().then(identity => {\n        catalogApi\n          .getEntities({\n            filter: {\n              'spec.owner': identity.ownershipEntityRefs,\n            },\n            fields: ['kind', 'metadata.name', 'metadata.namespace'],\n          })\n          .then(data => {\n            const entityRefs = data.items.map(e => stringifyEntityRef(e));\n            onChange([\n              { key: 'entities', value: entityRefs },\n              { key: 'entitiesRelation', value: 'or' },\n            ]);\n          });\n      });\n    } else {\n      onChange([\n        { key: 'entities', value: [] },\n        { key: 'entitiesRelation', value: 'and' },\n      ]);\n    }\n  };\n\n  useEffect(() => {\n    if (filters.entities) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: filters.entities,\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          setEntities(compact(data.items));\n        });\n    }\n  }, [catalogApi, filters.entities]);\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box className={styles.root}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1em',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ minWidth: '200px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ minWidth: '200px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  IconButton,\n  makeStyles,\n  Radio,\n  RadioGroup,\n  Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'dateRange',\n  'tags',\n  'tagsRelation',\n  'entities',\n  'entitiesRelation',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n  entities?: string[];\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  entitiesRelation?: 'and' | 'or';\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface CommonFilterPanelProps {\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n  extends CommonFilterPanelProps {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      padding: '1em',\n      paddingTop: '2em',\n      marginTop: '1em',\n      border: `1px solid ${theme.palette.divider}`,\n    },\n  }),\n  { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const { t } = useTranslation();\n  const [entities, setEntities] = React.useState<Entity[] | undefined>(\n    undefined,\n  );\n  const [starredEntities, setStarredEntities] = React.useState(false);\n  const [ownedEntities, setOwnedEntities] = React.useState(false);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = (checked: boolean) => {\n    setStarredEntities(checked);\n    setEntities([]);\n    if (checked) {\n      onChange({\n        key: 'entities',\n        value: [...starredEntitiesApi.starredEntities],\n      });\n    } else {\n      onChange({ key: 'entities', value: [] });\n    }\n  };\n\n  const handleOwnedEntities = (checked: boolean) => {\n    setOwnedEntities(checked);\n    setEntities([]);\n    if (checked) {\n      identityApi.getBackstageIdentity().then(identity => {\n        catalogApi\n          .getEntities({\n            filter: {\n              'spec.owner': identity.ownershipEntityRefs,\n            },\n            fields: ['kind', 'metadata.name', 'metadata.namespace'],\n          })\n          .then(data => {\n            const entityRefs = data.items.map(e => stringifyEntityRef(e));\n            onChange([\n              { key: 'entities', value: entityRefs },\n              { key: 'entitiesRelation', value: 'or' },\n            ]);\n          });\n      });\n    } else {\n      onChange([\n        { key: 'entities', value: [] },\n        { key: 'entitiesRelation', value: 'and' },\n      ]);\n    }\n  };\n\n  useEffect(() => {\n    if (filters.entities) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: filters.entities,\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          setEntities(compact(data.items));\n        });\n    }\n  }, [catalogApi, filters.entities]);\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box className={styles.root}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1em',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ width: '230px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ width: '230px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":["React"],"mappings":"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"}