@drodil/backstage-plugin-qeta-react 3.35.1 → 3.36.0

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

@@ -0,0 +1,47 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import LinkIcon from '@material-ui/icons/Link';
+import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
+import { LinkButton } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { createLinkRouteRef } from '../../routes.esm.js';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { Box } from '@material-ui/core';
+import { OptionalRequirePermission } from '../Utility/OptionalRequirePermission.esm.js';
+
+const CreateLinkButton = (props) => {
+  const { entity, entityPage, tags } = props;
+  const linkRoute = useRouteRef(createLinkRouteRef);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const params = new URLSearchParams();
+  if (entity) {
+    params.set("entity", entity);
+  }
+  if (entityPage) {
+    params.set("entityPage", "true");
+  }
+  if (tags && tags.length > 0) {
+    params.set("tags", tags.join(","));
+  }
+  return /* @__PURE__ */ jsx(
+    OptionalRequirePermission,
+    {
+      permission: qetaCreatePostPermission,
+      errorPage: /* @__PURE__ */ jsx(Fragment, {}),
+      children: /* @__PURE__ */ jsx(Box, { sx: { marginLeft: 2 }, children: /* @__PURE__ */ jsx(
+        LinkButton,
+        {
+          size: "small",
+          variant: "contained",
+          to: entity || tags ? `${linkRoute()}?${params.toString()}` : linkRoute(),
+          color: "primary",
+          startIcon: /* @__PURE__ */ jsx(LinkIcon, {}),
+          children: t("createLinkButton.title")
+        }
+      ) })
+    }
+  );
+};
+
+export { CreateLinkButton };
+//# sourceMappingURL=CreateLinkButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateLinkButton.esm.js","sources":["../../../src/components/Buttons/CreateLinkButton.tsx"],"sourcesContent":["import LinkIcon from '@material-ui/icons/Link';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { createLinkRouteRef } from '../../routes';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box } from '@material-ui/core';\nimport { OptionalRequirePermission } from '../Utility/OptionalRequirePermission';\n\nexport const CreateLinkButton = (props: {\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const { entity, entityPage, tags } = props;\n  const linkRoute = useRouteRef(createLinkRouteRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const params = new URLSearchParams();\n  if (entity) {\n    params.set('entity', entity);\n  }\n  if (entityPage) {\n    params.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    params.set('tags', tags.join(','));\n  }\n\n  return (\n    <OptionalRequirePermission\n      permission={qetaCreatePostPermission}\n      errorPage={<></>}\n    >\n      <Box sx={{ marginLeft: 2 }}>\n        <LinkButton\n          size=\"small\"\n          variant=\"contained\"\n          to={\n            entity || tags ? `${linkRoute()}?${params.toString()}` : linkRoute()\n          }\n          color=\"primary\"\n          startIcon={<LinkIcon />}\n        >\n          {t('createLinkButton.title')}\n        </LinkButton>\n      </Box>\n    </OptionalRequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAUa,MAAA,gBAAA,GAAmB,CAAC,KAI3B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA;AACrC,EAAM,MAAA,SAAA,GAAY,YAAY,kBAAkB,CAAA;AAChD,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA;AAAA;AAE7B,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA;AAAA;AAEjC,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AAGnC,EACE,uBAAA,GAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,wBAAA;AAAA,MACZ,2BAAa,GAAA,CAAA,QAAA,EAAA,EAAA,CAAA;AAAA,MAEb,8BAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,UAAA,EAAY,GACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAK,EAAA,OAAA;AAAA,UACL,OAAQ,EAAA,WAAA;AAAA,UACR,EAAA,EACE,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,SAAU,EAAA;AAAA,UAErE,KAAM,EAAA,SAAA;AAAA,UACN,SAAA,sBAAY,QAAS,EAAA,EAAA,CAAA;AAAA,UAEpB,YAAE,wBAAwB;AAAA;AAAA,OAE/B,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { Tooltip, IconButton } from '@material-ui/core';
+import OpenLinkIcon from '@material-ui/icons/OpenInNew';
+import { qetaApiRef } from '../../api.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+
+const OpenLinkButton = (props) => {
+  const { entity } = props;
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const handleClick = (event) => {
+    event.stopPropagation();
+    qetaApi.clickLink(entity.id);
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { title: t("link.open"), children: /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      component: "a",
+      href: entity.url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      "aria-label": t("link.open"),
+      size: "small",
+      onClick: handleClick,
+      children: /* @__PURE__ */ jsx(OpenLinkIcon, {})
+    }
+  ) });
+};
+
+export { OpenLinkButton };
+//# sourceMappingURL=OpenLinkButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OpenLinkButton.esm.js","sources":["../../../src/components/Buttons/OpenLinkButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport OpenLinkIcon from '@material-ui/icons/OpenInNew';\nimport { qetaApiRef } from '../../api.ts';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const OpenLinkButton = (props: { entity: PostResponse }) => {\n  const { entity } = props;\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n  ) => {\n    event.stopPropagation();\n    qetaApi.clickLink(entity.id);\n  };\n\n  return (\n    <Tooltip title={t('link.open')}>\n      <IconButton\n        component=\"a\"\n        href={entity.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        aria-label={t('link.open')}\n        size=\"small\"\n        onClick={handleClick}\n      >\n        <OpenLinkIcon />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAQa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAM,MAAA,WAAA,GAAc,CAClB,KACG,KAAA;AACH,IAAA,KAAA,CAAM,eAAgB,EAAA;AACtB,IAAQ,OAAA,CAAA,SAAA,CAAU,OAAO,EAAE,CAAA;AAAA,GAC7B;AAEA,EAAA,uBACG,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,WAAW,CAC3B,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,GAAA;AAAA,MACV,MAAM,MAAO,CAAA,GAAA;AAAA,MACb,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA,qBAAA;AAAA,MACJ,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,WAAA;AAAA,MAET,8BAAC,YAAa,EAAA,EAAA;AAAA;AAAA,GAElB,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { selectByPostType } from '@drodil/backstage-plugin-qeta-common';
 import { Modal, Backdrop, Typography, TextField, Button } from '@material-ui/core';
 import { Alert } from '@material-ui/lab';
 import DeleteIcon from '@material-ui/icons/Delete';
@@ -9,7 +10,7 @@ import { qetaApiRef } from '../../api.esm.js';
 import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { ModalContent } from '../Utility/ModalContent.esm.js';
-import { collectionsRouteRef, tagsRouteRef, questionsRouteRef, articlesRouteRef } from '../../routes.esm.js';
+import { collectionsRouteRef, tagsRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef } from '../../routes.esm.js';
 
 const DeleteModal = (props) => {
   const qetaApi = useApi(qetaApiRef);
@@ -19,6 +20,7 @@ const DeleteModal = (props) => {
   const tagsRoute = useRouteRef(tagsRouteRef);
   const questionsRoute = useRouteRef(questionsRouteRef);
   const articlesRoute = useRouteRef(articlesRouteRef);
+  const linksRoute = useRouteRef(linksRouteRef);
   const { entity, open, question, onClose, onDelete } = props;
   const [error, setError] = useState(false);
   const [reason, setReason] = useState(void 0);
@@ -76,12 +78,22 @@ const DeleteModal = (props) => {
           onClose();
           onDelete?.(entity);
           alertApi.post({
-            message: entity.type === "question" ? t("deleteModal.questionDeleted") : t("deleteModal.articleDeleted"),
+            message: selectByPostType(
+              entity.type,
+              t("deleteModal.questionDeleted"),
+              t("deleteModal.articleDeleted"),
+              t("deleteModal.linkDeleted")
+            ),
             severity: "success",
             display: "transient"
           });
           navigate(
-            entity.type === "question" ? questionsRoute() : articlesRoute()
+            selectByPostType(
+              entity.type,
+              questionsRoute(),
+              articlesRoute(),
+              linksRoute()
+            )
           );
         } else {
           setError(true);

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 {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  questionsRouteRef,\n  tagsRouteRef,\n} from '../../routes.ts';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n  onDelete?: (\n    entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse,\n  ) => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const { entity, open, question, onClose, onDelete } = props;\n  const [error, setError] = useState(false);\n  const [reason, setReason] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\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, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.collectionDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(collectionsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTag) {\n      qetaApi\n        .deleteTag(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.tagDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(tagsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message:\n                entity.type === 'question'\n                  ? t('deleteModal.questionDeleted')\n                  : t('deleteModal.articleDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(\n              entity.type === 'question' ? questionsRoute() : articlesRoute(),\n            );\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.answerDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\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        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('deleteModal.reason')}\n          id=\"reason\"\n          fullWidth\n          value={reason}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setReason(e.target.value);\n          }}\n        />\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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"}
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n  selectByPostType,\n  TagResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Backdrop,\n  Button,\n  Modal,\n  TextField,\n  Typography,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport { useState } from 'react';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { ModalContent } from '../Utility/ModalContent';\nimport {\n  articlesRouteRef,\n  collectionsRouteRef,\n  linksRouteRef,\n  questionsRouteRef,\n  tagsRouteRef,\n} from '../../routes.ts';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n  onDelete?: (\n    entity: PostResponse | AnswerResponse | CollectionResponse | TagResponse,\n  ) => void;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const tagsRoute = useRouteRef(tagsRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const linksRoute = useRouteRef(linksRouteRef);\n  const { entity, open, question, onClose, onDelete } = props;\n  const [error, setError] = useState(false);\n  const [reason, setReason] = useState<undefined | string>(undefined);\n  const { t } = useTranslationRef(qetaTranslationRef);\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, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.collectionDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(collectionsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isTag) {\n      qetaApi\n        .deleteTag(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.tagDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(tagsRoute());\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: selectByPostType(\n                entity.type,\n                t('deleteModal.questionDeleted'),\n                t('deleteModal.articleDeleted'),\n                t('deleteModal.linkDeleted'),\n              ),\n              severity: 'success',\n              display: 'transient',\n            });\n            navigate(\n              selectByPostType(\n                entity.type,\n                questionsRoute(),\n                articlesRoute(),\n                linksRoute(),\n              ),\n            );\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id, reason)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            onDelete?.(entity);\n            alertApi.post({\n              message: t('deleteModal.answerDeleted'),\n              severity: 'success',\n              display: 'transient',\n            });\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        <TextField\n          variant=\"outlined\"\n          multiline\n          style={{ marginTop: 16 }}\n          minRows={4}\n          label={t('deleteModal.reason')}\n          id=\"reason\"\n          fullWidth\n          value={reason}\n          InputLabelProps={{ shrink: true }}\n          onChange={e => {\n            setReason(e.target.value);\n          }}\n        />\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/FaviconItem/FaviconItem.esm.js

@@ -0,0 +1,42 @@
+import { jsx } from 'react/jsx-runtime';
+import { qetaApiRef } from '../../api.esm.js';
+import { useApi } from '@backstage/core-plugin-api';
+
+const FaviconItem = (props) => {
+  const { entity } = props;
+  const { url } = entity;
+  const qetaApi = useApi(qetaApiRef);
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: url,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      style: { display: "inline-block", marginRight: 8 },
+      onClick: (event) => {
+        event.stopPropagation();
+        qetaApi.clickLink(entity.id);
+      },
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: `https://www.google.com/s2/favicons?domain=${encodeURIComponent(
+            url ?? ""
+          )}&sz=16`,
+          alt: "favicon",
+          width: 16,
+          height: 16,
+          style: {
+            display: "inline-block",
+            verticalAlign: "middle",
+            objectFit: "contain",
+            marginBottom: 5
+          }
+        }
+      )
+    }
+  );
+};
+
+export { FaviconItem };
+//# sourceMappingURL=FaviconItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FaviconItem.esm.js","sources":["../../../src/components/FaviconItem/FaviconItem.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { qetaApiRef } from '../../api.ts';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const FaviconItem = (props: { entity: PostResponse }) => {\n  const { entity } = props;\n  const { url } = entity;\n  const qetaApi = useApi(qetaApiRef);\n\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      style={{ display: 'inline-block', marginRight: 8 }}\n      onClick={event => {\n        event.stopPropagation();\n        qetaApi.clickLink(entity.id);\n      }}\n    >\n      <img\n        src={`https://www.google.com/s2/favicons?domain=${encodeURIComponent(\n          url ?? '',\n        )}&sz=16`}\n        alt=\"favicon\"\n        width={16}\n        height={16}\n        style={{\n          display: 'inline-block',\n          verticalAlign: 'middle',\n          objectFit: 'contain',\n          marginBottom: 5,\n        }}\n      />\n    </a>\n  );\n};\n"],"names":[],"mappings":";;;;AAIa,MAAA,WAAA,GAAc,CAAC,KAAoC,KAAA;AAC9D,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA;AACnB,EAAM,MAAA,EAAE,KAAQ,GAAA,MAAA;AAChB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AAEjC,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,GAAA;AAAA,MACN,MAAO,EAAA,QAAA;AAAA,MACP,GAAI,EAAA,qBAAA;AAAA,MACJ,KAAO,EAAA,EAAE,OAAS,EAAA,cAAA,EAAgB,aAAa,CAAE,EAAA;AAAA,MACjD,SAAS,CAAS,KAAA,KAAA;AAChB,QAAA,KAAA,CAAM,eAAgB,EAAA;AACtB,QAAQ,OAAA,CAAA,SAAA,CAAU,OAAO,EAAE,CAAA;AAAA,OAC7B;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,KAAK,CAA6C,0CAAA,EAAA,kBAAA;AAAA,YAChD,GAAO,IAAA;AAAA,WACR,CAAA,MAAA,CAAA;AAAA,UACD,GAAI,EAAA,SAAA;AAAA,UACJ,KAAO,EAAA,EAAA;AAAA,UACP,MAAQ,EAAA,EAAA;AAAA,UACR,KAAO,EAAA;AAAA,YACL,OAAS,EAAA,cAAA;AAAA,YACT,aAAe,EAAA,QAAA;AAAA,YACf,SAAW,EAAA,SAAA;AAAA,YACX,YAAc,EAAA;AAAA;AAChB;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -186,7 +186,7 @@ const FilterPanel = (props) => {
         children: [
           (postFilters || answerFilters) && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(FormGroup, { children: [
             /* @__PURE__ */ jsx(FormLabel, { id: "qeta-filter-quick", children: t("filterPanel.quickFilters.label") }),
-            postFilters && type !== "article" && /* @__PURE__ */ jsx(
+            postFilters && type === "question" && /* @__PURE__ */ jsx(
               FormControlLabel,
               {
                 control: /* @__PURE__ */ jsx(
@@ -221,7 +221,7 @@ const FilterPanel = (props) => {
                 label: t("filterPanel.drafts.label")
               }
             ),
-            (postFilters || answerFilters) && type !== "article" && /* @__PURE__ */ jsx(
+            (postFilters || answerFilters) && type === "question" && /* @__PURE__ */ jsx(
               FormControlLabel,
               {
                 control: /* @__PURE__ */ jsx(
@@ -236,7 +236,7 @@ const FilterPanel = (props) => {
                 label: t("filterPanel.noCorrectAnswers.label")
               }
             ),
-            (postFilters || answerFilters) && /* @__PURE__ */ jsx(
+            (postFilters || answerFilters) && type !== "link" && /* @__PURE__ */ jsx(
               FormControlLabel,
               {
                 control: /* @__PURE__ */ jsx(
@@ -300,10 +300,13 @@ const FilterPanel = (props) => {
                   postFilters && filters.collectionId !== void 0 && radioSelect("rank", t("filterPanel.orderBy.rank")),
                   radioSelect("created", t("filterPanel.orderBy.created")),
                   (postFilters || collectionFilters) && radioSelect("title", t("filterPanel.orderBy.title")),
-                  postFilters && radioSelect("views", t("filterPanel.orderBy.views")),
-                  (postFilters || answerFilters) && radioSelect("score", t("filterPanel.orderBy.score")),
+                  postFilters && type !== "link" && radioSelect("views", t("filterPanel.orderBy.views")),
+                  (postFilters || answerFilters) && radioSelect(
+                    "score",
+                    type !== "link" ? t("filterPanel.orderBy.score") : t("filterPanel.orderBy.clicks")
+                  ),
                   postFilters && radioSelect("trend", t("filterPanel.orderBy.trend")),
-                  postFilters && type !== "article" && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
+                  postFilters && type === "question" && radioSelect("answersCount", t("filterPanel.orderBy.answers")),
                   (postFilters || answerFilters) && radioSelect("updated", t("filterPanel.orderBy.updated"))
                 ]
               }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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 { useSearchParams } from 'react-router-dom';\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  'status',\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  status?: PostStatus;\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  status?: PostStatus;\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 } = useTranslationRef(qetaTranslationRef);\n  const [entities, setEntities] = useState<Entity[] | undefined>(undefined);\n  const [starredEntities, setStarredEntities] = useState(false);\n  const [ownedEntities, setOwnedEntities] = useState(false);\n  const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initializedRef = useRef(false);\n\n  // Initialize filters from URL parameters only once\n  useEffect(() => {\n    if (initializedRef.current) {\n      return;\n    }\n    initializedRef.current = true;\n\n    const changes: Change<T>[] = [];\n    searchParams.forEach((value, key) => {\n      if (!value) {\n        return;\n      }\n      if (filterKeys.includes(key as FilterKey)) {\n        if (key === 'tags' || key === 'entities') {\n          changes.push({ key: key as keyof T, value: value.split(',') });\n        } else {\n          changes.push({ key: key as keyof T, value });\n        }\n      }\n    });\n    if (changes.length > 0) {\n      onChange(changes);\n    }\n  }, [searchParams, onChange]);\n\n  // Handle owned entities\n  useEffect(() => {\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          setOwnedEntityRefs(entityRefs);\n        });\n    });\n  }, [catalogApi, identityApi]);\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\n    // Update URL parameters\n    setSearchParams(prev => {\n      const newParams = new URLSearchParams(prev);\n      if (\n        !value ||\n        value === 'false' ||\n        (Array.isArray(value) && value.length === 0)\n      ) {\n        newParams.delete(event.target.name);\n      } else if (Array.isArray(value)) {\n        newParams.set(event.target.name, value.join(','));\n      } else {\n        newParams.set(event.target.name, value);\n      }\n      return newParams;\n    });\n\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = useCallback(\n    (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    [onChange, starredEntitiesApi.starredEntities],\n  );\n\n  const handleOwnedEntities = useCallback(\n    (checked: boolean) => {\n      setOwnedEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange([\n          { key: 'entities', value: ownedEntityRefs },\n          { key: 'entitiesRelation', value: 'or' },\n        ]);\n      } else {\n        onChange([\n          { key: 'entities', value: [] },\n          { key: 'entitiesRelation', value: 'and' },\n        ]);\n      }\n    },\n    [onChange, ownedEntityRefs],\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 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"status\"\n                      onChange={e => {\n                        const newStatus = e.target.checked\n                          ? 'draft'\n                          : undefined;\n                        handleChange({\n                          target: { name: 'status', value: newStatus },\n                        });\n                      }}\n                      checked={filters.status === 'draft'}\n                    />\n                  }\n                  label={t('filterPanel.drafts.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              {entities && 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":[],"mappings":"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"}
+{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostStatus, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\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 { useSearchParams } from 'react-router-dom';\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  'status',\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  status?: PostStatus;\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  status?: PostStatus;\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 } = useTranslationRef(qetaTranslationRef);\n  const [entities, setEntities] = useState<Entity[] | undefined>(undefined);\n  const [starredEntities, setStarredEntities] = useState(false);\n  const [ownedEntities, setOwnedEntities] = useState(false);\n  const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initializedRef = useRef(false);\n\n  // Initialize filters from URL parameters only once\n  useEffect(() => {\n    if (initializedRef.current) {\n      return;\n    }\n    initializedRef.current = true;\n\n    const changes: Change<T>[] = [];\n    searchParams.forEach((value, key) => {\n      if (!value) {\n        return;\n      }\n      if (filterKeys.includes(key as FilterKey)) {\n        if (key === 'tags' || key === 'entities') {\n          changes.push({ key: key as keyof T, value: value.split(',') });\n        } else {\n          changes.push({ key: key as keyof T, value });\n        }\n      }\n    });\n    if (changes.length > 0) {\n      onChange(changes);\n    }\n  }, [searchParams, onChange]);\n\n  // Handle owned entities\n  useEffect(() => {\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          setOwnedEntityRefs(entityRefs);\n        });\n    });\n  }, [catalogApi, identityApi]);\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\n    // Update URL parameters\n    setSearchParams(prev => {\n      const newParams = new URLSearchParams(prev);\n      if (\n        !value ||\n        value === 'false' ||\n        (Array.isArray(value) && value.length === 0)\n      ) {\n        newParams.delete(event.target.name);\n      } else if (Array.isArray(value)) {\n        newParams.set(event.target.name, value.join(','));\n      } else {\n        newParams.set(event.target.name, value);\n      }\n      return newParams;\n    });\n\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = useCallback(\n    (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    [onChange, starredEntitiesApi.starredEntities],\n  );\n\n  const handleOwnedEntities = useCallback(\n    (checked: boolean) => {\n      setOwnedEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange([\n          { key: 'entities', value: ownedEntityRefs },\n          { key: 'entitiesRelation', value: 'or' },\n        ]);\n      } else {\n        onChange([\n          { key: 'entities', value: [] },\n          { key: 'entitiesRelation', value: 'and' },\n        ]);\n      }\n    },\n    [onChange, ownedEntityRefs],\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 === 'question' && (\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 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"status\"\n                      onChange={e => {\n                        const newStatus = e.target.checked\n                          ? 'draft'\n                          : undefined;\n                        handleChange({\n                          target: { name: 'status', value: newStatus },\n                        });\n                      }}\n                      checked={filters.status === 'draft'}\n                    />\n                  }\n                  label={t('filterPanel.drafts.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type === 'question' && (\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) && type !== 'link' && (\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                type !== 'link' &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect(\n                  'score',\n                  type !== 'link'\n                    ? t('filterPanel.orderBy.score')\n                    : t('filterPanel.orderBy.clicks'),\n                )}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type === 'question' &&\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              {entities && 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":[],"mappings":";;;;;;;;;;;;;;;;AAiCA,MAAM,WAAA,GAAc,CAAC,KAAA,EAAe,KAAkB,KAAA;AACpD,EACE,uBAAA,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,OAAS,kBAAA,GAAA,CAAC,KAAM,EAAA,EAAA,IAAA,EAAK,OAAQ,EAAA,CAAA;AAAA,MAC7B;AAAA;AAAA,GACF;AAEJ,CAAA;AAEO,MAAM,UAAa,GAAA;AAAA,EACxB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,WAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF;AAgDA,SAAS,cAAc,OAA0C,EAAA;AAC/D,EAAA,OAAQ,QAAwB,SAAc,KAAA,KAAA,CAAA;AAChD;AAEA,SAAS,gBAAgB,OAA4C,EAAA;AACnE,EAAA,OACG,OAA0B,CAAA,OAAA,KAAY,KACtC,CAAA,IAAA,OAAA,CAAwB,SAAc,KAAA,KAAA,CAAA;AAE3C;AAEA,SAAS,oBAAoB,OAAgD,EAAA;AAC3E,EAAA,OAAQ,QAAwB,SAAc,KAAA,KAAA,CAAA;AAChD;AAoBA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,OAAS,EAAA,KAAA;AAAA,MACT,UAAY,EAAA,KAAA;AAAA,MACZ,SAAW,EAAA,KAAA;AAAA,MACX,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA;AAC5C,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAkB;AAC5B,CAAA;AAEa,MAAA,WAAA,GAAc,CAAoB,KAA+B,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAmB,GAAA,IAAA;AAAA,IACnB,aAAgB,GAAA,IAAA;AAAA,IAChB;AAAA,GACE,GAAA,KAAA;AACJ,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAA+B,KAAS,CAAA,CAAA;AACxE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5D,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,KAAK,CAAA;AACxD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,qBAAqB,kBAAmB,EAAA;AAC9C,EAAM,MAAA,UAAA,GAAa,OAAO,aAAa,CAAA;AACvC,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AACzC,EAAA,MAAM,SAAS,SAAU,EAAA;AACzB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AACxD,EAAM,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA;AAGnC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,eAAe,OAAS,EAAA;AAC1B,MAAA;AAAA;AAEF,IAAA,cAAA,CAAe,OAAU,GAAA,IAAA;AAEzB,IAAA,MAAM,UAAuB,EAAC;AAC9B,IAAa,YAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AACnC,MAAA,IAAI,CAAC,KAAO,EAAA;AACV,QAAA;AAAA;AAEF,MAAI,IAAA,UAAA,CAAW,QAAS,CAAA,GAAgB,CAAG,EAAA;AACzC,QAAI,IAAA,GAAA,KAAQ,MAAU,IAAA,GAAA,KAAQ,UAAY,EAAA;AACxC,UAAQ,OAAA,CAAA,IAAA,CAAK,EAAE,GAAqB,EAAA,KAAA,EAAO,MAAM,KAAM,CAAA,GAAG,GAAG,CAAA;AAAA,SACxD,MAAA;AACL,UAAA,OAAA,CAAQ,IAAK,CAAA,EAAE,GAAqB,EAAA,KAAA,EAAO,CAAA;AAAA;AAC7C;AACF,KACD,CAAA;AACD,IAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,MAAA,QAAA,CAAS,OAAO,CAAA;AAAA;AAClB,GACC,EAAA,CAAC,YAAc,EAAA,QAAQ,CAAC,CAAA;AAG3B,EAAA,SAAA,CAAU,MAAM;AACd,IAAY,WAAA,CAAA,oBAAA,EAAuB,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA;AAClD,MAAA,UAAA,CACG,WAAY,CAAA;AAAA,QACX,MAAQ,EAAA;AAAA,UACN,cAAc,QAAS,CAAA;AAAA,SACzB;AAAA,QACA,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB;AAAA,OACvD,CACA,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA;AACZ,QAAA,MAAM,aAAa,IAAK,CAAA,KAAA,CAAM,IAAI,CAAK,CAAA,KAAA,kBAAA,CAAmB,CAAC,CAAC,CAAA;AAC5D,QAAA,kBAAA,CAAmB,UAAU,CAAA;AAAA,OAC9B,CAAA;AAAA,KACJ,CAAA;AAAA,GACA,EAAA,CAAC,UAAY,EAAA,WAAW,CAAC,CAAA;AAE5B,EAAM,MAAA,YAAA,GAAe,CAAC,KAOhB,KAAA;AACJ,IAAI,IAAA,KAAA,GAAQ,MAAM,MAAO,CAAA,KAAA;AACzB,IAAI,IAAA,KAAA,CAAM,MAAO,CAAA,IAAA,KAAS,UAAY,EAAA;AACpC,MAAQ,KAAA,GAAA,KAAA,CAAM,MAAO,CAAA,OAAA,GAAU,MAAS,GAAA,OAAA;AAAA;AAI1C,IAAA,eAAA,CAAgB,CAAQ,IAAA,KAAA;AACtB,MAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,IAAI,CAAA;AAC1C,MACE,IAAA,CAAC,KACD,IAAA,KAAA,KAAU,OACT,IAAA,KAAA,CAAM,QAAQ,KAAK,CAAA,IAAK,KAAM,CAAA,MAAA,KAAW,CAC1C,EAAA;AACA,QAAU,SAAA,CAAA,MAAA,CAAO,KAAM,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA,OACzB,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AAC/B,QAAA,SAAA,CAAU,IAAI,KAAM,CAAA,MAAA,CAAO,MAAM,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,OAC3C,MAAA;AACL,QAAA,SAAA,CAAU,GAAI,CAAA,KAAA,CAAM,MAAO,CAAA,IAAA,EAAM,KAAK,CAAA;AAAA;AAExC,MAAO,OAAA,SAAA;AAAA,KACR,CAAA;AAED,IAAA,QAAA,CAAS,EAAE,GAAK,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,EAAiB,OAAO,CAAA;AAAA,GACvD;AAEA,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,OAAqB,KAAA;AACpB,MAAA,kBAAA,CAAmB,OAAO,CAAA;AAC1B,MAAA,WAAA,CAAY,EAAE,CAAA;AACd,MAAA,IAAI,OAAS,EAAA;AACX,QAAS,QAAA,CAAA;AAAA,UACP,GAAK,EAAA,UAAA;AAAA,UACL,KAAO,EAAA,CAAC,GAAG,kBAAA,CAAmB,eAAe;AAAA,SAC9C,CAAA;AAAA,OACI,MAAA;AACL,QAAA,QAAA,CAAS,EAAE,GAAK,EAAA,UAAA,EAAY,KAAO,EAAA,IAAI,CAAA;AAAA;AACzC,KACF;AAAA,IACA,CAAC,QAAU,EAAA,kBAAA,CAAmB,eAAe;AAAA,GAC/C;AAEA,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAC1B,CAAC,OAAqB,KAAA;AACpB,MAAA,gBAAA,CAAiB,OAAO,CAAA;AACxB,MAAA,WAAA,CAAY,EAAE,CAAA;AACd,MAAA,IAAI,OAAS,EAAA;AACX,QAAS,QAAA,CAAA;AAAA,UACP,EAAE,GAAA,EAAK,UAAY,EAAA,KAAA,EAAO,eAAgB,EAAA;AAAA,UAC1C,EAAE,GAAA,EAAK,kBAAoB,EAAA,KAAA,EAAO,IAAK;AAAA,SACxC,CAAA;AAAA,OACI,MAAA;AACL,QAAS,QAAA,CAAA;AAAA,UACP,EAAE,GAAA,EAAK,UAAY,EAAA,KAAA,EAAO,EAAG,EAAA;AAAA,UAC7B,EAAE,GAAA,EAAK,kBAAoB,EAAA,KAAA,EAAO,KAAM;AAAA,SACzC,CAAA;AAAA;AACH,KACF;AAAA,IACA,CAAC,UAAU,eAAe;AAAA,GAC5B;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAQ,QAAU,EAAA;AACpB,MAAA,UAAA,CACG,iBAAkB,CAAA;AAAA,QACjB,YAAY,OAAQ,CAAA,QAAA;AAAA,QACpB,MAAQ,EAAA,CAAC,MAAQ,EAAA,eAAA,EAAiB,oBAAoB;AAAA,OACvD,CACA,CAAA,IAAA,CAAK,CAAQ,IAAA,KAAA;AACZ,QAAY,WAAA,CAAA,OAAA,CAAQ,IAAK,CAAA,KAAK,CAAC,CAAA;AAAA,OAChC,CAAA;AAAA;AACL,GACC,EAAA,CAAC,UAAY,EAAA,OAAA,CAAQ,QAAQ,CAAC,CAAA;AAEjC,EAAM,MAAA,WAAA,GAAc,cAAc,OAAO,CAAA;AACzC,EAAM,MAAA,aAAA,GAAgB,gBAAgB,OAAO,CAAA;AAC7C,EAAM,MAAA,iBAAA,GAAoB,oBAAoB,OAAO,CAAA;AAErD,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IACrB,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAS,EAAA,IAAA;AAAA,QACT,OAAS,EAAA,CAAA;AAAA,QACT,UAAW,EAAA,SAAA;AAAA,QACX,cAAe,EAAA,cAAA;AAAA,QAEb,QAAA,EAAA;AAAA,UAAA,CAAA,WAAA,IAAe,kCACd,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,+BAAC,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAU,EAAA,EAAA,EAAA,EAAG,mBACX,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CACrC,EAAA,CAAA;AAAA,YACC,WAAA,IAAe,SAAS,UACvB,oBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,WAAA;AAAA,oBACL,QAAU,EAAA,YAAA;AAAA,oBACV,OAAA,EAAS,QAAQ,SAAc,KAAA;AAAA;AAAA,iBACjC;AAAA,gBAEF,KAAA,EAAO,EAAE,6BAA6B;AAAA;AAAA,aACxC;AAAA,YAED,WACC,oBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,QAAA;AAAA,oBACL,UAAU,CAAK,CAAA,KAAA;AACb,sBAAA,MAAM,SAAY,GAAA,CAAA,CAAE,MAAO,CAAA,OAAA,GACvB,OACA,GAAA,KAAA,CAAA;AACJ,sBAAa,YAAA,CAAA;AAAA,wBACX,MAAQ,EAAA,EAAE,IAAM,EAAA,QAAA,EAAU,OAAO,SAAU;AAAA,uBAC5C,CAAA;AAAA,qBACH;AAAA,oBACA,OAAA,EAAS,QAAQ,MAAW,KAAA;AAAA;AAAA,iBAC9B;AAAA,gBAEF,KAAA,EAAO,EAAE,0BAA0B;AAAA;AAAA,aACrC;AAAA,YAEA,CAAA,WAAA,IAAe,aAAkB,KAAA,IAAA,KAAS,UAC1C,oBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,iBAAA;AAAA,oBACL,OAAA,EAAS,QAAQ,eAAoB,KAAA,MAAA;AAAA,oBACrC,QAAU,EAAA;AAAA;AAAA,iBACZ;AAAA,gBAEF,KAAA,EAAO,EAAE,oCAAoC;AAAA;AAAA,aAC/C;AAAA,YAEA,CAAA,WAAA,IAAe,aAAkB,KAAA,IAAA,KAAS,MAC1C,oBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,SAAA;AAAA,oBACL,OAAA,EAAS,QAAQ,OAAY,KAAA,MAAA;AAAA,oBAC7B,QAAU,EAAA;AAAA;AAAA,iBACZ;AAAA,gBAEF,KAAA,EAAO,EAAE,2BAA2B;AAAA;AAAA,aACtC;AAAA,YAED,kBAAA,CAAmB,eAAgB,CAAA,IAAA,GAAO,CACzC,oBAAA,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,iBAAA;AAAA,oBACL,QAAU,EAAA,CAAA,CAAA,KAAK,qBAAsB,CAAA,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,oBACrD,OAAS,EAAA;AAAA;AAAA,iBACX;AAAA,gBAEF,KAAA,EAAO,EAAE,mCAAmC;AAAA;AAAA,aAC9C;AAAA,4BAEF,GAAA;AAAA,cAAC,gBAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAK,EAAA,OAAA;AAAA,oBACL,IAAK,EAAA,eAAA;AAAA,oBACL,QAAU,EAAA,CAAA,CAAA,KAAK,mBAAoB,CAAA,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,oBACnD,OAAS,EAAA;AAAA;AAAA,iBACX;AAAA,gBAEF,KAAA,EAAO,EAAE,iCAAiC;AAAA;AAAA;AAC5C,WAAA,EACF,CACF,EAAA,CAAA;AAAA,0BAED,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,+BAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAU,EAAA,EAAA,EAAA,EAAG,sBACX,EAAA,QAAA,EAAA,CAAA,CAAE,2BAA2B,CAChC,EAAA,CAAA;AAAA,4BACA,IAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,iBAAgB,EAAA,sBAAA;AAAA,gBAChB,IAAK,EAAA,SAAA;AAAA,gBACL,OAAO,OAAQ,CAAA,OAAA;AAAA,gBACf,QAAU,EAAA,YAAA;AAAA,gBACV,KAAO,EAAA;AAAA,kBACL,OAAS,EAAA,MAAA;AAAA,kBACT,mBAAqB,EAAA,SAAA;AAAA,kBACrB,GAAK,EAAA;AAAA,iBACP;AAAA,gBAEC,QAAA,EAAA;AAAA,kBAAA,WAAA,IACC,QAAQ,YAAiB,KAAA,KAAA,CAAA,IACzB,YAAY,MAAQ,EAAA,CAAA,CAAE,0BAA0B,CAAC,CAAA;AAAA,kBAClD,WAAY,CAAA,SAAA,EAAW,CAAE,CAAA,6BAA6B,CAAC,CAAA;AAAA,kBAAA,CACtD,eAAe,iBACf,KAAA,WAAA,CAAY,OAAS,EAAA,CAAA,CAAE,2BAA2B,CAAC,CAAA;AAAA,kBACpD,eACC,IAAS,KAAA,MAAA,IACT,YAAY,OAAS,EAAA,CAAA,CAAE,2BAA2B,CAAC,CAAA;AAAA,kBAAA,CACnD,eAAe,aACf,KAAA,WAAA;AAAA,oBACE,OAAA;AAAA,oBACA,SAAS,MACL,GAAA,CAAA,CAAE,2BAA2B,CAAA,GAC7B,EAAE,4BAA4B;AAAA,mBACpC;AAAA,kBACD,WACC,IAAA,WAAA,CAAY,OAAS,EAAA,CAAA,CAAE,2BAA2B,CAAC,CAAA;AAAA,kBACpD,eACC,IAAS,KAAA,UAAA,IACT,YAAY,cAAgB,EAAA,CAAA,CAAE,6BAA6B,CAAC,CAAA;AAAA,kBAAA,CAC5D,eAAe,aACf,KAAA,WAAA,CAAY,SAAW,EAAA,CAAA,CAAE,6BAA6B,CAAC;AAAA;AAAA;AAAA;AAC3D,WAAA,EACF,CACF,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,+BAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAU,EAAA,EAAA,EAAA,EAAG,mBACX,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAC9B,EAAA,CAAA;AAAA,4BACA,IAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,iBAAgB,EAAA,mBAAA;AAAA,gBAChB,IAAK,EAAA,OAAA;AAAA,gBACL,OAAO,OAAQ,CAAA,KAAA;AAAA,gBACf,QAAU,EAAA,YAAA;AAAA,gBAET,QAAA,EAAA;AAAA,kBAAY,WAAA,CAAA,MAAA,EAAQ,CAAE,CAAA,wBAAwB,CAAC,CAAA;AAAA,kBAC/C,WAAY,CAAA,KAAA,EAAO,CAAE,CAAA,uBAAuB,CAAC;AAAA;AAAA;AAAA;AAChD,WAAA,EACF,CACF,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,wBACC,GAAI,EAAA,EAAA,OAAA,EAAQ,MACX,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,yBACC,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,UAAW,EAAA,SAAA,EAAU,gBAAe,cAClD,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,OAAO,OAAQ,CAAA,SAAA;AAAA,UACf,QAAA,EAAU,SAAO,QAAS,CAAA,EAAE,KAAK,WAAa,EAAA,KAAA,EAAO,KAAK;AAAA;AAAA,OAE9D,EAAA,CAAA;AAAA,MACC,gBAAA,oBACE,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,UAAA,EAAW,QACzB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,UAAU,eAAmB,IAAA,aAAA;AAAA,YAC7B,KAAA,EAAO,EAAE,KAAA,EAAO,OAAQ,EAAA;AAAA,YACxB,QAAA,EAAU,CAAC,WAA2B,KAAA;AACpC,cAAM,MAAA,UAAA,GAAA,CAAc,WAAe,IAAA,EAAI,EAAA,GAAA;AAAA,gBAAI,CAAA,CAAA,KACzC,mBAAmB,CAAC;AAAA,eACtB;AACA,cAAa,YAAA,CAAA;AAAA,gBACX,MAAQ,EAAA,EAAE,IAAM,EAAA,UAAA,EAAY,OAAO,UAAW;AAAA,eAC/C,CAAA;AACD,cAAA,WAAA,CAAY,WAAW,CAAA;AAAA,aACzB;AAAA,YACA,KAAO,EAAA,QAAA;AAAA,YACP,mBAAmB,EAAA,IAAA;AAAA,YACnB,YAAY,EAAA;AAAA;AAAA,SAEhB,EAAA,CAAA;AAAA,QACC,YAAY,QAAU,EAAA,MAAA,GAAS,qBAC7B,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,KAAA,EACE,QAAQ,gBAAqB,KAAA,IAAA,GACzB,EAAE,sCAAsC,CAAA,GACxC,EAAE,qCAAqC,CAAA;AAAA,YAG7C,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,UAAU,eAAmB,IAAA,aAAA;AAAA,gBAC7B,SAAS,MAAM;AACb,kBAAI,IAAA,OAAA,CAAQ,qBAAqB,IAAM,EAAA;AACrC,oBAAA,QAAA,CAAS,EAAE,GAAA,EAAK,kBAAoB,EAAA,KAAA,EAAO,OAAO,CAAA;AAAA,mBAC7C,MAAA;AACL,oBAAA,QAAA,CAAS,EAAE,GAAA,EAAK,kBAAoB,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA;AACnD,iBACF;AAAA,gBAEC,kBAAQ,gBAAqB,KAAA,IAAA,uBAC3B,UAAW,EAAA,EAAA,CAAA,uBAEX,qBAAsB,EAAA,EAAA;AAAA;AAAA;AAE3B;AAAA,SAEJ,EAAA;AAAA,OAAA,EAEJ,CACF,EAAA,CAAA;AAAA,MAED,aAAA,oBACE,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,+BAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,UAAA,EAAW,QACzB,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAE,KAAA,EAAO,OAAQ,EAAA;AAAA,YACxB,QAAA,EAAU,CAAC,OACT,KAAA,QAAA,CAAS,EAAE,GAAK,EAAA,MAAA,EAAQ,KAAO,EAAA,OAAA,EAAS,CAAA;AAAA,YAE1C,OAAO,OAAQ,CAAA,IAAA;AAAA,YACf,YAAY,EAAA,IAAA;AAAA,YACZ,WAAa,EAAA;AAAA;AAAA,SAEjB,EAAA,CAAA;AAAA,QACC,OAAA,CAAQ,QAAQ,OAAQ,CAAA,IAAA,EAAM,SAAS,CACtC,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,KAAA,EACE,QAAQ,YAAiB,KAAA,IAAA,GACrB,EAAE,mCAAmC,CAAA,GACrC,EAAE,kCAAkC,CAAA;AAAA,YAG1C,QAAA,kBAAA,GAAA;AAAA,cAAC,UAAA;AAAA,cAAA;AAAA,gBACC,SAAS,MAAM;AACb,kBAAI,IAAA,OAAA,CAAQ,iBAAiB,IAAM,EAAA;AACjC,oBAAA,QAAA,CAAS,EAAE,GAAA,EAAK,cAAgB,EAAA,KAAA,EAAO,OAAO,CAAA;AAAA,mBACzC,MAAA;AACL,oBAAA,QAAA,CAAS,EAAE,GAAA,EAAK,cAAgB,EAAA,KAAA,EAAO,MAAM,CAAA;AAAA;AAC/C,iBACF;AAAA,gBAEC,kBAAQ,YAAiB,KAAA,IAAA,uBACvB,UAAW,EAAA,EAAA,CAAA,uBAEX,qBAAsB,EAAA,EAAA;AAAA;AAAA;AAE3B;AAAA,SAEJ,EAAA;AAAA,OAAA,EAEJ,CACF,EAAA;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/HomePageCards/PostsCard.esm.js

@@ -6,13 +6,14 @@ import { PostListItem } from '../PostsContainer/PostListItem.esm.js';
 import '@material-ui/icons/HelpOutline';
 import '@backstage/core-plugin-api';
 import '../../routes.esm.js';
+import '@drodil/backstage-plugin-qeta-common';
 import '@material-ui/icons/Create';
 import '@backstage/core-plugin-api/alpha';
 import '../../translation.esm.js';
 import 'react-router-dom';
 import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
+import '@material-ui/icons/Link';
 import '../QetaPagination/QetaPagination.esm.js';
-import '@drodil/backstage-plugin-qeta-common';
 import '@backstage/plugin-permission-react';
 import '@backstage/plugin-permission-common';
 import '@backstage/plugin-catalog-react';
@@ -23,6 +24,7 @@ import '../../api.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import 'react-use/lib/useAsync';
+import '@material-ui/icons/OpenInNew';
 import '@material-ui/icons/PlaylistAdd';
 import '@material-ui/icons/AddCircle';
 import '@material-ui/icons/RemoveCircle';

package/dist/components/HomePageCards/PostsCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\nimport { Card, CardHeader, Divider, Grid } from '@material-ui/core';\n\nexport const PostsCard = (props: {\n  title: string;\n  options?: PostsQuery;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api =>\n      api.getPosts({\n        limit: 3,\n        type: props.postType,\n        includeAttachments: false,\n        includeExperts: false,\n        includeAnswers: false,\n        includeComments: false,\n        includeVotes: false,\n        includeTrend: false,\n        ...props.options,\n      }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAA,GAAA,KACE,IAAI,QAAS,CAAA;AAAA,MACX,KAAO,EAAA,CAAA;AAAA,MACP,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,kBAAoB,EAAA,KAAA;AAAA,MACpB,cAAgB,EAAA,KAAA;AAAA,MAChB,cAAgB,EAAA,KAAA;AAAA,MAChB,eAAiB,EAAA,KAAA;AAAA,MACjB,YAAc,EAAA,KAAA;AAAA,MACd,YAAc,EAAA,KAAA;AAAA,MACd,GAAG,KAAM,CAAA;AAAA,KACV,CAAA;AAAA,IACH;AAAC,GACH;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA;AAAA,oBACjE,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACtB,EAAA,QAAA,EAAA,KAAA,CAAM,IAAI,CAAY,QAAA,KAAA;AACrB,MAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,IAAA,EAAM,QAAU,EAAA,IAAA,EAAM,MAAM,QAAU,EAAA,CAAA;AAAA,4BACnD,OAAQ,EAAA,EAAA;AAAA,OAAA,EAAA,EAFa,SAAS,EAGjC,CAAA;AAAA,KAEH,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PostsCard.esm.js","sources":["../../../src/components/HomePageCards/PostsCard.tsx"],"sourcesContent":["import { PostsQuery, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { PostListItem } from '../PostsContainer';\nimport { useQetaApi } from '../../hooks';\nimport { Card, CardHeader, Divider, Grid } from '@material-ui/core';\n\nexport const PostsCard = (props: {\n  title: string;\n  options?: PostsQuery;\n  postType?: PostType;\n}) => {\n  const { value: response } = useQetaApi(\n    api =>\n      api.getPosts({\n        limit: 3,\n        type: props.postType,\n        includeAttachments: false,\n        includeExperts: false,\n        includeAnswers: false,\n        includeComments: false,\n        includeVotes: false,\n        includeTrend: false,\n        ...props.options,\n      }),\n    [],\n  );\n\n  const posts = response?.posts ?? [];\n  if (posts.length === 0) {\n    return null;\n  }\n\n  return (\n    <Card>\n      <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n      <Grid container spacing={2}>\n        {posts.map(question => {\n          return (\n            <Grid item xs={12} key={question.id}>\n              <PostListItem post={question} type={props.postType} />\n              <Divider />\n            </Grid>\n          );\n        })}\n      </Grid>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKa,MAAA,SAAA,GAAY,CAAC,KAIpB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAA,GAAA,KACE,IAAI,QAAS,CAAA;AAAA,MACX,KAAO,EAAA,CAAA;AAAA,MACP,MAAM,KAAM,CAAA,QAAA;AAAA,MACZ,kBAAoB,EAAA,KAAA;AAAA,MACpB,cAAgB,EAAA,KAAA;AAAA,MAChB,cAAgB,EAAA,KAAA;AAAA,MAChB,eAAiB,EAAA,KAAA;AAAA,MACjB,YAAc,EAAA,KAAA;AAAA,MACd,YAAc,EAAA,KAAA;AAAA,MACd,GAAG,KAAM,CAAA;AAAA,KACV,CAAA;AAAA,IACH;AAAC,GACH;AAEA,EAAM,MAAA,KAAA,GAAQ,QAAU,EAAA,KAAA,IAAS,EAAC;AAClC,EAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA;AAAA,oBACjE,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACtB,EAAA,QAAA,EAAA,KAAA,CAAM,IAAI,CAAY,QAAA,KAAA;AACrB,MAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAa,EAAA,EAAA,IAAA,EAAM,QAAU,EAAA,IAAA,EAAM,MAAM,QAAU,EAAA,CAAA;AAAA,4BACnD,OAAQ,EAAA,EAAA;AAAA,OAAA,EAAA,EAFa,SAAS,EAGjC,CAAA;AAAA,KAEH,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/LeftMenu/LeftMenu.esm.js

@@ -12,7 +12,7 @@ import CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';
 import PlaylistPlay from '@material-ui/icons/PlaylistPlay';
 import SettingsIcon from '@material-ui/icons/Settings';
 import { GroupIcon } from '@backstage/core-components';
-import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef } from '../../routes.esm.js';
+import { qetaRouteRef, tagsRouteRef, favoriteQuestionsRouteRef, statisticsRouteRef, userRouteRef, questionsRouteRef, articlesRouteRef, linksRouteRef, collectionsRouteRef, entitiesRouteRef, usersRouteRef, moderatorRouteRef } from '../../routes.esm.js';
 import '../TopRankingUsersCard/TopRankingUsersCard.esm.js';
 import { TrophyIcon } from '../TopRankingUsersCard/TrophyIcon.esm.js';
 import '../../api.esm.js';
@@ -24,6 +24,7 @@ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
 import { qetaTranslationRef } from '../../translation.esm.js';
 import { useIdentityApi } from '../../hooks/useIdentityApi.esm.js';
 import { useIsModerator } from '../../hooks/useIsModerator.esm.js';
+import LinkIcon from '@material-ui/icons/Link';
 
 const useStyles = makeStyles(
   (theme) => {
@@ -100,6 +101,7 @@ const LeftMenu = (props) => {
   const userRoute = useRouteRef(userRouteRef);
   const questionsRoute = useRouteRef(questionsRouteRef);
   const articlesRoute = useRouteRef(articlesRouteRef);
+  const linksRoute = useRouteRef(linksRouteRef);
   const collectionsRoute = useRouteRef(collectionsRouteRef);
   const entitiesRoute = useRouteRef(entitiesRouteRef);
   const usersRoute = useRouteRef(usersRouteRef);
@@ -167,6 +169,10 @@ const LeftMenu = (props) => {
               /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(CollectionsBookmarkIcon, { fontSize: "small" }) }),
               t("leftMenu.articles")
             ] }),
+            /* @__PURE__ */ jsxs(CustomMenuItem, { route: linksRoute(), hasSubRoutes: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(LinkIcon, { fontSize: "small" }) }),
+              t("leftMenu.links")
+            ] }),
             /* @__PURE__ */ jsxs(CustomMenuItem, { route: favoritesRoute(), children: [
               /* @__PURE__ */ jsx(ListItemIcon, { className: styles.menuIcon, children: /* @__PURE__ */ jsx(StarIcon, { fontSize: "small" }) }),
               t("leftMenu.favoriteQuestions")