@drodil/backstage-plugin-qeta 2.15.0 → 3.0.0

package/dist/components/QuestionsContainer/QuestionListItem.esm.js

@@ -1,123 +0,0 @@
-import { useTheme, Grid, Chip, Typography, Avatar } from '@material-ui/core';
-import { Link } from '@backstage/core-components';
-import React, { useState, useEffect } from 'react';
-import DOMPurify from 'dompurify';
-import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
-import { TagsAndEntities } from '../QuestionPage/TagsAndEntities.esm.js';
-import { useRouteRef } from '@backstage/core-plugin-api';
-import { questionRouteRef, userRouteRef } from '@drodil/backstage-plugin-qeta-react';
-import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
-import { useTranslation, useStyles, useEntityAuthor } from '../../utils/hooks.esm.js';
-import { useSignal } from '@backstage/plugin-signals-react';
-import { VoteButtons } from '../QuestionPage/VoteButtons.esm.js';
-import { FavoriteButton } from '../QuestionPage/FavoriteButton.esm.js';
-
-const QuestionListItem = (props) => {
-  const { question, entity } = props;
-  const [correctAnswer, setCorrectAnswer] = useState(question.correctAnswer);
-  const [answersCount, setAnswersCount] = useState(question.answersCount);
-  const [views, setViews] = useState(question.views);
-  const { t } = useTranslation();
-  const { lastSignal } = useSignal(`qeta:question_${question.id}`);
-  useEffect(() => {
-    if (lastSignal?.type === "question_stats") {
-      setCorrectAnswer(lastSignal.correctAnswer);
-      setAnswersCount(lastSignal.answersCount);
-      setViews(lastSignal.views);
-    }
-  }, [lastSignal]);
-  const questionRoute = useRouteRef(questionRouteRef);
-  const userRoute = useRouteRef(userRouteRef);
-  const theme = useTheme();
-  const styles = useStyles();
-  const { name, initials, user } = useEntityAuthor(question);
-  return /* @__PURE__ */ React.createElement(
-    Grid,
-    {
-      container: true,
-      spacing: 0,
-      className: styles.questionListItem,
-      justifyContent: "flex-start"
-    },
-    /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: question }), /* @__PURE__ */ React.createElement(FavoriteButton, { entity: question }))),
-    /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.questionListItemContent }, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 1 }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
-      Chip,
-      {
-        variant: "outlined",
-        size: "small",
-        label: t("common.answers", {
-          count: answersCount
-        }),
-        style: {
-          borderColor: correctAnswer ? theme.palette.success.main : void 0,
-          marginBottom: "0"
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(
-      Chip,
-      {
-        variant: "outlined",
-        size: "small",
-        style: { border: "none", marginBottom: "0" },
-        label: t("common.viewsShort", {
-          count: views
-        })
-      }
-    )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h5", component: "div" }, /* @__PURE__ */ React.createElement(
-      Link,
-      {
-        to: entity ? `${questionRoute({
-          id: question.id.toString(10)
-        })}?entity=${entity}` : questionRoute({ id: question.id.toString(10) }),
-        className: "qetaQuestionListItemQuestionBtn"
-      },
-      question.title
-    )), /* @__PURE__ */ React.createElement(
-      Typography,
-      {
-        variant: "caption",
-        noWrap: true,
-        component: "div",
-        className: "qetaQuestionListItemContent",
-        style: { marginBottom: "5px" }
-      },
-      DOMPurify.sanitize(
-        truncate(removeMarkdownFormatting(question.content), 150)
-      )
-    )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(TagsAndEntities, { question }), /* @__PURE__ */ React.createElement(
-      Typography,
-      {
-        variant: "caption",
-        display: "inline",
-        className: `${styles.questionListItemAuthor} qetaQuestionListItemAuthor`
-      },
-      /* @__PURE__ */ React.createElement(
-        Avatar,
-        {
-          src: user?.spec?.profile?.picture,
-          className: styles.questionListItemAvatar,
-          alt: name,
-          variant: "rounded"
-        },
-        initials
-      ),
-      question.author === "anonymous" ? t("common.anonymousAuthor") : /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${question.author}` }, name),
-      " ",
-      /* @__PURE__ */ React.createElement(
-        Link,
-        {
-          to: entity ? `${questionRoute({
-            id: question.id.toString(10)
-          })}?entity=${entity}` : questionRoute({ id: question.id.toString(10) }),
-          className: "qetaQuestionListItemQuestionBtn"
-        },
-        t("authorBox.askedAtTime"),
-        " ",
-        /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: question.created })
-      )
-    ))))
-  );
-};
-
-export { QuestionListItem };
-//# sourceMappingURL=QuestionListItem.esm.js.map

package/dist/components/QuestionsContainer/QuestionListItem.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionListItem.esm.js","sources":["../../../src/components/QuestionsContainer/QuestionListItem.tsx"],"sourcesContent":["import { Avatar, Chip, Grid, Typography, useTheme } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport React, { useEffect, useState } from 'react';\nimport DOMPurify from 'dompurify';\nimport {\n  QetaSignal,\n  QuestionResponse,\n  removeMarkdownFormatting,\n  truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { TagsAndEntities } from '../QuestionPage/TagsAndEntities';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  questionRouteRef,\n  userRouteRef,\n} from '@drodil/backstage-plugin-qeta-react';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { useEntityAuthor, useStyles, useTranslation } from '../../utils/hooks';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport { VoteButtons } from '../QuestionPage/VoteButtons';\nimport { FavoriteButton } from '../QuestionPage/FavoriteButton';\n\nexport interface QuestionListItemProps {\n  question: QuestionResponse;\n  entity?: string;\n}\n\nexport const QuestionListItem = (props: QuestionListItemProps) => {\n  const { question, entity } = props;\n\n  const [correctAnswer, setCorrectAnswer] = useState(question.correctAnswer);\n  const [answersCount, setAnswersCount] = useState(question.answersCount);\n  const [views, setViews] = useState(question.views);\n  const { t } = useTranslation();\n\n  const { lastSignal } = useSignal<QetaSignal>(`qeta:question_${question.id}`);\n\n  useEffect(() => {\n    if (lastSignal?.type === 'question_stats') {\n      setCorrectAnswer(lastSignal.correctAnswer);\n      setAnswersCount(lastSignal.answersCount);\n      setViews(lastSignal.views);\n    }\n  }, [lastSignal]);\n\n  const questionRoute = useRouteRef(questionRouteRef);\n  const userRoute = useRouteRef(userRouteRef);\n  const theme = useTheme();\n  const styles = useStyles();\n  const { name, initials, user } = useEntityAuthor(question);\n\n  return (\n    <Grid\n      container\n      spacing={0}\n      className={styles.questionListItem}\n      justifyContent=\"flex-start\"\n    >\n      <Grid container item xs={1} justifyContent=\"center\">\n        <div className={styles.questionCardVote}>\n          <VoteButtons entity={question} />\n          <FavoriteButton entity={question} />\n        </div>\n      </Grid>\n      <Grid item xs={11} className={styles.questionListItemContent}>\n        <Grid container spacing={1}>\n          <Grid item xs={12}>\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              label={t('common.answers', {\n                count: answersCount,\n              })}\n              style={{\n                borderColor: correctAnswer\n                  ? theme.palette.success.main\n                  : undefined,\n                marginBottom: '0',\n              }}\n            />\n            <Chip\n              variant=\"outlined\"\n              size=\"small\"\n              style={{ border: 'none', marginBottom: '0' }}\n              label={t('common.viewsShort', {\n                count: views,\n              })}\n            />\n          </Grid>\n          <Grid item xs={12}>\n            <Typography variant=\"h5\" component=\"div\">\n              <Link\n                to={\n                  entity\n                    ? `${questionRoute({\n                        id: question.id.toString(10),\n                      })}?entity=${entity}`\n                    : questionRoute({ id: question.id.toString(10) })\n                }\n                className=\"qetaQuestionListItemQuestionBtn\"\n              >\n                {question.title}\n              </Link>\n            </Typography>\n            <Typography\n              variant=\"caption\"\n              noWrap\n              component=\"div\"\n              className=\"qetaQuestionListItemContent\"\n              style={{ marginBottom: '5px' }}\n            >\n              {DOMPurify.sanitize(\n                truncate(removeMarkdownFormatting(question.content), 150),\n              )}\n            </Typography>\n          </Grid>\n          <Grid item xs={12}>\n            <TagsAndEntities question={question} />\n            <Typography\n              variant=\"caption\"\n              display=\"inline\"\n              className={`${styles.questionListItemAuthor} qetaQuestionListItemAuthor`}\n            >\n              <Avatar\n                src={user?.spec?.profile?.picture}\n                className={styles.questionListItemAvatar}\n                alt={name}\n                variant=\"rounded\"\n              >\n                {initials}\n              </Avatar>\n              {question.author === 'anonymous' ? (\n                t('common.anonymousAuthor')\n              ) : (\n                <Link to={`${userRoute()}/${question.author}`}>{name}</Link>\n              )}{' '}\n              <Link\n                to={\n                  entity\n                    ? `${questionRoute({\n                        id: question.id.toString(10),\n                      })}?entity=${entity}`\n                    : questionRoute({ id: question.id.toString(10) })\n                }\n                className=\"qetaQuestionListItemQuestionBtn\"\n              >\n                {t('authorBox.askedAtTime')}{' '}\n                <RelativeTimeWithTooltip value={question.created} />\n              </Link>\n            </Typography>\n          </Grid>\n        </Grid>\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AA2Ba,MAAA,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AAChE,EAAM,MAAA,EAAE,QAAU,EAAA,MAAA,EAAW,GAAA,KAAA,CAAA;AAE7B,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA,CAAS,SAAS,aAAa,CAAA,CAAA;AACzE,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAA,QAAA,CAAS,SAAS,YAAY,CAAA,CAAA;AACtE,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAA,QAAA,CAAS,SAAS,KAAK,CAAA,CAAA;AACjD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,EAAE,UAAW,EAAA,GAAI,UAAsB,CAAiB,cAAA,EAAA,QAAA,CAAS,EAAE,CAAE,CAAA,CAAA,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,UAAA,EAAY,SAAS,gBAAkB,EAAA;AACzC,MAAA,gBAAA,CAAiB,WAAW,aAAa,CAAA,CAAA;AACzC,MAAA,eAAA,CAAgB,WAAW,YAAY,CAAA,CAAA;AACvC,MAAA,QAAA,CAAS,WAAW,KAAK,CAAA,CAAA;AAAA,KAC3B;AAAA,GACF,EAAG,CAAC,UAAU,CAAC,CAAA,CAAA;AAEf,EAAM,MAAA,aAAA,GAAgB,YAAY,gBAAgB,CAAA,CAAA;AAClD,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,QAAQ,CAAA,CAAA;AAEzD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,OAAS,EAAA,CAAA;AAAA,MACT,WAAW,MAAO,CAAA,gBAAA;AAAA,MAClB,cAAe,EAAA,YAAA;AAAA,KAAA;AAAA,oBAEf,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,CAAA,EAAG,cAAe,EAAA,QAAA,EAAA,kBACxC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,MAAO,CAAA,gBAAA,EAAA,kBACpB,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,MAAQ,EAAA,QAAA,EAAU,CAC/B,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,MAAA,EAAQ,QAAU,EAAA,CACpC,CACF,CAAA;AAAA,oBACA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,SAAA,EAAW,OAAO,uBACnC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,SAAS,CACvB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,KAAA,EAAO,EAAE,gBAAkB,EAAA;AAAA,UACzB,KAAO,EAAA,YAAA;AAAA,SACR,CAAA;AAAA,QACD,KAAO,EAAA;AAAA,UACL,WAAa,EAAA,aAAA,GACT,KAAM,CAAA,OAAA,CAAQ,QAAQ,IACtB,GAAA,KAAA,CAAA;AAAA,UACJ,YAAc,EAAA,GAAA;AAAA,SAChB;AAAA,OAAA;AAAA,KAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,IAAK,EAAA,OAAA;AAAA,QACL,KAAO,EAAA,EAAE,MAAQ,EAAA,MAAA,EAAQ,cAAc,GAAI,EAAA;AAAA,QAC3C,KAAA,EAAO,EAAE,mBAAqB,EAAA;AAAA,UAC5B,KAAO,EAAA,KAAA;AAAA,SACR,CAAA;AAAA,OAAA;AAAA,KAEL,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,WAAU,KACjC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,EAAA,EACE,MACI,GAAA,CAAA,EAAG,aAAc,CAAA;AAAA,UACf,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,SAC5B,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,aAAA,CAAc,EAAE,EAAA,EAAI,QAAS,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA;AAAA,QAEpD,SAAU,EAAA,iCAAA;AAAA,OAAA;AAAA,MAET,QAAS,CAAA,KAAA;AAAA,KAEd,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,MAAM,EAAA,IAAA;AAAA,QACN,SAAU,EAAA,KAAA;AAAA,QACV,SAAU,EAAA,6BAAA;AAAA,QACV,KAAA,EAAO,EAAE,YAAA,EAAc,KAAM,EAAA;AAAA,OAAA;AAAA,MAE5B,SAAU,CAAA,QAAA;AAAA,QACT,QAAS,CAAA,wBAAA,CAAyB,QAAS,CAAA,OAAO,GAAG,GAAG,CAAA;AAAA,OAC1D;AAAA,KAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,QAAA,EAAoB,CACrC,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,SAAA;AAAA,QACR,OAAQ,EAAA,QAAA;AAAA,QACR,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,sBAAsB,CAAA,2BAAA,CAAA;AAAA,OAAA;AAAA,sBAE3C,KAAA,CAAA,aAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,UAC1B,WAAW,MAAO,CAAA,sBAAA;AAAA,UAClB,GAAK,EAAA,IAAA;AAAA,UACL,OAAQ,EAAA,SAAA;AAAA,SAAA;AAAA,QAEP,QAAA;AAAA,OACH;AAAA,MACC,SAAS,MAAW,KAAA,WAAA,GACnB,CAAE,CAAA,wBAAwB,oBAEzB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,CAAA,EAAG,WAAW,CAAA,CAAA,EAAI,QAAS,CAAA,MAAM,MAAK,IAAK,CAAA;AAAA,MACpD,GAAA;AAAA,sBACH,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAA,EACE,MACI,GAAA,CAAA,EAAG,aAAc,CAAA;AAAA,YACf,EAAI,EAAA,QAAA,CAAS,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA;AAAA,WAC5B,CAAC,CAAW,QAAA,EAAA,MAAM,CACnB,CAAA,GAAA,aAAA,CAAc,EAAE,EAAA,EAAI,QAAS,CAAA,EAAA,CAAG,QAAS,CAAA,EAAE,GAAG,CAAA;AAAA,UAEpD,SAAU,EAAA,iCAAA;AAAA,SAAA;AAAA,QAET,EAAE,uBAAuB,CAAA;AAAA,QAAG,GAAA;AAAA,wBAC5B,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,QAAA,CAAS,OAAS,EAAA,CAAA;AAAA,OACpD;AAAA,KAEJ,CACF,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/QuestionsContainer/QuestionsContainer.esm.js

@@ -1,243 +0,0 @@
-import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
-import { Box, Typography, Grid, TextField, Button, Collapse } from '@material-ui/core';
-import React, { useEffect } from 'react';
-import useDebounce from 'react-use/lib/useDebounce';
-import { filterKeys, FilterPanel } from './FilterPanel.esm.js';
-import { QuestionList } from './QuestionList.esm.js';
-import FilterList from '@material-ui/icons/FilterList';
-import { useSearchParams } from 'react-router-dom';
-import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
-import { EntityRefLink } from '@backstage/plugin-catalog-react';
-import { useAnalytics } from '@backstage/core-plugin-api';
-import { filterTags } from '@drodil/backstage-plugin-qeta-common';
-import { getFiltersWithDateRange } from '../../utils/utils.esm.js';
-import { TagFollowButton } from '../Buttons/TagFollowButton.esm.js';
-import { EntityFollowButton } from '../Buttons/EntityFollowButton.esm.js';
-
-const QuestionsContainer = (props) => {
-  const {
-    tags,
-    author,
-    entity,
-    showFilters,
-    showTitle,
-    title,
-    favorite,
-    showAskButton,
-    showNoQuestionsBtn
-  } = props;
-  const analytics = useAnalytics();
-  const [page, setPage] = React.useState(1);
-  const [questionsPerPage, setQuestionsPerPage] = React.useState(10);
-  const [showFilterPanel, setShowFilterPanel] = React.useState(false);
-  const [searchParams, setSearchParams] = useSearchParams();
-  const [searchQuery, setSearchQuery] = React.useState("");
-  const { t } = useTranslation();
-  const [filters, setFilters] = React.useState({
-    order: "desc",
-    orderBy: "created",
-    noAnswers: "false",
-    noCorrectAnswer: "false",
-    noVotes: "false",
-    searchQuery: "",
-    entity: entity ?? "",
-    tags: tags ?? [],
-    dateRange: ""
-  });
-  const onPageChange = (value) => {
-    setPage(value);
-    setSearchParams((prev) => {
-      const newValue = prev;
-      newValue.set("page", String(value));
-      return newValue;
-    });
-  };
-  const onFilterChange = (key, value) => {
-    if (filters[key] === value) {
-      return;
-    }
-    setPage(1);
-    setFilters({ ...filters, ...{ [key]: value } });
-    setSearchParams((prev) => {
-      const newValue = prev;
-      if (!value || value === "false") {
-        newValue.delete(key);
-      } else if (Array.isArray(value)) {
-        if (value.length === 0) {
-          newValue.delete(key);
-        } else {
-          newValue.set(key, value.join(","));
-        }
-      } else if (value.length > 0) {
-        newValue.set(key, value);
-      } else {
-        newValue.delete(key);
-      }
-      return newValue;
-    });
-  };
-  const onSearchQueryChange = (event) => {
-    onPageChange(1);
-    if (event.target.value) {
-      analytics.captureEvent("qeta_search", event.target.value);
-    }
-    setSearchQuery(event.target.value);
-  };
-  useDebounce(
-    () => {
-      if (filters.searchQuery !== searchQuery) {
-        setFilters({ ...filters, searchQuery });
-      }
-    },
-    400,
-    [searchQuery]
-  );
-  useEffect(() => {
-    let filtersApplied = false;
-    searchParams.forEach((value, key) => {
-      try {
-        if (key === "page") {
-          const pv = Number.parseInt(value, 10);
-          if (pv > 0) {
-            setPage(pv);
-          } else {
-            setPage(1);
-          }
-        } else if (key === "questionsPerPage") {
-          const qpp = Number.parseInt(value, 10);
-          if (qpp > 0) setQuestionsPerPage(qpp);
-        } else if (filterKeys.includes(key)) {
-          filtersApplied = true;
-          if (key === "tags") {
-            filters.tags = filterTags(value) ?? [];
-          } else {
-            filters[key] = value;
-          }
-        }
-      } catch (_e) {
-      }
-    });
-    setFilters(filters);
-    if (filtersApplied) {
-      setShowFilterPanel(true);
-    }
-  }, [searchParams, filters]);
-  const {
-    value: response,
-    loading,
-    error
-  } = useQetaApi(
-    (api) => {
-      return api.getQuestions({
-        limit: questionsPerPage,
-        offset: (page - 1) * questionsPerPage,
-        includeEntities: true,
-        author,
-        favorite,
-        ...getFiltersWithDateRange(filters)
-      });
-    },
-    [page, filters, questionsPerPage]
-  );
-  const onPageSizeChange = (value) => {
-    if (response) {
-      let newPage = page;
-      while (newPage * value > response.total) {
-        newPage -= 1;
-      }
-      onPageChange(Math.max(1, newPage));
-    }
-    setQuestionsPerPage(value);
-    setSearchParams((prev) => {
-      const newValue = prev;
-      newValue.set("questionsPerPage", String(value));
-      return newValue;
-    });
-  };
-  let shownTitle = title;
-  let link = void 0;
-  let btn = void 0;
-  if (author) {
-    shownTitle = t("questionsContainer.title.questionsBy");
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
-  } else if (entity) {
-    shownTitle = t("questionsContainer.title.questionsAbout");
-    link = /* @__PURE__ */ React.createElement(EntityRefLink, { entityRef: entity });
-    btn = /* @__PURE__ */ React.createElement(EntityFollowButton, { entityRef: entity });
-  } else if (tags) {
-    shownTitle = t("questionsContainer.title.questionsTagged", {
-      tags: tags.join(", ")
-    });
-    if (tags.length === 1) {
-      btn = /* @__PURE__ */ React.createElement(TagFollowButton, { tag: tags[0] });
-    }
-  } else if (favorite) {
-    shownTitle = t("questionsContainer.title.favorite");
-  }
-  return /* @__PURE__ */ React.createElement(Box, { className: "qetaQuestionsContainer" }, showTitle && /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h5",
-      className: "qetaQuestionsContainerTitle",
-      style: { marginBottom: "1.5rem" }
-    },
-    shownTitle,
-    " ",
-    link,
-    " ",
-    btn
-  ), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React.createElement(
-    TextField,
-    {
-      id: "search-bar",
-      fullWidth: true,
-      onChange: onSearchQueryChange,
-      label: t("questionsContainer.search.label"),
-      className: "qetaQuestionsContainerSearchInput",
-      variant: "outlined",
-      placeholder: t("questionsContainer.search.placeholder"),
-      size: "small",
-      style: { marginBottom: "5px" }
-    }
-  )), showAskButton && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    AskQuestionButton,
-    {
-      entity: entity ?? filters.entity,
-      entityPage: entity !== void 0,
-      tags
-    }
-  ))), /* @__PURE__ */ React.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Typography,
-    {
-      variant: "h6",
-      className: "qetaQuestionsContainerQuestionCount"
-    },
-    t("common.questions", { count: response?.total ?? 0 })
-  )), (showFilters ?? true) && /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      onClick: () => setShowFilterPanel(!showFilterPanel),
-      className: "qetaQuestionsContainerFilterPanelBtn",
-      startIcon: /* @__PURE__ */ React.createElement(FilterList, null)
-    },
-    t("filterPanel.filterButton")
-  ))), (showFilters ?? true) && /* @__PURE__ */ React.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React.createElement(FilterPanel, { onChange: onFilterChange, filters })), /* @__PURE__ */ React.createElement(
-    QuestionList,
-    {
-      loading,
-      error,
-      response,
-      onPageChange,
-      onPageSizeChange,
-      entity,
-      page,
-      pageSize: questionsPerPage,
-      showNoQuestionsBtn,
-      entityPage: entity !== void 0,
-      tags
-    }
-  ));
-};
-
-export { QuestionsContainer };
-//# sourceMappingURL=QuestionsContainer.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionsContainer.esm.js","sources":["../../../src/components/QuestionsContainer/QuestionsContainer.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../utils/hooks';\nimport {\n  Box,\n  Button,\n  Collapse,\n  Grid,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nimport React, { useEffect } from 'react';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { FilterKey, filterKeys, FilterPanel, Filters } from './FilterPanel';\nimport { QuestionList } from './QuestionList';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { useSearchParams } from 'react-router-dom';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useAnalytics } from '@backstage/core-plugin-api';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { getFiltersWithDateRange } from '../../utils/utils';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\n\nexport interface QuestionsContainerProps {\n  tags?: string[];\n  author?: string;\n  entity?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n}\n\nexport const QuestionsContainer = (props: QuestionsContainerProps) => {\n  const {\n    tags,\n    author,\n    entity,\n    showFilters,\n    showTitle,\n    title,\n    favorite,\n    showAskButton,\n    showNoQuestionsBtn,\n  } = props;\n  const analytics = useAnalytics();\n  const [page, setPage] = React.useState(1);\n  const [questionsPerPage, setQuestionsPerPage] = React.useState(10);\n  const [showFilterPanel, setShowFilterPanel] = React.useState(false);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const { t } = useTranslation();\n  const [filters, setFilters] = React.useState<Filters>({\n    order: 'desc',\n    orderBy: 'created',\n    noAnswers: 'false',\n    noCorrectAnswer: 'false',\n    noVotes: 'false',\n    searchQuery: '',\n    entity: entity ?? '',\n    tags: tags ?? [],\n    dateRange: '',\n  });\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const onFilterChange = (key: FilterKey, value: string | string[]) => {\n    if (filters[key] === value) {\n      return;\n    }\n\n    setPage(1);\n    setFilters({ ...filters, ...{ [key]: value } });\n    setSearchParams(prev => {\n      const newValue = prev;\n      if (!value || value === 'false') {\n        newValue.delete(key);\n      } else if (Array.isArray(value)) {\n        if (value.length === 0) {\n          newValue.delete(key);\n        } else {\n          newValue.set(key, value.join(','));\n        }\n      } else if (value.length > 0) {\n        newValue.set(key, value);\n      } else {\n        newValue.delete(key);\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    onPageChange(1);\n    if (event.target.value) {\n      analytics.captureEvent('qeta_search', event.target.value);\n    }\n    setSearchQuery(event.target.value);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n          }\n        } else if (key === 'questionsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setQuestionsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value) ?? [];\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api => {\n      return api.getQuestions({\n        limit: questionsPerPage,\n        offset: (page - 1) * questionsPerPage,\n        includeEntities: true,\n        author,\n        favorite,\n        ...getFiltersWithDateRange(filters),\n      });\n    },\n    [page, filters, questionsPerPage],\n  );\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setQuestionsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('questionsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  let shownTitle = title;\n  let link = undefined;\n  let btn = undefined;\n  if (author) {\n    shownTitle = t('questionsContainer.title.questionsBy');\n    link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n  } else if (entity) {\n    shownTitle = t('questionsContainer.title.questionsAbout');\n    link = <EntityRefLink entityRef={entity} />;\n    btn = <EntityFollowButton entityRef={entity} />;\n  } else if (tags) {\n    shownTitle = t('questionsContainer.title.questionsTagged', {\n      tags: tags.join(', '),\n    });\n    if (tags.length === 1) {\n      btn = <TagFollowButton tag={tags[0]} />;\n    }\n  } else if (favorite) {\n    shownTitle = t('questionsContainer.title.favorite');\n  }\n\n  return (\n    <Box className=\"qetaQuestionsContainer\">\n      {showTitle && (\n        <Typography\n          variant=\"h5\"\n          className=\"qetaQuestionsContainerTitle\"\n          style={{ marginBottom: '1.5rem' }}\n        >\n          {shownTitle} {link} {btn}\n        </Typography>\n      )}\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <TextField\n            id=\"search-bar\"\n            fullWidth\n            onChange={onSearchQueryChange}\n            label={t('questionsContainer.search.label')}\n            className=\"qetaQuestionsContainerSearchInput\"\n            variant=\"outlined\"\n            placeholder={t('questionsContainer.search.placeholder')}\n            size=\"small\"\n            style={{ marginBottom: '5px' }}\n          />\n        </Grid>\n        {showAskButton && (\n          <Grid item>\n            <AskQuestionButton\n              entity={entity ?? filters.entity}\n              entityPage={entity !== undefined}\n              tags={tags}\n            />\n          </Grid>\n        )}\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item>\n          <Typography\n            variant=\"h6\"\n            className=\"qetaQuestionsContainerQuestionCount\"\n          >\n            {t('common.questions', { count: response?.total ?? 0 })}\n          </Typography>\n        </Grid>\n        {(showFilters ?? true) && (\n          <Grid item>\n            <Button\n              onClick={() => setShowFilterPanel(!showFilterPanel)}\n              className=\"qetaQuestionsContainerFilterPanelBtn\"\n              startIcon={<FilterList />}\n            >\n              {t('filterPanel.filterButton')}\n            </Button>\n          </Grid>\n        )}\n      </Grid>\n      {(showFilters ?? true) && (\n        <Collapse in={showFilterPanel}>\n          <FilterPanel onChange={onFilterChange} filters={filters} />\n        </Collapse>\n      )}\n      <QuestionList\n        loading={loading}\n        error={error}\n        response={response}\n        onPageChange={onPageChange}\n        onPageSizeChange={onPageSizeChange}\n        entity={entity}\n        page={page}\n        pageSize={questionsPerPage}\n        showNoQuestionsBtn={showNoQuestionsBtn}\n        entityPage={entity !== undefined}\n        tags={tags}\n      />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js

@@ -1,22 +0,0 @@
-import { Tooltip } from '@material-ui/core';
-import React, { useEffect } from 'react';
-import RelativeTime from 'react-relative-time';
-
-const RelativeTimeWithTooltip = (props) => {
-  const { value } = props;
-  let date = value;
-  const [updates, setUpdates] = React.useState(1);
-  useEffect(() => {
-    const interval = setInterval(() => {
-      setUpdates(updates === 1 ? 0 : 1);
-    }, 3e4);
-    return () => clearInterval(interval);
-  }, [updates, setUpdates]);
-  if (typeof date === "string" || date instanceof String) {
-    date = new Date(date);
-  }
-  return /* @__PURE__ */ React.createElement(Tooltip, { title: date.toLocaleString(navigator.languages) }, /* @__PURE__ */ React.createElement(RelativeTime, { value: date }));
-};
-
-export { RelativeTimeWithTooltip };
-//# sourceMappingURL=RelativeTimeWithTooltip.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RelativeTimeWithTooltip.esm.js","sources":["../../../src/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.tsx"],"sourcesContent":["import { Tooltip } from '@material-ui/core';\nimport React, { useEffect } from 'react';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\n\nexport const RelativeTimeWithTooltip = (props: { value: Date | string }) => {\n  const { value } = props;\n  let date = value;\n  const [updates, setUpdates] = React.useState(1);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setUpdates(updates === 1 ? 0 : 1);\n    }, 30000);\n    return () => clearInterval(interval);\n  }, [updates, setUpdates]);\n\n  if (typeof date === 'string' || date instanceof String) {\n    date = new Date(date);\n  }\n\n  return (\n    <Tooltip title={date.toLocaleString(navigator.languages)}>\n      <RelativeTime value={date} />\n    </Tooltip>\n  );\n};\n"],"names":[],"mappings":";;;;AAKa,MAAA,uBAAA,GAA0B,CAAC,KAAoC,KAAA;AAC1E,EAAM,MAAA,EAAE,OAAU,GAAA,KAAA,CAAA;AAClB,EAAA,IAAI,IAAO,GAAA,KAAA,CAAA;AACX,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAE9C,EAAA,SAAA,CAAU,MAAM;AACd,IAAM,MAAA,QAAA,GAAW,YAAY,MAAM;AACjC,MAAW,UAAA,CAAA,OAAA,KAAY,CAAI,GAAA,CAAA,GAAI,CAAC,CAAA,CAAA;AAAA,OAC/B,GAAK,CAAA,CAAA;AACR,IAAO,OAAA,MAAM,cAAc,QAAQ,CAAA,CAAA;AAAA,GAClC,EAAA,CAAC,OAAS,EAAA,UAAU,CAAC,CAAA,CAAA;AAExB,EAAA,IAAI,OAAO,IAAA,KAAS,QAAY,IAAA,IAAA,YAAgB,MAAQ,EAAA;AACtD,IAAO,IAAA,GAAA,IAAI,KAAK,IAAI,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,SAAA,CAAU,SAAS,CAAA,EAAA,kBACpD,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,KAAO,EAAA,IAAA,EAAM,CAC7B,CAAA,CAAA;AAEJ;;;;"}