@drodil/backstage-plugin-qeta-react 3.58.8 → 3.59.1

package/dist/components/PostHistory/PostHistory.esm.js

@@ -0,0 +1,196 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { makeStyles, Box, Typography, List, ListItem, ListItemText, ListItemSecondaryAction, Tooltip, IconButton, Dialog, DialogTitle, DialogContent, DialogActions, Button, DialogContentText } from '@material-ui/core';
+import RestoreIcon from '@material-ui/icons/Restore';
+import Visibility from '@material-ui/icons/Visibility';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import { qetaApiRef } from '../../api.esm.js';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '@backstage/plugin-signals-react';
+import '../../hooks/useListItemStyles.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
+import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
+import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
+import { UserLink } from '../Links/Links.esm.js';
+import { Progress, WarningPanel } from '@backstage/core-components';
+
+const useStyles = makeStyles(
+  (theme) => ({
+    root: {
+      width: "100%"
+    },
+    listItem: {
+      borderBottom: `1px solid ${theme.palette.divider}`
+    },
+    revisionContent: {
+      maxHeight: "60vh",
+      overflowY: "auto",
+      padding: theme.spacing(2)
+    },
+    revisionTitle: {
+      marginBottom: theme.spacing(1)
+    },
+    emptyState: {
+      padding: theme.spacing(4),
+      textAlign: "center"
+    }
+  }),
+  { name: "QetaPostHistory" }
+);
+const PostHistory = (props) => {
+  const { postId, onRestore } = props;
+  const classes = useStyles();
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const qetaApi = useApi(qetaApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [viewRevision, setViewRevision] = useState(null);
+  const [restoreRevision, setRestoreRevision] = useState(
+    null
+  );
+  const [restoring, setRestoring] = useState(false);
+  const {
+    value: revisionsData,
+    loading,
+    error,
+    retry
+  } = useQetaApi((api) => api.getPostRevisions(postId, { limit: 50 }), [postId]);
+  const handleRestore = useCallback(async () => {
+    if (!restoreRevision) return;
+    setRestoring(true);
+    try {
+      await qetaApi.restorePostRevision(postId, restoreRevision.id);
+      alertApi.post({
+        message: t("postHistory.restoreSuccess"),
+        severity: "success",
+        display: "transient"
+      });
+      setRestoreRevision(null);
+      retry();
+      onRestore?.();
+    } catch {
+      alertApi.post({
+        message: t("postHistory.restoreError"),
+        severity: "error",
+        display: "transient"
+      });
+    } finally {
+      setRestoring(false);
+    }
+  }, [restoreRevision, qetaApi, postId, alertApi, t, retry, onRestore]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Progress, {});
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx(WarningPanel, { severity: "error", title: t("postHistory.errorLoading") });
+  }
+  const revisions = revisionsData?.revisions ?? [];
+  if (revisions.length === 0) {
+    return /* @__PURE__ */ jsx(Box, { className: classes.emptyState, children: /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "textSecondary", children: t("postHistory.noRevisions") }) });
+  }
+  return /* @__PURE__ */ jsxs(Box, { className: classes.root, children: [
+    /* @__PURE__ */ jsx(List, { children: revisions.map((revision) => /* @__PURE__ */ jsxs(ListItem, { className: classes.listItem, children: [
+      /* @__PURE__ */ jsx(
+        ListItemText,
+        {
+          primary: revision.title,
+          secondary: /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: revision.created }),
+            " \xB7 ",
+            t("postHistory.revisionBy"),
+            " ",
+            /* @__PURE__ */ jsx(UserLink, { entityRef: revision.createdBy })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsxs(ListItemSecondaryAction, { children: [
+        /* @__PURE__ */ jsx(Tooltip, { title: t("postHistory.viewRevision"), children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            edge: "end",
+            size: "small",
+            "aria-label": t("postHistory.viewRevision"),
+            onClick: () => setViewRevision(revision),
+            children: /* @__PURE__ */ jsx(Visibility, {})
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Tooltip, { title: t("postHistory.restoreRevision"), children: /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            edge: "end",
+            size: "small",
+            "aria-label": t("postHistory.restoreRevision"),
+            onClick: () => setRestoreRevision(revision),
+            children: /* @__PURE__ */ jsx(RestoreIcon, {})
+          }
+        ) })
+      ] })
+    ] }, revision.id)) }),
+    /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        open: viewRevision !== null,
+        onClose: () => setViewRevision(null),
+        maxWidth: "md",
+        fullWidth: true,
+        children: viewRevision && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: viewRevision.title }),
+          /* @__PURE__ */ jsxs(DialogContent, { className: classes.revisionContent, children: [
+            /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "textSecondary", gutterBottom: true, children: [
+              /* @__PURE__ */ jsx(RelativeTimeWithTooltip, { value: viewRevision.created }),
+              " \xB7 ",
+              t("postHistory.revisionBy"),
+              " ",
+              /* @__PURE__ */ jsx(UserLink, { entityRef: viewRevision.createdBy })
+            ] }),
+            /* @__PURE__ */ jsx(MarkdownRenderer, { content: viewRevision.content })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: () => setViewRevision(null), children: t("postHistory.closeButton") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                color: "primary",
+                startIcon: /* @__PURE__ */ jsx(RestoreIcon, {}),
+                onClick: () => {
+                  setViewRevision(null);
+                  setRestoreRevision(viewRevision);
+                },
+                children: t("postHistory.restoreRevision")
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: restoreRevision !== null,
+        onClose: () => setRestoreRevision(null),
+        children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("postHistory.restoreConfirmTitle") }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(DialogContentText, { children: t("postHistory.restoreConfirmDescription") }) }),
+          /* @__PURE__ */ jsxs(DialogActions, { children: [
+            /* @__PURE__ */ jsx(Button, { onClick: () => setRestoreRevision(null), disabled: restoring, children: t("postHistory.cancelButton") }),
+            /* @__PURE__ */ jsx(Button, { color: "primary", onClick: handleRestore, disabled: restoring, children: t("postHistory.restoreConfirmButton") })
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+export { PostHistory };
+//# sourceMappingURL=PostHistory.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostHistory.esm.js","sources":["../../../src/components/PostHistory/PostHistory.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport {\n  Box,\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogContentText,\n  DialogTitle,\n  IconButton,\n  List,\n  ListItem,\n  ListItemSecondaryAction,\n  ListItemText,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport RestoreIcon from '@material-ui/icons/Restore';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport { PostRevision } from '@drodil/backstage-plugin-qeta-common';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi } from '../../hooks';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { MarkdownRenderer } from '../MarkdownRenderer';\nimport { UserLink } from '../Links';\nimport { Progress, WarningPanel } from '@backstage/core-components';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      width: '100%',\n    },\n    listItem: {\n      borderBottom: `1px solid ${theme.palette.divider}`,\n    },\n    revisionContent: {\n      maxHeight: '60vh',\n      overflowY: 'auto',\n      padding: theme.spacing(2),\n    },\n    revisionTitle: {\n      marginBottom: theme.spacing(1),\n    },\n    emptyState: {\n      padding: theme.spacing(4),\n      textAlign: 'center',\n    },\n  }),\n  { name: 'QetaPostHistory' },\n);\n\nexport const PostHistory = (props: {\n  postId: number;\n  onRestore?: () => void;\n}) => {\n  const { postId, onRestore } = props;\n  const classes = useStyles();\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const qetaApi = useApi(qetaApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const [viewRevision, setViewRevision] = useState<PostRevision | null>(null);\n  const [restoreRevision, setRestoreRevision] = useState<PostRevision | null>(\n    null,\n  );\n  const [restoring, setRestoring] = useState(false);\n\n  const {\n    value: revisionsData,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(api => api.getPostRevisions(postId, { limit: 50 }), [postId]);\n\n  const handleRestore = useCallback(async () => {\n    if (!restoreRevision) return;\n    setRestoring(true);\n    try {\n      await qetaApi.restorePostRevision(postId, restoreRevision.id);\n      alertApi.post({\n        message: t('postHistory.restoreSuccess'),\n        severity: 'success',\n        display: 'transient',\n      });\n      setRestoreRevision(null);\n      retry();\n      onRestore?.();\n    } catch {\n      alertApi.post({\n        message: t('postHistory.restoreError'),\n        severity: 'error',\n        display: 'transient',\n      });\n    } finally {\n      setRestoring(false);\n    }\n  }, [restoreRevision, qetaApi, postId, alertApi, t, retry, onRestore]);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error) {\n    return (\n      <WarningPanel severity=\"error\" title={t('postHistory.errorLoading')} />\n    );\n  }\n\n  const revisions = revisionsData?.revisions ?? [];\n\n  if (revisions.length === 0) {\n    return (\n      <Box className={classes.emptyState}>\n        <Typography variant=\"body1\" color=\"textSecondary\">\n          {t('postHistory.noRevisions')}\n        </Typography>\n      </Box>\n    );\n  }\n\n  return (\n    <Box className={classes.root}>\n      <List>\n        {revisions.map(revision => (\n          <ListItem key={revision.id} className={classes.listItem}>\n            <ListItemText\n              primary={revision.title}\n              secondary={\n                <>\n                  <RelativeTimeWithTooltip value={revision.created} />\n                  {' · '}\n                  {t('postHistory.revisionBy')}{' '}\n                  <UserLink entityRef={revision.createdBy} />\n                </>\n              }\n            />\n            <ListItemSecondaryAction>\n              <Tooltip title={t('postHistory.viewRevision')}>\n                <IconButton\n                  edge=\"end\"\n                  size=\"small\"\n                  aria-label={t('postHistory.viewRevision')}\n                  onClick={() => setViewRevision(revision)}\n                >\n                  <VisibilityIcon />\n                </IconButton>\n              </Tooltip>\n              <Tooltip title={t('postHistory.restoreRevision')}>\n                <IconButton\n                  edge=\"end\"\n                  size=\"small\"\n                  aria-label={t('postHistory.restoreRevision')}\n                  onClick={() => setRestoreRevision(revision)}\n                >\n                  <RestoreIcon />\n                </IconButton>\n              </Tooltip>\n            </ListItemSecondaryAction>\n          </ListItem>\n        ))}\n      </List>\n\n      {/* View revision dialog */}\n      <Dialog\n        open={viewRevision !== null}\n        onClose={() => setViewRevision(null)}\n        maxWidth=\"md\"\n        fullWidth\n      >\n        {viewRevision && (\n          <>\n            <DialogTitle>{viewRevision.title}</DialogTitle>\n            <DialogContent className={classes.revisionContent}>\n              <Typography variant=\"caption\" color=\"textSecondary\" gutterBottom>\n                <RelativeTimeWithTooltip value={viewRevision.created} />\n                {' · '}\n                {t('postHistory.revisionBy')}{' '}\n                <UserLink entityRef={viewRevision.createdBy} />\n              </Typography>\n              <MarkdownRenderer content={viewRevision.content} />\n            </DialogContent>\n            <DialogActions>\n              <Button onClick={() => setViewRevision(null)}>\n                {t('postHistory.closeButton')}\n              </Button>\n              <Button\n                color=\"primary\"\n                startIcon={<RestoreIcon />}\n                onClick={() => {\n                  setViewRevision(null);\n                  setRestoreRevision(viewRevision);\n                }}\n              >\n                {t('postHistory.restoreRevision')}\n              </Button>\n            </DialogActions>\n          </>\n        )}\n      </Dialog>\n\n      {/* Restore confirmation dialog */}\n      <Dialog\n        open={restoreRevision !== null}\n        onClose={() => setRestoreRevision(null)}\n      >\n        <DialogTitle>{t('postHistory.restoreConfirmTitle')}</DialogTitle>\n        <DialogContent>\n          <DialogContentText>\n            {t('postHistory.restoreConfirmDescription')}\n          </DialogContentText>\n        </DialogContent>\n        <DialogActions>\n          <Button onClick={() => setRestoreRevision(null)} disabled={restoring}>\n            {t('postHistory.cancelButton')}\n          </Button>\n          <Button color=\"primary\" onClick={handleRestore} disabled={restoring}>\n            {t('postHistory.restoreConfirmButton')}\n          </Button>\n        </DialogActions>\n      </Dialog>\n    </Box>\n  );\n};\n"],"names":["VisibilityIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,KAAO,EAAA;AAAA,KACT;AAAA,IACA,QAAU,EAAA;AAAA,MACR,YAAc,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,KAClD;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,SAAW,EAAA,MAAA;AAAA,MACX,SAAW,EAAA,MAAA;AAAA,MACX,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC1B;AAAA,IACA,aAAe,EAAA;AAAA,MACb,YAAA,EAAc,KAAM,CAAA,OAAA,CAAQ,CAAC;AAAA,KAC/B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,SAAW,EAAA;AAAA;AACb,GACF,CAAA;AAAA,EACA,EAAE,MAAM,iBAAkB;AAC5B,CAAA;AAEa,MAAA,WAAA,GAAc,CAAC,KAGtB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA;AAC9B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA;AACjC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAA8B,IAAI,CAAA;AAC1E,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C;AAAA,GACF;AACA,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,aAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA,CAAW,CAAO,GAAA,KAAA,GAAA,CAAI,gBAAiB,CAAA,MAAA,EAAQ,EAAE,KAAA,EAAO,EAAG,EAAC,CAAG,EAAA,CAAC,MAAM,CAAC,CAAA;AAE3E,EAAM,MAAA,aAAA,GAAgB,YAAY,YAAY;AAC5C,IAAA,IAAI,CAAC,eAAiB,EAAA;AACtB,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAI,IAAA;AACF,MAAA,MAAM,OAAQ,CAAA,mBAAA,CAAoB,MAAQ,EAAA,eAAA,CAAgB,EAAE,CAAA;AAC5D,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,4BAA4B,CAAA;AAAA,QACvC,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACV,CAAA;AACD,MAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,MAAM,KAAA,EAAA;AACN,MAAY,SAAA,IAAA;AAAA,KACN,CAAA,MAAA;AACN,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,0BAA0B,CAAA;AAAA,QACrC,QAAU,EAAA,OAAA;AAAA,QACV,OAAS,EAAA;AAAA,OACV,CAAA;AAAA,KACD,SAAA;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA;AACpB,GACF,EAAG,CAAC,eAAiB,EAAA,OAAA,EAAS,QAAQ,QAAU,EAAA,CAAA,EAAG,KAAO,EAAA,SAAS,CAAC,CAAA;AAEpE,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,QAAS,EAAA,EAAA,CAAA;AAAA;AAGnB,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BACG,YAAa,EAAA,EAAA,QAAA,EAAS,SAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAAG,EAAA,CAAA;AAAA;AAIzE,EAAM,MAAA,SAAA,GAAY,aAAe,EAAA,SAAA,IAAa,EAAC;AAE/C,EAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,IAAA,uBACG,GAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,YACtB,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,OAAA,EAAQ,KAAM,EAAA,eAAA,EAC/B,QAAE,EAAA,CAAA,CAAA,yBAAyB,GAC9B,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,IAAA,CAAA,GAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACtB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,IAAA,EAAA,EACE,oBAAU,GAAI,CAAA,CAAA,QAAA,0BACZ,QAA2B,EAAA,EAAA,SAAA,EAAW,QAAQ,QAC7C,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,YAAA;AAAA,QAAA;AAAA,UACC,SAAS,QAAS,CAAA,KAAA;AAAA,UAClB,2BAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,QAAA,CAAS,OAAS,EAAA,CAAA;AAAA,YACjD,QAAA;AAAA,YACA,EAAE,wBAAwB,CAAA;AAAA,YAAG,GAAA;AAAA,4BAC7B,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,QAAA,CAAS,SAAW,EAAA;AAAA,WAC3C,EAAA;AAAA;AAAA,OAEJ;AAAA,2BACC,uBACC,EAAA,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,0BAA0B,CAC1C,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,KAAA;AAAA,YACL,IAAK,EAAA,OAAA;AAAA,YACL,YAAA,EAAY,EAAE,0BAA0B,CAAA;AAAA,YACxC,OAAA,EAAS,MAAM,eAAA,CAAgB,QAAQ,CAAA;AAAA,YAEvC,8BAACA,UAAe,EAAA,EAAA;AAAA;AAAA,SAEpB,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,6BAA6B,CAC7C,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAK,EAAA,KAAA;AAAA,YACL,IAAK,EAAA,OAAA;AAAA,YACL,YAAA,EAAY,EAAE,6BAA6B,CAAA;AAAA,YAC3C,OAAA,EAAS,MAAM,kBAAA,CAAmB,QAAQ,CAAA;AAAA,YAE1C,8BAAC,WAAY,EAAA,EAAA;AAAA;AAAA,SAEjB,EAAA;AAAA,OACF,EAAA;AAAA,KAjCa,EAAA,EAAA,QAAA,CAAS,EAkCxB,CACD,CACH,EAAA,CAAA;AAAA,oBAGA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAM,YAAiB,KAAA,IAAA;AAAA,QACvB,OAAA,EAAS,MAAM,eAAA,CAAgB,IAAI,CAAA;AAAA,QACnC,QAAS,EAAA,IAAA;AAAA,QACT,SAAS,EAAA,IAAA;AAAA,QAER,0CAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,WAAA,EAAA,EAAa,uBAAa,KAAM,EAAA,CAAA;AAAA,0BAChC,IAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,OAAA,CAAQ,eAChC,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,KAAM,EAAA,eAAA,EAAgB,cAAY,IAC9D,EAAA,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,YAAA,CAAa,OAAS,EAAA,CAAA;AAAA,cACrD,QAAA;AAAA,cACA,EAAE,wBAAwB,CAAA;AAAA,cAAG,GAAA;AAAA,8BAC7B,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,YAAA,CAAa,SAAW,EAAA;AAAA,aAC/C,EAAA,CAAA;AAAA,4BACC,GAAA,CAAA,gBAAA,EAAA,EAAiB,OAAS,EAAA,YAAA,CAAa,OAAS,EAAA;AAAA,WACnD,EAAA,CAAA;AAAA,+BACC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,SAAS,MAAM,eAAA,CAAgB,IAAI,CACxC,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,CAC9B,EAAA,CAAA;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,KAAM,EAAA,SAAA;AAAA,gBACN,SAAA,sBAAY,WAAY,EAAA,EAAA,CAAA;AAAA,gBACxB,SAAS,MAAM;AACb,kBAAA,eAAA,CAAgB,IAAI,CAAA;AACpB,kBAAA,kBAAA,CAAmB,YAAY,CAAA;AAAA,iBACjC;AAAA,gBAEC,YAAE,6BAA6B;AAAA;AAAA;AAClC,WACF,EAAA;AAAA,SACF,EAAA;AAAA;AAAA,KAEJ;AAAA,oBAGA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,MAAM,eAAoB,KAAA,IAAA;AAAA,QAC1B,OAAA,EAAS,MAAM,kBAAA,CAAmB,IAAI,CAAA;AAAA,QAEtC,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,iCAAiC,CAAE,EAAA,CAAA;AAAA,8BAClD,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,qBACE,QAAE,EAAA,CAAA,CAAA,uCAAuC,GAC5C,CACF,EAAA,CAAA;AAAA,+BACC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,MAAM,kBAAmB,CAAA,IAAI,GAAG,QAAU,EAAA,SAAA,EACxD,QAAE,EAAA,CAAA,CAAA,0BAA0B,CAC/B,EAAA,CAAA;AAAA,4BACA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,OAAA,EAAS,eAAe,QAAU,EAAA,SAAA,EACvD,QAAE,EAAA,CAAA,CAAA,kCAAkC,CACvC,EAAA;AAAA,WACF,EAAA;AAAA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostHistoryButton/PostHistoryButton.esm.js

@@ -0,0 +1,75 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useCallback } from 'react';
+import { Tooltip, Button, Dialog, DialogTitle, DialogContent } from '@material-ui/core';
+import HistoryIcon from '@material-ui/icons/History';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import '@backstage/plugin-signals-react';
+import '../../hooks/useListItemStyles.esm.js';
+import '@backstage/catalog-model';
+import 'dataloader';
+import '@backstage/plugin-catalog-react';
+import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
+import 'react-router-dom';
+import 'react-use/lib/useDebounce';
+import '../FilterPanel/FilterPanel.esm.js';
+import '../QetaContext/QetaContext.esm.js';
+import { useHistoryEnabled } from '../../hooks/useHistoryEnabled.esm.js';
+import { PostHistory } from '../PostHistory/PostHistory.esm.js';
+
+const PostHistoryButton = (props) => {
+  const { post, onRestore } = props;
+  const { t } = useTranslationRef(qetaTranslationRef);
+  const historyEnabled = useHistoryEnabled(post.type);
+  const [historyOpen, setHistoryOpen] = useState(false);
+  const handleRestore = useCallback(() => {
+    setHistoryOpen(false);
+    onRestore?.();
+  }, [onRestore]);
+  const isActive = post.status === "active";
+  const enabled = historyEnabled && isActive;
+  const getTooltipTitle = () => {
+    if (!historyEnabled) {
+      return t("postHistory.disabledTooltip");
+    }
+    if (!isActive) {
+      return t("postHistory.notActiveTooltip");
+    }
+    return t("postHistory.buttonLabel");
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: getTooltipTitle(), children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outlined",
+        size: "small",
+        startIcon: /* @__PURE__ */ jsx(HistoryIcon, {}),
+        disabled: !enabled,
+        onClick: () => setHistoryOpen(true),
+        children: t("postHistory.buttonLabel")
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(
+      Dialog,
+      {
+        open: historyOpen,
+        onClose: () => setHistoryOpen(false),
+        maxWidth: "md",
+        fullWidth: true,
+        children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: t("postHistory.title") }),
+          /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(PostHistory, { postId: post.id, onRestore: handleRestore }) })
+        ]
+      }
+    )
+  ] });
+};
+
+export { PostHistoryButton };
+//# sourceMappingURL=PostHistoryButton.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostHistoryButton.esm.js","sources":["../../../src/components/PostHistoryButton/PostHistoryButton.tsx"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport {\n  Button,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  Tooltip,\n} from '@material-ui/core';\nimport HistoryIcon from '@material-ui/icons/History';\nimport { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { useHistoryEnabled } from '../../hooks';\nimport { PostHistory } from '../PostHistory';\n\nexport const PostHistoryButton = (props: {\n  post: PostResponse;\n  onRestore?: () => void;\n}) => {\n  const { post, onRestore } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const historyEnabled = useHistoryEnabled(post.type);\n  const [historyOpen, setHistoryOpen] = useState(false);\n\n  const handleRestore = useCallback(() => {\n    setHistoryOpen(false);\n    onRestore?.();\n  }, [onRestore]);\n\n  const isActive = post.status === 'active';\n  const enabled = historyEnabled && isActive;\n\n  const getTooltipTitle = () => {\n    if (!historyEnabled) {\n      return t('postHistory.disabledTooltip');\n    }\n    if (!isActive) {\n      return t('postHistory.notActiveTooltip');\n    }\n    return t('postHistory.buttonLabel');\n  };\n\n  return (\n    <>\n      <Tooltip title={getTooltipTitle()}>\n        <span>\n          <Button\n            variant=\"outlined\"\n            size=\"small\"\n            startIcon={<HistoryIcon />}\n            disabled={!enabled}\n            onClick={() => setHistoryOpen(true)}\n          >\n            {t('postHistory.buttonLabel')}\n          </Button>\n        </span>\n      </Tooltip>\n\n      <Dialog\n        open={historyOpen}\n        onClose={() => setHistoryOpen(false)}\n        maxWidth=\"md\"\n        fullWidth\n      >\n        <DialogTitle>{t('postHistory.title')}</DialogTitle>\n        <DialogContent>\n          <PostHistory postId={post.id} onRestore={handleRestore} />\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAea,MAAA,iBAAA,GAAoB,CAAC,KAG5B,KAAA;AACJ,EAAM,MAAA,EAAE,IAAM,EAAA,SAAA,EAAc,GAAA,KAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAClD,EAAM,MAAA,cAAA,GAAiB,iBAAkB,CAAA,IAAA,CAAK,IAAI,CAAA;AAClD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,KAAK,CAAA;AAEpD,EAAM,MAAA,aAAA,GAAgB,YAAY,MAAM;AACtC,IAAA,cAAA,CAAe,KAAK,CAAA;AACpB,IAAY,SAAA,IAAA;AAAA,GACd,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAM,MAAA,QAAA,GAAW,KAAK,MAAW,KAAA,QAAA;AACjC,EAAA,MAAM,UAAU,cAAkB,IAAA,QAAA;AAElC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,MAAA,OAAO,EAAE,6BAA6B,CAAA;AAAA;AAExC,IAAA,IAAI,CAAC,QAAU,EAAA;AACb,MAAA,OAAO,EAAE,8BAA8B,CAAA;AAAA;AAEzC,IAAA,OAAO,EAAE,yBAAyB,CAAA;AAAA,GACpC;AAEA,EAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,eAAgB,EAAA,EAC9B,8BAAC,MACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,SAAA,sBAAY,WAAY,EAAA,EAAA,CAAA;AAAA,QACxB,UAAU,CAAC,OAAA;AAAA,QACX,OAAA,EAAS,MAAM,cAAA,CAAe,IAAI,CAAA;AAAA,QAEjC,YAAE,yBAAyB;AAAA;AAAA,OAEhC,CACF,EAAA,CAAA;AAAA,oBAEA,IAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,WAAA;AAAA,QACN,OAAA,EAAS,MAAM,cAAA,CAAe,KAAK,CAAA;AAAA,QACnC,QAAS,EAAA,IAAA;AAAA,QACT,SAAS,EAAA,IAAA;AAAA,QAET,QAAA,EAAA;AAAA,0BAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,mBAAmB,CAAE,EAAA,CAAA;AAAA,0BACrC,GAAA,CAAC,iBACC,QAAC,kBAAA,GAAA,CAAA,WAAA,EAAA,EAAY,QAAQ,IAAK,CAAA,EAAA,EAAI,SAAW,EAAA,aAAA,EAAe,CAC1D,EAAA;AAAA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/PostsContainer/PostListItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    height: '100%',\n    padding: theme.spacing(2.5, 3.5, 2, 2),\n    minHeight: 80,\n    transition: 'all 0.2s ease-in-out',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:first-child': {\n      paddingTop: theme.spacing(3),\n    },\n    position: 'relative',\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n      '& $title': {\n        color: theme.palette.primary.main,\n      },\n    },\n    cursor: 'pointer',\n  },\n  overlayLink: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: 0,\n  },\n  contentWrapper: {\n    pointerEvents: 'none',\n  },\n  contentClickable: {\n    position: 'relative',\n    zIndex: 10,\n    pointerEvents: 'auto',\n  },\n  metaCol: {\n    minWidth: 64,\n    maxWidth: 64,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: theme.spacing(1.5),\n    gap: '6px',\n  },\n  metaItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n    width: '100%',\n    fontSize: '15px',\n  },\n  metaItemActive: {\n    color: theme.palette.success.main,\n    fontWeight: 500,\n  },\n  metaItemWarning: {\n    color: theme.palette.warning.main,\n    fontWeight: 500,\n  },\n  metaIcon: {\n    fontSize: 16,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '16px',\n    color: theme.palette.text.primary,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    textDecoration: 'none',\n  },\n  content: {\n    color: theme.palette.text.primary,\n    opacity: 0.9,\n    margin: '0px 0 4px 0px',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    fontSize: '14px',\n    minHeight: '20px',\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n    marginTop: '10px',\n  },\n  tags: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  authorBoxContainer: {\n    marginLeft: 'auto',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(0.5),\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    height: 24,\n    marginBottom: 0,\n    marginRight: 0,\n    padding: theme.spacing(0, 0.5, 0, 1),\n  },\n  openLinkButton: {\n    padding: 0,\n    height: 24,\n    width: 24,\n  },\n  starContainer: {\n    height: 24,\n    width: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n  return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const {\n    post,\n    entity,\n    showTypeLabel,\n    allowRanking,\n    onRankUpdate,\n    collectionId,\n  } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  /* eslint-disable no-nested-ternary */\n  const answerClassName = correctAnswer\n    ? styles.metaItemActive\n    : answersCount === 0\n    ? styles.metaItemWarning\n    : '';\n  /* eslint-enable no-nested-ternary */\n\n  return (\n    <Box className={styles.root}>\n      <RouterLink\n        to={href}\n        className={styles.overlayLink}\n        aria-label={post.title}\n      />\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip\n          title={\n            post.type === 'link'\n              ? t('common.clicksCount', { count: score })\n              : t('common.votesCount', { count: score })\n          }\n          arrow\n        >\n          <Box className={styles.metaItem}>\n            {post.type === 'link' ? (\n              <TouchApp className={styles.metaIcon} />\n            ) : (\n              <ThumbUp className={styles.metaIcon} />\n            )}\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(score)}\n            </Typography>\n          </Box>\n        </Tooltip>\n\n        {post.type === 'question' && (\n          <Tooltip\n            title={t('common.answersCount', { count: answersCount })}\n            arrow\n          >\n            <Box className={`${styles.metaItem} ${answerClassName}`}>\n              {correctAnswer ? (\n                <CheckCircle className={styles.metaIcon} />\n              ) : (\n                <QuestionAnswer className={styles.metaIcon} />\n              )}\n              <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n                {formatShortNumber(answersCount)}\n              </Typography>\n            </Box>\n          </Tooltip>\n        )}\n\n        <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n          <Box className={styles.metaItem}>\n            <Visibility className={styles.metaIcon} />\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(views)}\n            </Typography>\n          </Box>\n        </Tooltip>\n      </Box>\n\n      <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            {post.type === 'link' && <FaviconItem entity={post} />}\n            <Typography component=\"div\" className={styles.title}>\n              {post.title}\n            </Typography>\n          </Box>\n\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            style={{ gap: '8px' }}\n            className={styles.contentClickable}\n          >\n            {post.favorite && (\n              <Tooltip title={t('common.favorite')}>\n                <Box className={styles.starContainer}>\n                  <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n                </Box>\n              </Tooltip>\n            )}\n            {post.status === 'obsolete' && (\n              <Tooltip title={t('common.obsolete')}>\n                <Box className={styles.starContainer}>\n                  <ErrorOutlineIcon\n                    style={{ color: '#FF9800', fontSize: 20 }}\n                  />\n                </Box>\n              </Tooltip>\n            )}\n            <StatusChip status={post.status} />\n            {showTypeLabel && post.type && (\n              <Chip\n                size=\"small\"\n                variant=\"outlined\"\n                icon={selectByPostType(\n                  post.type,\n                  <QuestionAnswer style={{ fontSize: 16 }} />,\n                  <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n                  <LinkIcon style={{ fontSize: 16 }} />,\n                )}\n                label={capitalizeFirstLetter(t(`common.${post.type}`))}\n                className={styles.typeLabel}\n              />\n            )}\n            {post.type === 'link' && (\n              <OpenLinkButton entity={post} className={styles.openLinkButton} />\n            )}\n          </Box>\n        </Box>\n\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <span\n            dangerouslySetInnerHTML={{\n              __html: DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 200),\n              ),\n            }}\n          />\n        </Typography>\n\n        <Box className={styles.tagsRow}>\n          <Box className={`${styles.tags} ${styles.contentClickable}`}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box\n            className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n          >\n            {allowRanking && (\n              <Box mr={2} mb={1}>\n                <RankingButtons\n                  postId={post.id}\n                  collectionId={collectionId}\n                  onRankUpdate={onRankUpdate}\n                />\n              </Box>\n            )}\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n              compact\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":"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"}
+{"version":3,"file":"PostListItem.esm.js","sources":["../../../src/components/PostsContainer/PostListItem.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  PostResponse,\n  PostType,\n  QetaSignal,\n  removeMarkdownFormatting,\n  selectByPostType,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { articleRouteRef, linkRouteRef, questionRouteRef } from '../../routes';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Box, Chip, makeStyles, Tooltip, Typography } from '@material-ui/core';\nimport { AuthorBox } from '../AuthorBox/AuthorBox';\nimport numeral from 'numeral';\nimport QuestionAnswer from '@material-ui/icons/QuestionAnswer';\nimport CollectionsBookmarkIcon from '@material-ui/icons/CollectionsBookmark';\nimport LinkIcon from '@material-ui/icons/Link';\nimport StarIcon from '@material-ui/icons/Star';\nimport ErrorOutlineIcon from '@material-ui/icons/ErrorOutline';\nimport Visibility from '@material-ui/icons/Visibility';\nimport CheckCircle from '@material-ui/icons/CheckCircle';\nimport ThumbUp from '@material-ui/icons/ThumbUp';\nimport TouchApp from '@material-ui/icons/TouchApp';\nimport { StatusChip } from '../Utility/StatusChip';\nimport { OpenLinkButton, RankingButtons } from '../Buttons';\nimport { FaviconItem } from '../FaviconItem';\nimport { getPostDisplayDate } from '../../utils/utils';\nimport { Link as RouterLink } from 'react-router-dom';\n\nexport interface PostListItemProps {\n  post: PostResponse;\n  entity?: string;\n  type?: PostType;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  onRankUpdate?: () => void;\n  collectionId?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'flex-start',\n    height: '100%',\n    padding: theme.spacing(2.5, 3.5, 2, 2),\n    minHeight: 80,\n    transition: 'all 0.2s ease-in-out',\n    textDecoration: 'none',\n    color: 'inherit',\n    '&:first-child': {\n      paddingTop: theme.spacing(3),\n    },\n    position: 'relative',\n    '&:hover': {\n      backgroundColor: theme.palette.action.hover,\n      '& $title': {\n        color: theme.palette.primary.main,\n      },\n    },\n    cursor: 'pointer',\n  },\n  overlayLink: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    zIndex: 0,\n  },\n  contentWrapper: {\n    pointerEvents: 'none',\n  },\n  contentClickable: {\n    position: 'relative',\n    zIndex: 10,\n    pointerEvents: 'auto',\n  },\n  metaCol: {\n    minWidth: 64,\n    maxWidth: 64,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    marginRight: theme.spacing(1.5),\n    gap: '6px',\n  },\n  metaItem: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: theme.spacing(0.5),\n    color: theme.palette.text.secondary,\n    width: '100%',\n    fontSize: '15px',\n  },\n  metaItemActive: {\n    color: theme.palette.success.main,\n    fontWeight: 500,\n  },\n  metaItemWarning: {\n    color: theme.palette.warning.main,\n    fontWeight: 500,\n  },\n  metaIcon: {\n    fontSize: 16,\n  },\n  title: {\n    fontWeight: 700,\n    fontSize: '16px',\n    color: theme.palette.text.primary,\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    lineHeight: 1.2,\n    textDecoration: 'none',\n  },\n  content: {\n    color: theme.palette.text.primary,\n    opacity: 0.9,\n    margin: '0px 0 4px 0px',\n    display: '-webkit-box',\n    WebkitLineClamp: 2,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    fontSize: '14px',\n    minHeight: '20px',\n  },\n  tagsRow: {\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    width: '100%',\n    marginTop: '10px',\n  },\n  tags: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: 4,\n  },\n  authorBoxContainer: {\n    marginLeft: 'auto',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  contentContainer: {\n    flex: 1,\n    minWidth: 0,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n  },\n  titleContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    justifyContent: 'space-between',\n    marginBottom: theme.spacing(0.5),\n  },\n  titleWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    flex: 1,\n    minWidth: 0,\n  },\n  typeLabel: {\n    height: 24,\n    marginBottom: 0,\n    marginRight: 0,\n    padding: theme.spacing(0, 0.5, 0, 1),\n  },\n  openLinkButton: {\n    padding: 0,\n    height: 24,\n    width: 24,\n  },\n  starContainer: {\n    height: 24,\n    width: 24,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    padding: 0,\n  },\n}));\n\nfunction formatShortNumber(num: number): string {\n  return num >= 1000 ? numeral(num).format('0.0 a') : num.toString();\n}\n\nfunction capitalizeFirstLetter(val: string) {\n  return String(val).charAt(0).toUpperCase() + String(val).slice(1);\n}\n\nexport const PostListItem = (props: PostListItemProps) => {\n  const {\n    post,\n    entity,\n    showTypeLabel,\n    allowRanking,\n    onRankUpdate,\n    collectionId,\n  } = props;\n  const [correctAnswer, setCorrectAnswer] = useState(post.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(post.answersCount);\n  const [views, setViews] = useState(post.views);\n  const [score, setScore] = useState(post.score);\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const styles = useStyles();\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:post_${post.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'post_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n      setScore(lastSignal.score);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const articleRoute = useRouteRef(articleRouteRef);\n  const linkRoute = useRouteRef(linkRouteRef);\n\n  const route = selectByPostType(\n    post.type,\n    questionRoute,\n    articleRoute,\n    linkRoute,\n  );\n\n  const href = entity\n    ? `${route({ id: post.id.toString(10) })}?entity=${entity}`\n    : route({ id: post.id.toString(10) });\n\n  /* eslint-disable no-nested-ternary */\n  const answerClassName = correctAnswer\n    ? styles.metaItemActive\n    : answersCount === 0\n      ? styles.metaItemWarning\n      : '';\n  /* eslint-enable no-nested-ternary */\n\n  return (\n    <Box className={styles.root}>\n      <RouterLink\n        to={href}\n        className={styles.overlayLink}\n        aria-label={post.title}\n      />\n      <Box className={styles.metaCol} aria-label={t('common.postStats')}>\n        <Tooltip\n          title={\n            post.type === 'link'\n              ? t('common.clicksCount', { count: score })\n              : t('common.votesCount', { count: score })\n          }\n          arrow\n        >\n          <Box className={styles.metaItem}>\n            {post.type === 'link' ? (\n              <TouchApp className={styles.metaIcon} />\n            ) : (\n              <ThumbUp className={styles.metaIcon} />\n            )}\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(score)}\n            </Typography>\n          </Box>\n        </Tooltip>\n\n        {post.type === 'question' && (\n          <Tooltip\n            title={t('common.answersCount', { count: answersCount })}\n            arrow\n          >\n            <Box className={`${styles.metaItem} ${answerClassName}`}>\n              {correctAnswer ? (\n                <CheckCircle className={styles.metaIcon} />\n              ) : (\n                <QuestionAnswer className={styles.metaIcon} />\n              )}\n              <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n                {formatShortNumber(answersCount)}\n              </Typography>\n            </Box>\n          </Tooltip>\n        )}\n\n        <Tooltip title={t('common.viewsCount', { count: views })} arrow>\n          <Box className={styles.metaItem}>\n            <Visibility className={styles.metaIcon} />\n            <Typography variant=\"caption\" style={{ fontSize: 'inherit' }}>\n              {formatShortNumber(views)}\n            </Typography>\n          </Box>\n        </Tooltip>\n      </Box>\n\n      <Box className={`${styles.contentContainer} ${styles.contentWrapper}`}>\n        <Box className={styles.titleContainer}>\n          <Box className={styles.titleWrapper}>\n            {post.type === 'link' && <FaviconItem entity={post} />}\n            <Typography component=\"div\" className={styles.title}>\n              {post.title}\n            </Typography>\n          </Box>\n\n          <Box\n            display=\"flex\"\n            alignItems=\"center\"\n            style={{ gap: '8px' }}\n            className={styles.contentClickable}\n          >\n            {post.favorite && (\n              <Tooltip title={t('common.favorite')}>\n                <Box className={styles.starContainer}>\n                  <StarIcon style={{ color: '#FFB400', fontSize: 20 }} />\n                </Box>\n              </Tooltip>\n            )}\n            {post.status === 'obsolete' && (\n              <Tooltip title={t('common.obsolete')}>\n                <Box className={styles.starContainer}>\n                  <ErrorOutlineIcon\n                    style={{ color: '#FF9800', fontSize: 20 }}\n                  />\n                </Box>\n              </Tooltip>\n            )}\n            <StatusChip status={post.status} />\n            {showTypeLabel && post.type && (\n              <Chip\n                size=\"small\"\n                variant=\"outlined\"\n                icon={selectByPostType(\n                  post.type,\n                  <QuestionAnswer style={{ fontSize: 16 }} />,\n                  <CollectionsBookmarkIcon style={{ fontSize: 16 }} />,\n                  <LinkIcon style={{ fontSize: 16 }} />,\n                )}\n                label={capitalizeFirstLetter(t(`common.${post.type}`))}\n                className={styles.typeLabel}\n              />\n            )}\n            {post.type === 'link' && (\n              <OpenLinkButton entity={post} className={styles.openLinkButton} />\n            )}\n          </Box>\n        </Box>\n\n        <Typography variant=\"body2\" component=\"div\" className={styles.content}>\n          <span\n            dangerouslySetInnerHTML={{\n              __html: DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(post.content), 200),\n              ),\n            }}\n          />\n        </Typography>\n\n        <Box className={styles.tagsRow}>\n          <Box className={`${styles.tags} ${styles.contentClickable}`}>\n            <TagsAndEntities entity={post} />\n          </Box>\n          <Box\n            className={`${styles.authorBoxContainer} ${styles.contentClickable}`}\n          >\n            {allowRanking && (\n              <Box mr={2} mb={1}>\n                <RankingButtons\n                  postId={post.id}\n                  collectionId={collectionId}\n                  onRankUpdate={onRankUpdate}\n                />\n              </Box>\n            )}\n            <AuthorBox\n              userEntityRef={post.author}\n              time={getPostDisplayDate(post)}\n              label={t('authorBox.postedAtTime')}\n              expert={Boolean(post.experts && post.experts.length > 0)}\n              anonymous={post.anonymous}\n              compact\n            />\n          </Box>\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n"],"names":["RouterLink","QuestionAnswer"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n  type?: PostType;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  collectionId?: number;\n  initialPageSize?: number;\n  entity?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  filterPanelProps?: CommonFilterPanelProps;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  defaultView?: ViewType;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n  status?: string;\n  prefix?: string;\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n  const {\n    type,\n    tags,\n    tagsRelation,\n    author,\n    entity,\n    entities,\n    entitiesRelation,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    showTypeLabel,\n    allowRanking,\n    defaultView,\n    collectionId,\n    initialPageSize,\n    orderBy,\n    prefix,\n  } = props;\n\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n  let shownTitle: React.ReactNode = title;\n  let link = undefined;\n  let btn = undefined;\n\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  const headerElement = (showTitle ||\n    showAskButton ||\n    showWriteButton ||\n    showLinkButton) && (\n    <Box mb={3}>\n      <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n        <Grid item>\n          {showTitle && (\n            <Typography\n              variant=\"h5\"\n              className=\"qetaPostsContainerTitle\"\n              style={{ fontWeight: 500, paddingBottom: 2 }}\n            >\n              {shownTitle} {link} {btn}\n            </Typography>\n          )}\n        </Grid>\n        <Grid item>\n          {showAskButton && (\n            <AskQuestionButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showWriteButton && (\n            <WriteArticleButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showLinkButton && (\n            <CreateLinkButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {headerElement}\n      <QetaEntityContainer<PostResponse, PostFilters>\n        prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n        defaultPageSize={initialPageSize}\n        initialFilters={{\n          order: 'desc',\n          searchQuery: '',\n          orderBy: orderBy ?? 'created',\n          type: type,\n          tags: tags,\n          tagsRelation: tagsRelation,\n          entity: entity,\n          entities: entities,\n          entitiesRelation: entitiesRelation,\n          author: author,\n          noAnswers: 'false',\n          noVotes: 'false',\n          noCorrectAnswer: 'false',\n          status: props.status as any,\n          collectionId: collectionId,\n        }}\n        filterPanelProps={\n          showFilters ?? true\n            ? {\n                mode: 'posts',\n                type: type as PostType,\n                showEntityFilter: entity === undefined,\n                ...props.filterPanelProps,\n              }\n            : undefined\n        }\n        fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n        fetch={(api, limit, offset, filters) => {\n          const { entity: _entity, ...otherFilters } = filters;\n          return api\n            .getPosts({\n              limit,\n              offset,\n              ...(getFiltersWithDateRange(otherFilters) as any),\n              type: type,\n              tags: tags ?? filters.tags,\n              entities: entity\n                ? [entity, ...(filters.entities ?? [])]\n                : filters.entities,\n              entitiesRelation,\n              tagsRelation,\n              author: author ?? filters.author,\n              favorite: favorite,\n              collectionId: collectionId,\n            })\n            .then(res => ({ items: res.posts, total: res.total }));\n        }}\n        renderGridItem={(post, { retry }) => (\n          <PostsGridItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        renderListItem={(post, { retry }) => (\n          <PostListItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            showTypeLabel={showTypeLabel}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        title={total => (\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            className=\"qetaPostsContainerQuestionCount\"\n            style={{ fontWeight: 500, paddingBottom: 2 }}\n          >\n            {t('common.posts', { count: total, itemType })}\n          </Typography>\n        )}\n        searchPlaceholder={t('postsContainer.search.label', {\n          itemType: itemType.toLowerCase(),\n        })}\n        emptyMessage={t('common.posts', { count: 0, itemType })}\n        getKey={post => post.id}\n        defaultView={defaultView} // Pass the view prop as defaultView\n        emptyState={\n          <NoPostsCard\n            showNoPostsBtn={showNoQuestionsBtn}\n            entity={entity}\n            entityPage={entity !== undefined}\n            tags={tags}\n            type={type}\n          />\n        }\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n  CommonFilterPanelProps,\n  PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { CreateLinkButton, WriteArticleButton } from '../Buttons';\nimport { ViewType } from '../ViewToggle/ViewToggle';\nimport { capitalize } from 'lodash';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation';\nimport { Box, Grid, Typography } from '@material-ui/core';\nimport { QetaEntityContainer } from '../QetaEntityContainer/QetaEntityContainer';\nimport { PostsGridItem } from './PostsGridItem';\nimport { PostListItem } from './PostListItem';\nimport { PostResponse, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { NoPostsCard } from './NoPostsCard';\n\nexport type PostsContainerProps = {\n  type?: PostType;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  collectionId?: number;\n  initialPageSize?: number;\n  entity?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  filterPanelProps?: CommonFilterPanelProps;\n  showTypeLabel?: boolean;\n  allowRanking?: boolean;\n  defaultView?: ViewType;\n  view?: ViewType;\n  onViewChange?: (view: ViewType) => void;\n  status?: string;\n  prefix?: string;\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n};\n\nexport const PostsContainer = (props: PostsContainerProps) => {\n  const {\n    type,\n    tags,\n    tagsRelation,\n    author,\n    entity,\n    entities,\n    entitiesRelation,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showWriteButton,\n    showLinkButton,\n    showNoQuestionsBtn,\n    showTypeLabel,\n    allowRanking,\n    defaultView,\n    collectionId,\n    initialPageSize,\n    orderBy,\n    prefix,\n  } = props;\n\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  const itemType = capitalize(t(`common.${type ?? 'post'}` as any, {}));\n  let shownTitle: React.ReactNode = title;\n  let link = undefined;\n  let btn = undefined;\n\n  if (author) {\n    shownTitle = t(`postsContainer.title.by`, { itemType });\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t(`postsContainer.title.about`, { itemType });\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = `#${tags.join(', #')}`;\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('postsContainer.title.favorite', {\n      itemType: itemType.toLowerCase(),\n    });\n  }\n\n  const headerElement = (showTitle ||\n    showAskButton ||\n    showWriteButton ||\n    showLinkButton) && (\n    <Box mb={3}>\n      <Grid container alignItems=\"center\" justifyContent=\"space-between\">\n        <Grid item>\n          {showTitle && (\n            <Typography\n              variant=\"h5\"\n              className=\"qetaPostsContainerTitle\"\n              style={{ fontWeight: 500, paddingBottom: 2 }}\n            >\n              {shownTitle} {link} {btn}\n            </Typography>\n          )}\n        </Grid>\n        <Grid item>\n          {showAskButton && (\n            <AskQuestionButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showWriteButton && (\n            <WriteArticleButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n          {showLinkButton && (\n            <CreateLinkButton\n              entity={entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          )}\n        </Grid>\n      </Grid>\n    </Box>\n  );\n\n  return (\n    <Box className=\"qetaPostsContainer\">\n      {headerElement}\n      <QetaEntityContainer<PostResponse, PostFilters>\n        prefix={prefix ?? `posts${type ? `-${type}` : ''}`}\n        defaultPageSize={initialPageSize}\n        initialFilters={{\n          order: 'desc',\n          searchQuery: '',\n          orderBy: orderBy ?? 'created',\n          type: type,\n          tags: tags,\n          tagsRelation: tagsRelation,\n          entity: entity,\n          entities: entities,\n          entitiesRelation: entitiesRelation,\n          author: author,\n          noAnswers: 'false',\n          noVotes: 'false',\n          noCorrectAnswer: 'false',\n          status: props.status as any,\n          collectionId: collectionId,\n        }}\n        filterPanelProps={\n          (showFilters ?? true)\n            ? {\n                mode: 'posts',\n                type: type as PostType,\n                showEntityFilter: entity === undefined,\n                ...props.filterPanelProps,\n              }\n            : undefined\n        }\n        fetchDeps={[type, tags, author, entity, favorite, collectionId]}\n        fetch={(api, limit, offset, filters) => {\n          const { entity: _entity, ...otherFilters } = filters;\n          return api\n            .getPosts({\n              limit,\n              offset,\n              ...(getFiltersWithDateRange(otherFilters) as any),\n              type: type,\n              tags: tags ?? filters.tags,\n              entities: entity\n                ? [entity, ...(filters.entities ?? [])]\n                : filters.entities,\n              entitiesRelation,\n              tagsRelation,\n              author: author ?? filters.author,\n              favorite: favorite,\n              collectionId: collectionId,\n            })\n            .then(res => ({ items: res.posts, total: res.total }));\n        }}\n        renderGridItem={(post, { retry }) => (\n          <PostsGridItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        renderListItem={(post, { retry }) => (\n          <PostListItem\n            post={post}\n            entity={entity}\n            type={type as PostType}\n            showTypeLabel={showTypeLabel}\n            allowRanking={allowRanking}\n            onRankUpdate={retry}\n            collectionId={collectionId}\n          />\n        )}\n        title={total => (\n          <Typography\n            variant=\"h6\"\n            component=\"h2\"\n            className=\"qetaPostsContainerQuestionCount\"\n            style={{ fontWeight: 500, paddingBottom: 2 }}\n          >\n            {t('common.posts', { count: total, itemType })}\n          </Typography>\n        )}\n        searchPlaceholder={t('postsContainer.search.label', {\n          itemType: itemType.toLowerCase(),\n        })}\n        emptyMessage={t('common.posts', { count: 0, itemType })}\n        getKey={post => post.id}\n        defaultView={defaultView} // Pass the view prop as defaultView\n        emptyState={\n          <NoPostsCard\n            showNoPostsBtn={showNoQuestionsBtn}\n            entity={entity}\n            entityPage={entity !== undefined}\n            tags={tags}\n            type={type}\n          />\n        }\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}