@drodil/backstage-plugin-qeta-react 2.14.0 → 3.0.0

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

@@ -0,0 +1,40 @@
+import { LinkButton } from '@backstage/core-components';
+import React from 'react';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { entityRouteRef } from '@backstage/plugin-catalog-react';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { useSearchParams } from 'react-router-dom';
+import ChevronLeft from '@material-ui/icons/ChevronLeft';
+import { articlesRouteRef } from '../../routes.esm.js';
+
+const BackToArticlesButton = (props) => {
+  const styles = useStyles();
+  const entityRoute = useRouteRef(entityRouteRef);
+  const articlesRoute = useRouteRef(articlesRouteRef);
+  const { t } = useTranslation();
+  let to = articlesRoute();
+  const [searchParams] = useSearchParams();
+  const entity = searchParams.get("entity");
+  if (entity) {
+    const entityRef = parseEntityRef(entity);
+    if (props.entityPage) {
+      to = `${entityRoute(entityRef)}/qeta`;
+    } else {
+      to = `${articlesRoute()}?entity=${entity}`;
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      size: "small",
+      className: `${styles.marginLeft} qetaBackToArticlesBtn`,
+      to,
+      startIcon: /* @__PURE__ */ React.createElement(ChevronLeft, null)
+    },
+    t("backToQuestionsButton.title")
+  );
+};
+
+export { BackToArticlesButton };
+//# sourceMappingURL=BackToArticlesButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackToArticlesButton.esm.js","sources":["../../../src/components/Buttons/BackToArticlesButton.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useSearchParams } from 'react-router-dom';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\nimport { articlesRouteRef } from '../../routes';\n\nexport const BackToArticlesButton = (props: { entityPage?: boolean }) => {\n  const styles = useStyles();\n  const entityRoute = useRouteRef(entityRouteRef);\n  const articlesRoute = useRouteRef(articlesRouteRef);\n  const { t } = useTranslation();\n\n  let to = articlesRoute();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity');\n  if (entity) {\n    const entityRef = parseEntityRef(entity);\n    if (props.entityPage) {\n      to = `${entityRoute(entityRef)}/qeta`;\n    } else {\n      to = `${articlesRoute()}?entity=${entity}`;\n    }\n  }\n\n  return (\n    <LinkButton\n      size=\"small\"\n      className={`${styles.marginLeft} qetaBackToArticlesBtn`}\n      to={to}\n      startIcon={<ChevronLeft />}\n    >\n      {t('backToQuestionsButton.title')}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,oBAAA,GAAuB,CAAC,KAAoC,KAAA;AACvE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,KAAK,aAAc,EAAA,CAAA;AACvB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAM,MAAA,MAAA,GAAS,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,SAAA,GAAY,eAAe,MAAM,CAAA,CAAA;AACvC,IAAA,IAAI,MAAM,UAAY,EAAA;AACpB,MAAK,EAAA,GAAA,CAAA,EAAG,WAAY,CAAA,SAAS,CAAC,CAAA,KAAA,CAAA,CAAA;AAAA,KACzB,MAAA;AACL,MAAA,EAAA,GAAK,CAAG,EAAA,aAAA,EAAe,CAAA,QAAA,EAAW,MAAM,CAAA,CAAA,CAAA;AAAA,KAC1C;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,sBAAA,CAAA;AAAA,MAC/B,EAAA;AAAA,MACA,SAAA,sCAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,6BAA6B,CAAA;AAAA,GAClC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,25 @@
+import { LinkButton } from '@backstage/core-components';
+import React from 'react';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { collectionsRouteRef } from '../../routes.esm.js';
+import ChevronLeft from '@material-ui/icons/ChevronLeft';
+
+const BackToCollectionsButton = () => {
+  const styles = useStyles();
+  const collectionsRoute = useRouteRef(collectionsRouteRef);
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      size: "small",
+      className: `${styles.marginLeft} qetaBackToQuestionsBtn`,
+      to: collectionsRoute(),
+      startIcon: /* @__PURE__ */ React.createElement(ChevronLeft, null)
+    },
+    t("backToCollectionsButton.title")
+  );
+};
+
+export { BackToCollectionsButton };
+//# sourceMappingURL=BackToCollectionsButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackToCollectionsButton.esm.js","sources":["../../../src/components/Buttons/BackToCollectionsButton.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionsRouteRef } from '../../routes';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\n\nexport const BackToCollectionsButton = () => {\n  const styles = useStyles();\n  const collectionsRoute = useRouteRef(collectionsRouteRef);\n  const { t } = useTranslation();\n\n  return (\n    <LinkButton\n      size=\"small\"\n      className={`${styles.marginLeft} qetaBackToQuestionsBtn`}\n      to={collectionsRoute()}\n      startIcon={<ChevronLeft />}\n    >\n      {t('backToCollectionsButton.title')}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,gBAAA,GAAmB,YAAY,mBAAmB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,uBAAA,CAAA;AAAA,MAC/B,IAAI,gBAAiB,EAAA;AAAA,MACrB,SAAA,sCAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,+BAA+B,CAAA;AAAA,GACpC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,40 @@
+import { LinkButton } from '@backstage/core-components';
+import React from 'react';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { entityRouteRef } from '@backstage/plugin-catalog-react';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { useSearchParams } from 'react-router-dom';
+import { questionsRouteRef } from '../../routes.esm.js';
+import ChevronLeft from '@material-ui/icons/ChevronLeft';
+
+const BackToQuestionsButton = (props) => {
+  const styles = useStyles();
+  const entityRoute = useRouteRef(entityRouteRef);
+  const questionsRoute = useRouteRef(questionsRouteRef);
+  const { t } = useTranslation();
+  let to = questionsRoute();
+  const [searchParams] = useSearchParams();
+  const entity = searchParams.get("entity");
+  if (entity) {
+    const entityRef = parseEntityRef(entity);
+    if (props.entityPage) {
+      to = `${entityRoute(entityRef)}/qeta`;
+    } else {
+      to = `${questionsRoute()}?entity=${entity}`;
+    }
+  }
+  return /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      size: "small",
+      className: `${styles.marginLeft} qetaBackToQuestionsBtn`,
+      to,
+      startIcon: /* @__PURE__ */ React.createElement(ChevronLeft, null)
+    },
+    t("backToQuestionsButton.title")
+  );
+};
+
+export { BackToQuestionsButton };
+//# sourceMappingURL=BackToQuestionsButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackToQuestionsButton.esm.js","sources":["../../../src/components/Buttons/BackToQuestionsButton.tsx"],"sourcesContent":["import { LinkButton } from '@backstage/core-components';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useSearchParams } from 'react-router-dom';\nimport { questionsRouteRef } from '../../routes';\nimport ChevronLeft from '@material-ui/icons/ChevronLeft';\n\nexport const BackToQuestionsButton = (props: { entityPage?: boolean }) => {\n  const styles = useStyles();\n  const entityRoute = useRouteRef(entityRouteRef);\n  const questionsRoute = useRouteRef(questionsRouteRef);\n  const { t } = useTranslation();\n\n  let to = questionsRoute();\n  const [searchParams] = useSearchParams();\n  const entity = searchParams.get('entity');\n  if (entity) {\n    const entityRef = parseEntityRef(entity);\n    if (props.entityPage) {\n      to = `${entityRoute(entityRef)}/qeta`;\n    } else {\n      to = `${questionsRoute()}?entity=${entity}`;\n    }\n  }\n\n  return (\n    <LinkButton\n      size=\"small\"\n      className={`${styles.marginLeft} qetaBackToQuestionsBtn`}\n      to={to}\n      startIcon={<ChevronLeft />}\n    >\n      {t('backToQuestionsButton.title')}\n    </LinkButton>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAUa,MAAA,qBAAA,GAAwB,CAAC,KAAoC,KAAA;AACxE,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAM,MAAA,cAAA,GAAiB,YAAY,iBAAiB,CAAA,CAAA;AACpD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,KAAK,cAAe,EAAA,CAAA;AACxB,EAAM,MAAA,CAAC,YAAY,CAAA,GAAI,eAAgB,EAAA,CAAA;AACvC,EAAM,MAAA,MAAA,GAAS,YAAa,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,SAAA,GAAY,eAAe,MAAM,CAAA,CAAA;AACvC,IAAA,IAAI,MAAM,UAAY,EAAA;AACpB,MAAK,EAAA,GAAA,CAAA,EAAG,WAAY,CAAA,SAAS,CAAC,CAAA,KAAA,CAAA,CAAA;AAAA,KACzB,MAAA;AACL,MAAA,EAAA,GAAK,CAAG,EAAA,cAAA,EAAgB,CAAA,QAAA,EAAW,MAAM,CAAA,CAAA,CAAA;AAAA,KAC3C;AAAA,GACF;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,uBAAA,CAAA;AAAA,MAC/B,EAAA;AAAA,MACA,SAAA,sCAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,6BAA6B,CAAA;AAAA,GAClC,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,29 @@
+import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';
+import React from 'react';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
+import { LinkButton } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { collectionCreateRouteRef } from '../../routes.esm.js';
+import { useTranslation, useStyles } from '../../utils/hooks.esm.js';
+
+const CreateCollectionButton = () => {
+  const createRoute = useRouteRef(collectionCreateRouteRef);
+  const { t } = useTranslation();
+  const styles = useStyles();
+  return /* @__PURE__ */ React.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null) }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      size: "small",
+      variant: "contained",
+      to: createRoute(),
+      color: "primary",
+      className: `${styles.marginLeft} qetaCreateCollectionBtn`,
+      startIcon: /* @__PURE__ */ React.createElement(PlayListAddIcon, null)
+    },
+    t("createCollectionButton.title")
+  ));
+};
+
+export { CreateCollectionButton };
+//# sourceMappingURL=CreateCollectionButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../utils/hooks';\n\nexport const CreateCollectionButton = () => {\n  const createRoute = useRouteRef(collectionCreateRouteRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  return (\n    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <LinkButton\n        size=\"small\"\n        variant=\"contained\"\n        to={createRoute()}\n        color=\"primary\"\n        className={`${styles.marginLeft} qetaCreateCollectionBtn`}\n        startIcon={<PlayListAddIcon />}\n      >\n        {t('createCollectionButton.title')}\n      </LinkButton>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,2CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,0DAAa,CACpE,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,IAAI,WAAY,EAAA;AAAA,MAChB,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,SAAA,sCAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,8BAA8B,CAAA;AAAA,GAErC,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useStyles, useTranslation, useEntityFollow } from '../../utils/hooks.esm.js';
+import { Tooltip, Button } from '@material-ui/core';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+
+const EntityFollowButton = (props) => {
+  const { entityRef } = props;
+  const styles = useStyles();
+  const { t } = useTranslation();
+  const entities = useEntityFollow();
+  if (entities.loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: t("entityButton.tooltip") }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: "small",
+      className: `${styles.marginLeft} qetaFollowEntityBtn`,
+      color: entities.isFollowingEntity(entityRef) ? "secondary" : "primary",
+      onClick: () => {
+        if (entities.isFollowingEntity(entityRef)) {
+          entities.unfollowEntity(entityRef);
+        } else {
+          entities.followEntity(entityRef);
+        }
+      }
+    },
+    entities.isFollowingEntity(entityRef) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
+  ));
+};
+
+export { EntityFollowButton };
+//# sourceMappingURL=EntityFollowButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useEntityFollow, useStyles, useTranslation } from '../../utils/hooks';\nimport { Button, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n  const { entityRef } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const entities = useEntityFollow();\n  if (entities.loading) {\n    return null;\n  }\n\n  return (\n    <Tooltip title={t('entityButton.tooltip')}>\n      <Button\n        size=\"small\"\n        className={`${styles.marginLeft} qetaFollowEntityBtn`}\n        color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (entities.isFollowingEntity(entityRef)) {\n            entities.unfollowEntity(entityRef);\n          } else {\n            entities.followEntity(entityRef);\n          }\n        }}\n      >\n        {entities.isFollowingEntity(entityRef) ? (\n          <VisibilityOff />\n        ) : (\n          <Visibility />\n        )}\n      </Button>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AACtB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,oBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,uCAClC,aAAc,EAAA,IAAA,CAAA,uCAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,45 @@
+import { Tooltip, IconButton } from '@material-ui/core';
+import React from 'react';
+import { useApi } from '@backstage/core-plugin-api';
+import StarIcon from '@material-ui/icons/Star';
+import StarOutlineIcon from '@material-ui/icons/StarOutline';
+import { qetaApiRef } from '../../api.esm.js';
+import { useTranslation } from '../../utils/hooks.esm.js';
+
+const FavoriteButton = (props) => {
+  const [entity, setEntity] = React.useState(props.entity);
+  const qetaApi = useApi(qetaApiRef);
+  const { t } = useTranslation();
+  const favoriteQuestion = () => {
+    qetaApi.favoritePost(entity.id).then((response) => {
+      setEntity(response);
+    });
+  };
+  const unfavoriteQuestion = () => {
+    qetaApi.unfavoritePost(entity.id).then((response) => {
+      setEntity(response);
+    });
+  };
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.favorite ? /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "unfavorite",
+      size: "small",
+      onClick: unfavoriteQuestion,
+      className: "qetaUnfavoriteBtn"
+    },
+    /* @__PURE__ */ React.createElement(StarIcon, null)
+  )) : /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "favorite",
+      size: "small",
+      onClick: favoriteQuestion,
+      className: "qetaFavoriteBtn"
+    },
+    /* @__PURE__ */ React.createElement(StarOutlineIcon, null)
+  )));
+};
+
+export { FavoriteButton };
+//# sourceMappingURL=FavoriteButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../utils';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n  const [entity, setEntity] = React.useState<PostResponse>(props.entity);\n  const qetaApi = useApi(qetaApiRef);\n  const { t } = useTranslation();\n\n  const favoriteQuestion = () => {\n    qetaApi.favoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  const unfavoriteQuestion = () => {\n    qetaApi.unfavoritePost(entity.id).then(response => {\n      setEntity(response);\n    });\n  };\n\n  return (\n    <React.Fragment>\n      {entity.favorite ? (\n        <Tooltip title={t('favorite.remove')}>\n          <IconButton\n            aria-label=\"unfavorite\"\n            size=\"small\"\n            onClick={unfavoriteQuestion}\n            className=\"qetaUnfavoriteBtn\"\n          >\n            <StarIcon />\n          </IconButton>\n        </Tooltip>\n      ) : (\n        <Tooltip title={t('favorite.add')}>\n          <IconButton\n            aria-label=\"favorite\"\n            size=\"small\"\n            onClick={favoriteQuestion}\n            className=\"qetaFavoriteBtn\"\n          >\n            <StarOutlineIcon />\n          </IconButton>\n        </Tooltip>\n      )}\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,KAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA,CAAA;AACrE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,YAAa,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AAC/C,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACjD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACE,EAAA,MAAA,CAAO,QACN,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,KAAA;AAAA,wCAET,QAAS,EAAA,IAAA,CAAA;AAAA,GAEd,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,KAAA;AAAA,wCAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,28 @@
+import { Tooltip, IconButton } from '@material-ui/core';
+import Link from '@material-ui/icons/Link';
+import React from 'react';
+import { useTranslation } from '../../utils/hooks.esm.js';
+
+const LinkButton = (props) => {
+  const isQuestion = "title" in props.entity;
+  const { t } = useTranslation();
+  const copyToClipboard = () => {
+    const url = new URL(window.location.href);
+    if (!isQuestion) {
+      url.hash = `#answer_${props.entity.id}`;
+    }
+    window.navigator.clipboard.writeText(url.toString());
+  };
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer") }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": t("link.aria"),
+      size: "small",
+      onClick: copyToClipboard
+    },
+    /* @__PURE__ */ React.createElement(Link, null)
+  ));
+};
+
+export { LinkButton };
+//# sourceMappingURL=LinkButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport React from 'react';\nimport {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../utils';\n\nexport const LinkButton = (props: {\n  entity: PostResponse | AnswerResponse;\n}) => {\n  const isQuestion = 'title' in props.entity;\n  const { t } = useTranslation();\n  const copyToClipboard = () => {\n    const url = new URL(window.location.href);\n    if (!isQuestion) {\n      url.hash = `#answer_${props.entity.id}`;\n    }\n    window.navigator.clipboard.writeText(url.toString());\n  };\n\n  return (\n    <Tooltip title={isQuestion ? t('link.post') : t('link.answer')}>\n      <IconButton\n        aria-label={t('link.aria')}\n        size=\"small\"\n        onClick={copyToClipboard}\n      >\n        <Link />\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAErB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,KAAA;AAAA,wCAER,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useStyles, useTranslation, useTagsFollow } from '../../utils/hooks.esm.js';
+import { Tooltip, IconButton } from '@material-ui/core';
+import Visibility from '@material-ui/icons/Visibility';
+import VisibilityOff from '@material-ui/icons/VisibilityOff';
+
+const TagFollowButton = (props) => {
+  const { tag } = props;
+  const styles = useStyles();
+  const { t } = useTranslation();
+  const tags = useTagsFollow();
+  if (tags.loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      size: "small",
+      className: `${styles.marginLeft} qetaFollowTagBtn`,
+      color: tags.isFollowingTag(tag) ? "secondary" : "primary",
+      onClick: () => {
+        if (tags.isFollowingTag(tag)) {
+          tags.unfollowTag(tag);
+        } else {
+          tags.followTag(tag);
+        }
+      }
+    },
+    tags.isFollowingTag(tag) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
+  ));
+};
+
+export { TagFollowButton };
+//# sourceMappingURL=TagFollowButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n  const { tag } = props;\n  const styles = useStyles();\n  const { t } = useTranslation();\n  const tags = useTagsFollow();\n  if (tags.loading) {\n    return null;\n  }\n  return (\n    <Tooltip title={t('tagButton.tooltip')}>\n      <IconButton\n        size=\"small\"\n        className={`${styles.marginLeft} qetaFollowTagBtn`}\n        color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n        onClick={() => {\n          if (tags.isFollowingTag(tag)) {\n            tags.unfollowTag(tag);\n          } else {\n            tags.followTag(tag);\n          }\n        }}\n      >\n        {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n      </IconButton>\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAChB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,iBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,IAAA,CAAK,eAAe,GAAG,CAAA,uCAAK,aAAc,EAAA,IAAA,CAAA,uCAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEhE,CAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,75 @@
+import { makeStyles, createStyles, Tooltip, IconButton, Typography, Box } from '@material-ui/core';
+import ArrowDownward from '@material-ui/icons/ArrowDownward';
+import ArrowUpward from '@material-ui/icons/ArrowUpward';
+import Check from '@material-ui/icons/Check';
+import React from 'react';
+import { useVoting } from '../../utils/hooks.esm.js';
+
+const useStyles = makeStyles(
+  (theme) => createStyles({
+    qetaCorrectAnswerSelected: {
+      color: theme.palette.success.main
+    },
+    qetaCorrectAnswer: {
+      color: theme.palette.grey[500]
+    },
+    voteButtonContainer: {
+      borderWidth: "1px",
+      borderColor: "white"
+    }
+  })
+);
+const VoteButtons = (props) => {
+  const {
+    voteUpTooltip,
+    ownVote,
+    voteUp,
+    score,
+    voteDownTooltip,
+    voteDown,
+    correctAnswer,
+    correctTooltip,
+    toggleCorrectAnswer
+  } = useVoting(props.entity);
+  const own = props.entity.own ?? false;
+  const classes = useStyles();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Tooltip, { title: voteUpTooltip }, /* @__PURE__ */ React.createElement("span", { className: classes.voteButtonContainer }, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "vote up",
+      color: ownVote > 0 ? "primary" : "default",
+      className: ownVote > 0 ? "qetaVoteUpSelected" : "qetaVoteUp",
+      disabled: own,
+      size: "small",
+      onClick: voteUp
+    },
+    /* @__PURE__ */ React.createElement(ArrowUpward, null)
+  ))), /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, score), /* @__PURE__ */ React.createElement(Tooltip, { title: voteDownTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "vote down",
+      color: ownVote < 0 ? "primary" : "default",
+      className: ownVote < 0 ? "qetaVoteDownSelected" : "qetaVoteDown",
+      disabled: own,
+      size: "small",
+      onClick: voteDown
+    },
+    /* @__PURE__ */ React.createElement(ArrowDownward, null)
+  ))), "correct" in props.entity && (props.post?.own || props.post?.canEdit || correctAnswer) && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(Tooltip, { title: correctTooltip }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(
+    IconButton,
+    {
+      "aria-label": "mark correct",
+      size: "small",
+      onClick: props.post?.own || props.post?.canEdit ? toggleCorrectAnswer : void 0
+    },
+    /* @__PURE__ */ React.createElement(
+      Check,
+      {
+        className: correctAnswer ? classes.qetaCorrectAnswerSelected : classes.qetaCorrectAnswer
+      }
+    )
+  )))));
+};
+
+export { VoteButtons };
+//# sourceMappingURL=VoteButtons.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VoteButtons.esm.js","sources":["../../../src/components/Buttons/VoteButtons.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Box,\n  createStyles,\n  IconButton,\n  makeStyles,\n  Theme,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport ArrowDownward from '@material-ui/icons/ArrowDownward';\nimport ArrowUpward from '@material-ui/icons/ArrowUpward';\nimport Check from '@material-ui/icons/Check';\nimport React from 'react';\nimport { useVoting } from '../../utils/hooks';\n\nconst useStyles = makeStyles((theme: Theme) =>\n  createStyles({\n    qetaCorrectAnswerSelected: {\n      color: theme.palette.success.main,\n    },\n    qetaCorrectAnswer: {\n      color: theme.palette.grey[500],\n    },\n    voteButtonContainer: {\n      borderWidth: '1px',\n      borderColor: 'white',\n    },\n  }),\n);\n\nexport const VoteButtons = (props: {\n  entity: PostResponse | AnswerResponse;\n  post?: PostResponse;\n}) => {\n  const {\n    voteUpTooltip,\n    ownVote,\n    voteUp,\n    score,\n    voteDownTooltip,\n    voteDown,\n    correctAnswer,\n    correctTooltip,\n    toggleCorrectAnswer,\n  } = useVoting(props.entity);\n  const own = props.entity.own ?? false;\n  const classes = useStyles();\n\n  return (\n    <React.Fragment>\n      <Tooltip title={voteUpTooltip}>\n        <span className={classes.voteButtonContainer}>\n          <IconButton\n            aria-label=\"vote up\"\n            color={ownVote > 0 ? 'primary' : 'default'}\n            className={ownVote > 0 ? 'qetaVoteUpSelected' : 'qetaVoteUp'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteUp}\n          >\n            <ArrowUpward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      <Typography variant=\"h6\">{score}</Typography>\n      <Tooltip title={voteDownTooltip}>\n        <span>\n          <IconButton\n            aria-label=\"vote down\"\n            color={ownVote < 0 ? 'primary' : 'default'}\n            className={ownVote < 0 ? 'qetaVoteDownSelected' : 'qetaVoteDown'}\n            disabled={own}\n            size=\"small\"\n            onClick={voteDown}\n          >\n            <ArrowDownward />\n          </IconButton>\n        </span>\n      </Tooltip>\n      {'correct' in props.entity &&\n        (props.post?.own || props.post?.canEdit || correctAnswer) && (\n          <Box>\n            <Tooltip title={correctTooltip}>\n              <span>\n                <IconButton\n                  aria-label=\"mark correct\"\n                  size=\"small\"\n                  onClick={\n                    props.post?.own || props.post?.canEdit\n                      ? toggleCorrectAnswer\n                      : undefined\n                  }\n                >\n                  <Check\n                    className={\n                      correctAnswer\n                        ? classes.qetaCorrectAnswerSelected\n                        : classes.qetaCorrectAnswer\n                    }\n                  />\n                </IconButton>\n              </span>\n            </Tooltip>\n          </Box>\n        )}\n    </React.Fragment>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,40 @@
+import CreateIcon from '@material-ui/icons/Create';
+import React from 'react';
+import { RequirePermission } from '@backstage/plugin-permission-react';
+import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
+import { LinkButton } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { writeRouteRef } from '../../routes.esm.js';
+import { useTranslation, useStyles } from '../../utils/hooks.esm.js';
+
+const WriteArticleButton = (props) => {
+  const { entity, entityPage, tags } = props;
+  const writeRoute = useRouteRef(writeRouteRef);
+  const { t } = useTranslation();
+  const styles = useStyles();
+  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__ */ React.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null) }, /* @__PURE__ */ React.createElement(
+    LinkButton,
+    {
+      size: "small",
+      variant: "contained",
+      to: entity || tags ? `${writeRoute()}?${params.toString()}` : writeRoute(),
+      color: "primary",
+      className: `${styles.marginLeft} qetaWriteArticleBtn`,
+      startIcon: /* @__PURE__ */ React.createElement(CreateIcon, null)
+    },
+    t("writeArticleButton.title")
+  ));
+};
+
+export { WriteArticleButton };
+//# sourceMappingURL=WriteArticleButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WriteArticleButton.esm.js","sources":["../../../src/components/Buttons/WriteArticleButton.tsx"],"sourcesContent":["import CreateIcon from '@material-ui/icons/Create';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { writeRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../utils/hooks';\n\nexport const WriteArticleButton = (props: {\n  entity?: string;\n  tags?: string[];\n  entityPage?: boolean;\n}) => {\n  const { entity, entityPage, tags } = props;\n  const writeRoute = useRouteRef(writeRouteRef);\n  const { t } = useTranslation();\n  const styles = useStyles();\n\n  const params = new URLSearchParams();\n  if (entity) {\n    params.set('entity', entity);\n  }\n  if (entityPage) {\n    params.set('entityPage', 'true');\n  }\n  if (tags && tags.length > 0) {\n    params.set('tags', tags.join(','));\n  }\n\n  return (\n    <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n      <LinkButton\n        size=\"small\"\n        variant=\"contained\"\n        to={\n          entity || tags ? `${writeRoute()}?${params.toString()}` : writeRoute()\n        }\n        color=\"primary\"\n        className={`${styles.marginLeft} qetaWriteArticleBtn`}\n        startIcon={<CreateIcon />}\n      >\n        {t('writeArticleButton.title')}\n      </LinkButton>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,kBAAA,GAAqB,CAAC,KAI7B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,UAAA,GAAa,YAAY,aAAa,CAAA,CAAA;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,GACnC;AAEA,EAAA,2CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,0DAAa,CACpE,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,EAAA,EACE,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,UAAA,EAAY,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,UAAW,EAAA;AAAA,MAEvE,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,oBAAA,CAAA;AAAA,MAC/B,SAAA,sCAAY,UAAW,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEtB,EAAE,0BAA0B,CAAA;AAAA,GAEjC,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionCard/CollectionCard.esm.js

@@ -0,0 +1,63 @@
+import { InfoCard } from '@backstage/core-components';
+import { CardMedia, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import React from 'react';
+import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
+import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
+import DeleteIcon from '@material-ui/icons/Delete';
+import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
+import EditIcon from '@material-ui/icons/Edit';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { collectionEditRouteRef } from '../../routes.esm.js';
+
+const CollectionCard = (props) => {
+  const { collection } = props;
+  const styles = useStyles();
+  const editCollectionRoute = useRouteRef(collectionEditRouteRef);
+  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
+  const handleDeleteModalOpen = () => setDeleteModalOpen(true);
+  const handleDeleteModalClose = () => setDeleteModalOpen(false);
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(InfoCard, null, collection.headerImage && /* @__PURE__ */ React.createElement(
+    CardMedia,
+    {
+      component: "img",
+      height: "200",
+      src: collection.headerImage,
+      alt: collection.title
+    }
+  ), /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, collection.description && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("collectionPage.description")), /* @__PURE__ */ React.createElement(MarkdownRenderer, { content: collection.description }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TagsAndEntities, { entity: collection })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, collection.canDelete && /* @__PURE__ */ React.createElement(Box, null, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "outlined",
+      size: "small",
+      color: "secondary",
+      onClick: handleDeleteModalOpen,
+      className: `${styles.marginRight} qetaCollectionCardDeleteBtn`,
+      startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
+    },
+    t("deleteModal.deleteButton")
+  ), /* @__PURE__ */ React.createElement(
+    DeleteModal,
+    {
+      open: deleteModalOpen,
+      onClose: handleDeleteModalClose,
+      entity: collection
+    }
+  )), collection.canEdit && /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "outlined",
+      size: "small",
+      startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
+      href: editCollectionRoute({
+        id: collection.id.toString(10)
+      }),
+      className: "qetaCollectionCardEditBtn"
+    },
+    t("questionPage.editButton")
+  )))));
+};
+
+export { CollectionCard };
+//# sourceMappingURL=CollectionCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionCard.esm.js","sources":["../../../src/components/CollectionCard/CollectionCard.tsx"],"sourcesContent":["import { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  Box,\n  Button,\n  CardContent,\n  CardMedia,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../utils';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { DeleteModal } from '../DeleteModal';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionEditRouteRef } from '../../routes';\n\nexport const CollectionCard = (props: { collection: Collection }) => {\n  const { collection } = props;\n  const styles = useStyles();\n  const editCollectionRoute = useRouteRef(collectionEditRouteRef);\n  const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n  const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n  const handleDeleteModalClose = () => setDeleteModalOpen(false);\n  const { t } = useTranslation();\n  return (\n    <InfoCard>\n      {collection.headerImage && (\n        <CardMedia\n          component=\"img\"\n          height=\"200\"\n          src={collection.headerImage}\n          alt={collection.title}\n        />\n      )}\n      <CardContent>\n        <Grid container>\n          <Grid item xs={12}>\n            {collection.description && (\n              <>\n                <Typography variant=\"h5\">\n                  {t('collectionPage.description')}\n                </Typography>\n                <MarkdownRenderer content={collection.description} />\n              </>\n            )}\n          </Grid>\n          <Grid item xs={12}>\n            <TagsAndEntities entity={collection} />\n          </Grid>\n          <Grid item xs={12}>\n            {collection.canDelete && (\n              <Box>\n                <Button\n                  variant=\"outlined\"\n                  size=\"small\"\n                  color=\"secondary\"\n                  onClick={handleDeleteModalOpen}\n                  className={`${styles.marginRight} qetaCollectionCardDeleteBtn`}\n                  startIcon={<DeleteIcon />}\n                >\n                  {t('deleteModal.deleteButton')}\n                </Button>\n                <DeleteModal\n                  open={deleteModalOpen}\n                  onClose={handleDeleteModalClose}\n                  entity={collection}\n                />\n              </Box>\n            )}\n            {collection.canEdit && (\n              <Button\n                variant=\"outlined\"\n                size=\"small\"\n                startIcon={<EditIcon />}\n                href={editCollectionRoute({\n                  id: collection.id.toString(10),\n                })}\n                className=\"qetaCollectionCardEditBtn\"\n              >\n                {t('questionPage.editButton')}\n              </Button>\n            )}\n          </Grid>\n        </Grid>\n      </CardContent>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}