@drodil/backstage-plugin-qeta-react 3.3.0 → 3.4.1

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Box, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport React from 'react';\nimport { useBasePath, useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const base_path = useBasePath();\n  const navigate = useNavigate();\n  const { entity, open, question, onClose } = props;\n  const styles = useStyles();\n  const [error, setError] = React.useState(false);\n  const { t } = useTranslation();\n  const isQuestion = 'title' in entity;\n  const isCollection = 'owner' in entity;\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = isCollection\n    ? t('deleteModal.title.collection')\n    : isQuestion\n    ? t('deleteModal.title.question')\n    : t('deleteModal.title.answer');\n\n  const handleDelete = () => {\n    if (isCollection) {\n      qetaApi\n        .deleteCollection(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(`${base_path}/qeta`);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(`${base_path}/qeta`);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            window.location.reload();\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </Box>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}
+{"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n  AnswerResponse,\n  CollectionResponse,\n  PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Box, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\nimport { useBasePath } from '../../hooks/useBasePath';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const DeleteModal = (props: {\n  entity: PostResponse | AnswerResponse | CollectionResponse;\n  open: boolean;\n  onClose: () => void;\n  question?: PostResponse;\n}) => {\n  const qetaApi = useApi(qetaApiRef);\n  const base_path = useBasePath();\n  const navigate = useNavigate();\n  const { entity, open, question, onClose } = props;\n  const styles = useStyles();\n  const [error, setError] = React.useState(false);\n  const { t } = useTranslation();\n  const isQuestion = 'title' in entity;\n  const isCollection = 'owner' in entity;\n\n  // eslint-disable-next-line no-nested-ternary\n  const title = isCollection\n    ? t('deleteModal.title.collection')\n    : isQuestion\n    ? t('deleteModal.title.question')\n    : t('deleteModal.title.answer');\n\n  const handleDelete = () => {\n    if (isCollection) {\n      qetaApi\n        .deleteCollection(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(`${base_path}/qeta`);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (isQuestion) {\n      qetaApi\n        .deletePost(entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            navigate(`${base_path}/qeta`);\n          } else {\n            setError(true);\n          }\n        });\n    } else if (question) {\n      qetaApi\n        .deleteAnswer(question.id, entity.id)\n        .catch(_ => setError(true))\n        .then(ret => {\n          if (ret) {\n            onClose();\n            window.location.reload();\n          } else {\n            setError(true);\n          }\n        });\n    }\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className=\"qetaDeleteModal\"\n      aria-labelledby=\"modal-modal-title\"\n      aria-describedby=\"modal-modal-description\"\n      closeAfterTransition\n      BackdropComponent={Backdrop}\n      BackdropProps={{\n        timeout: 500,\n      }}\n    >\n      <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n        {error && (\n          <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n        )}\n        <Typography\n          id=\"modal-modal-title\"\n          className=\"qetaDeleteModalTitle\"\n          variant=\"h6\"\n          component=\"h2\"\n        >\n          {title}\n        </Typography>\n        <Button\n          onClick={handleDelete}\n          className=\"qetaDeleteModalDeleteBtn\"\n          startIcon={<Delete />}\n          color=\"secondary\"\n        >\n          {t('deleteModal.deleteButton')}\n        </Button>\n        <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n          {t('deleteModal.cancelButton')}\n        </Button>\n      </Box>\n    </Modal>\n  );\n};\n"],"names":["Delete"],"mappings":"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"}

package/dist/components/EntitiesGrid/EntitiesGrid.esm.js

@@ -1,44 +1,87 @@
-import { Grid, TextField, IconButton, Typography } from '@material-ui/core';
-import React from 'react';
-import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
-import { Progress, WarningPanel } from '@backstage/core-components';
-import { EntitiesGridItem } from './EntitiesGridItem.esm.js';
+import { Grid, TextField, IconButton } from '@material-ui/core';
+import React, { useEffect } from 'react';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+import useDebounce from 'react-use/lib/useDebounce';
+import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
+import { EntitiesGridContent } from './EntitiesGridContent.esm.js';
+import { NoEntitiesCard } from './NoEntitiesCard.esm.js';
 
 const EntitiesGrid = () => {
+  const [page, setPage] = React.useState(1);
+  const [pageCount, setPageCount] = React.useState(1);
+  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);
   const [searchQuery, setSearchQuery] = React.useState("");
+  const [filters, setFilters] = React.useState({
+    order: "desc",
+    searchQuery: ""
+  });
   const { t } = useTranslation();
   const {
     value: response,
     loading,
     error
-  } = useQetaApi((api) => api.getEntities(), []);
-  if (loading) {
-    return /* @__PURE__ */ React.createElement(Progress, null);
-  }
-  if (error || response === void 0) {
-    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("entitiesPage.errorLoading") }, error?.message);
-  }
-  const filterData = (query, data) => {
-    if (!query) {
-      return data;
-    }
-    return data.filter(
-      (entity) => entity.entityRef.toLowerCase().includes(query)
-    );
+  } = useQetaApi(
+    (api) => api.getEntities({
+      limit: entitiesPerPage,
+      offset: (page - 1) * entitiesPerPage,
+      ...filters
+    }),
+    [entitiesPerPage, page, filters]
+  );
+  const onSearchQueryChange = (val) => {
+    setPage(1);
+    setSearchQuery(val);
   };
-  const entities = filterData(searchQuery, response);
+  useDebounce(
+    () => {
+      if (filters.searchQuery !== searchQuery) {
+        setFilters({ ...filters, searchQuery });
+      }
+    },
+    400,
+    [searchQuery]
+  );
+  useEffect(() => {
+    if (response) {
+      setPageCount(Math.ceil(response.total / entitiesPerPage));
+    }
+  }, [response, entitiesPerPage]);
+  if (!response?.entities || response.entities.length === 0) {
+    return /* @__PURE__ */ React.createElement(NoEntitiesCard, null);
+  }
   return /* @__PURE__ */ React.createElement(Grid, { container: true, className: "qetaEntitiesContainer" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(
     TextField,
     {
       id: "search-bar",
       className: "text qetaEntitiesContainerSearchInput",
-      onChange: (event) => setSearchQuery(event.target.value),
+      onChange: (event) => onSearchQueryChange(event.target.value),
       label: t("entitiesPage.search.label"),
       variant: "outlined",
       placeholder: t("entitiesPage.search.placeholder"),
       size: "small"
     }
-  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaEntitiesContainerTitle" }, t("entitiesPage.entities", { count: entities.length }))), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, entities.map((entity) => /* @__PURE__ */ React.createElement(EntitiesGridItem, { entity, key: entity.entityRef }))));
+  ), /* @__PURE__ */ React.createElement(IconButton, { type: "submit", "aria-label": "search" })), /* @__PURE__ */ React.createElement(
+    EntitiesGridContent,
+    {
+      response,
+      loading,
+      error
+    }
+  ), /* @__PURE__ */ React.createElement(
+    QetaPagination,
+    {
+      pageSize: entitiesPerPage,
+      handlePageChange: (_e, p) => setPage(p),
+      handlePageSizeChange: (e) => setEntitiesPerPage(Number(e.target.value)),
+      page,
+      pageCount
+    }
+  ));
 };
 
 export { EntitiesGrid };

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Grid, IconButton, TextField, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useTranslation } from '../../utils/hooks';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { EntitiesGridItem } from './EntitiesGridItem';\n\nexport const EntitiesGrid = () => {\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(api => api.getEntities(), []);\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  const filterData = (query: string, data: EntityResponse[]) => {\n    if (!query) {\n      return data;\n    }\n    return data.filter(entity =>\n      entity.entityRef.toLowerCase().includes(query),\n    );\n  };\n\n  const entities = filterData(searchQuery, response);\n\n  return (\n    <Grid container className=\"qetaEntitiesContainer\">\n      <Grid item xs={12}>\n        <TextField\n          id=\"search-bar\"\n          className=\"text qetaEntitiesContainerSearchInput\"\n          onChange={(\n            event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => setSearchQuery(event.target.value)}\n          label={t('entitiesPage.search.label')}\n          variant=\"outlined\"\n          placeholder={t('entitiesPage.search.placeholder')}\n          size=\"small\"\n        />\n        <IconButton type=\"submit\" aria-label=\"search\" />\n      </Grid>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\" className=\"qetaEntitiesContainerTitle\">\n          {t('entitiesPage.entities', { count: entities.length })}\n        </Typography>\n      </Grid>\n      <Grid container item xs={12} alignItems=\"stretch\">\n        {entities.map(entity => (\n          <EntitiesGridItem entity={entity} key={entity.entityRef} />\n        ))}\n      </Grid>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAOO,MAAM,eAAe,MAAM;AAChC,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,KAAA,CAAM,SAAS,EAAE,CAAA,CAAA;AACvD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,WAAY,EAAA,EAAG,EAAE,CAAA,CAAA;AAE3C,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAM,MAAA,UAAA,GAAa,CAAC,KAAA,EAAe,IAA2B,KAAA;AAC5D,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AACA,IAAA,OAAO,IAAK,CAAA,MAAA;AAAA,MAAO,YACjB,MAAO,CAAA,SAAA,CAAU,WAAY,EAAA,CAAE,SAAS,KAAK,CAAA;AAAA,KAC/C,CAAA;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,QAAA,GAAW,UAAW,CAAA,WAAA,EAAa,QAAQ,CAAA,CAAA;AAEjD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,SAAA,EAAU,uBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,YAAA;AAAA,MACH,SAAU,EAAA,uCAAA;AAAA,MACV,UAAU,CACR,KAAA,KACG,cAAe,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,MACtC,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,MACpC,OAAQ,EAAA,UAAA;AAAA,MACR,WAAA,EAAa,EAAE,iCAAiC,CAAA;AAAA,MAChD,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,GACP,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,IAAK,EAAA,QAAA,EAAS,cAAW,QAAS,EAAA,CAChD,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,kBACZ,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAQ,EAAA,IAAA,EAAK,WAAU,4BAChC,EAAA,EAAA,CAAA,CAAE,uBAAyB,EAAA,EAAE,KAAO,EAAA,QAAA,CAAS,QAAQ,CACxD,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,UAAA,EAAW,aACrC,QAAS,CAAA,GAAA,CAAI,CACZ,MAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,gBAAiB,EAAA,EAAA,MAAA,EAAgB,KAAK,MAAO,CAAA,SAAA,EAAW,CAC1D,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Grid, IconButton, TextField } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { NoEntitiesCard } from './NoEntitiesCard';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = React.useState(1);\n  const [pageCount, setPageCount] = React.useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = React.useState(25);\n  const [searchQuery, setSearchQuery] = React.useState('');\n  const [filters, setFilters] = React.useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslation();\n\n  const {\n    value: response,\n    loading,\n    error,\n  } = useQetaApi(\n    api =>\n      api.getEntities({\n        limit: entitiesPerPage,\n        offset: (page - 1) * entitiesPerPage,\n        ...filters,\n      }),\n    [entitiesPerPage, page, filters],\n  );\n\n  const onSearchQueryChange = (val: string) => {\n    setPage(1);\n    setSearchQuery(val);\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    if (response) {\n      setPageCount(Math.ceil(response.total / entitiesPerPage));\n    }\n  }, [response, entitiesPerPage]);\n\n  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\n    <Grid container className=\"qetaEntitiesContainer\">\n      <Grid item xs={12}>\n        <TextField\n          id=\"search-bar\"\n          className=\"text qetaEntitiesContainerSearchInput\"\n          onChange={(\n            event: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>,\n          ) => onSearchQueryChange(event.target.value)}\n          label={t('entitiesPage.search.label')}\n          variant=\"outlined\"\n          placeholder={t('entitiesPage.search.placeholder')}\n          size=\"small\"\n        />\n        <IconButton type=\"submit\" aria-label=\"search\" />\n      </Grid>\n      <EntitiesGridContent\n        response={response}\n        loading={loading}\n        error={error}\n      />\n      <QetaPagination\n        pageSize={entitiesPerPage}\n        handlePageChange={(_e, p) => setPage(p)}\n        handlePageSizeChange={e => setEntitiesPerPage(Number(e.target.value))}\n        page={page}\n        pageCount={pageCount}\n      />\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js

@@ -0,0 +1,31 @@
+import { Grid, Typography } from '@material-ui/core';
+import React, { useState, useEffect } from 'react';
+import { Progress, WarningPanel } from '@backstage/core-components';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+import { EntitiesGridItem } from './EntitiesGridItem.esm.js';
+
+const EntitiesGridContent = (props) => {
+  const { response, loading, error } = props;
+  const { t } = useTranslation();
+  const [initialLoad, setInitialLoad] = useState(true);
+  useEffect(() => {
+    if (!initialLoad) {
+      setInitialLoad(false);
+    }
+  }, [initialLoad, loading]);
+  if (loading && initialLoad) {
+    return /* @__PURE__ */ React.createElement(Progress, null);
+  }
+  if (error || response === void 0) {
+    return /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("entitiesPage.errorLoading") }, error?.message);
+  }
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6", className: "qetaEntitiesContainerTitle" }, t("entitiesPage.entities", { count: response.total }))), /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 12, alignItems: "stretch" }, response?.entities.map((entity) => /* @__PURE__ */ React.createElement(EntitiesGridItem, { entity, key: entity.entityRef }))));
+};
+
+export { EntitiesGridContent };
+//# sourceMappingURL=EntitiesGridContent.esm.js.map

package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { Grid, Typography } from '@material-ui/core';\nimport React, { useEffect, useState } from 'react';\nimport { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { Progress, WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesGridItem } from './EntitiesGridItem';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslation();\n  const [initialLoad, setInitialLoad] = useState(true);\n\n  useEffect(() => {\n    if (!initialLoad) {\n      setInitialLoad(false);\n    }\n  }, [initialLoad, loading]);\n\n  if (loading && initialLoad) {\n    return <Progress />;\n  }\n\n  if (error || response === undefined) {\n    return (\n      <WarningPanel severity=\"error\" title={t('entitiesPage.errorLoading')}>\n        {error?.message}\n      </WarningPanel>\n    );\n  }\n\n  return (\n    <>\n      <Grid item xs={12}>\n        <Typography variant=\"h6\" className=\"qetaEntitiesContainerTitle\">\n          {t('entitiesPage.entities', { count: response.total })}\n        </Typography>\n      </Grid>\n      <Grid container item xs={12} alignItems=\"stretch\">\n        {response?.entities.map(entity => (\n          <EntitiesGridItem entity={entity} key={entity.entityRef} />\n        ))}\n      </Grid>\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAOa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,WAAa,EAAA;AAChB,MAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAAA,KACtB;AAAA,GACC,EAAA,CAAC,WAAa,EAAA,OAAO,CAAC,CAAA,CAAA;AAEzB,EAAA,IAAI,WAAW,WAAa,EAAA;AAC1B,IAAA,2CAAQ,QAAS,EAAA,IAAA,CAAA,CAAA;AAAA,GACnB;AAEA,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,EAAA,KAAA,EAAO,OACV,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,sCACG,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAA,sCACZ,UAAW,EAAA,EAAA,OAAA,EAAQ,MAAK,SAAU,EAAA,4BAAA,EAAA,EAChC,EAAE,uBAAyB,EAAA,EAAE,OAAO,QAAS,CAAA,KAAA,EAAO,CACvD,CACF,mBACC,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,YAAW,SACrC,EAAA,EAAA,QAAA,EAAU,SAAS,GAAI,CAAA,CAAA,MAAA,yCACrB,gBAAiB,EAAA,EAAA,MAAA,EAAgB,KAAK,MAAO,CAAA,SAAA,EAAW,CAC1D,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js

@@ -2,10 +2,15 @@ import { Grid, Card, CardActionArea, CardHeader, Avatar, CardContent, Typography
 import React from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { useNavigate } from 'react-router-dom';
-import { useTranslation, useEntityFollow } from '../../utils/hooks.esm.js';
 import { useEntityPresentation } from '@backstage/plugin-catalog-react';
 import { entityRouteRef } from '../../routes.esm.js';
 import { parseEntityRef } from '@backstage/catalog-model';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
 
 const EntitiesGridItem = (props) => {
   const { entity } = props;

package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGridItem.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useTranslation } from '../../utils';\nimport { useEntityFollow } from '../../utils/hooks';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\n\nexport const EntitiesGridItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const entityFollow = useEntityFollow();\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n\n  return (\n    <Grid item xs={3}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(entityRoute({ entityRef: entity.entityRef }))}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar>\n                  <Icon />\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: entity.postsCount,\n                itemType: 'post',\n              })}\n              {' · '}\n              {t('common.followers', { count: entity.followerCount })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions style={{ marginTop: 'auto' }}>\n          <Grid container justifyContent=\"center\">\n            <Grid item>\n              <Tooltip title={t('entityButton.tooltip')}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    entityFollow.isFollowingEntity(entity.entityRef)\n                      ? 'secondary'\n                      : 'primary'\n                  }\n                  onClick={() => {\n                    if (entityFollow.isFollowingEntity(entity.entityRef)) {\n                      entityFollow.unfollowEntity(entity.entityRef);\n                    } else {\n                      entityFollow.followEntity(entity.entityRef);\n                    }\n                  }}\n                >\n                  {entityFollow.isFollowingEntity(entity.entityRef)\n                    ? t('entityButton.unfollow')\n                    : t('entityButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n          </Grid>\n        </CardActions>\n      </Card>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntitiesGridItem.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridItem.tsx"],"sourcesContent":["import { EntityResponse } from '@drodil/backstage-plugin-qeta-common';\nimport {\n  Avatar,\n  Button,\n  Card,\n  CardActionArea,\n  CardActions,\n  CardContent,\n  CardHeader,\n  Grid,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { entityRouteRef } from '../../routes';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { useEntityFollow, useTranslation } from '../../hooks';\n\nexport const EntitiesGridItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const entityFollow = useEntityFollow();\n  const compound = parseEntityRef(entity.entityRef);\n  const { primaryTitle, Icon } = useEntityPresentation(compound);\n\n  return (\n    <Grid item xs={3}>\n      <Card\n        variant=\"outlined\"\n        style={{ height: '100%', display: 'flex', flexDirection: 'column' }}\n      >\n        <CardActionArea\n          onClick={() => navigate(entityRoute({ entityRef: entity.entityRef }))}\n        >\n          <CardHeader\n            title={primaryTitle}\n            avatar={\n              Icon ? (\n                <Avatar>\n                  <Icon />\n                </Avatar>\n              ) : null\n            }\n          />\n          <CardContent>\n            <Typography variant=\"caption\">\n              {t('common.posts', {\n                count: entity.postsCount,\n                itemType: 'post',\n              })}\n              {' · '}\n              {t('common.followers', { count: entity.followerCount })}\n            </Typography>\n          </CardContent>\n        </CardActionArea>\n        <CardActions style={{ marginTop: 'auto' }}>\n          <Grid container justifyContent=\"center\">\n            <Grid item>\n              <Tooltip title={t('entityButton.tooltip')}>\n                <Button\n                  size=\"small\"\n                  variant=\"outlined\"\n                  color={\n                    entityFollow.isFollowingEntity(entity.entityRef)\n                      ? 'secondary'\n                      : 'primary'\n                  }\n                  onClick={() => {\n                    if (entityFollow.isFollowingEntity(entity.entityRef)) {\n                      entityFollow.unfollowEntity(entity.entityRef);\n                    } else {\n                      entityFollow.followEntity(entity.entityRef);\n                    }\n                  }}\n                >\n                  {entityFollow.isFollowingEntity(entity.entityRef)\n                    ? t('entityButton.unfollow')\n                    : t('entityButton.follow')}\n                </Button>\n              </Tooltip>\n            </Grid>\n          </Grid>\n        </CardActions>\n      </Card>\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js

@@ -0,0 +1,25 @@
+import { Card, CardContent, Grid, Typography } from '@material-ui/core';
+import React from 'react';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+
+const NoEntitiesCard = () => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(Card, { style: { marginTop: "2rem" } }, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(
+    Grid,
+    {
+      container: true,
+      justifyContent: "center",
+      alignItems: "center",
+      direction: "column"
+    },
+    /* @__PURE__ */ React.createElement(Grid, { item: true }, /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, t(`entitiesPage.entities`, { count: 0 })))
+  )));
+};
+
+export { NoEntitiesCard };
+//# sourceMappingURL=NoEntitiesCard.esm.js.map

package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { Card, CardContent, Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useTranslation } from '../../hooks';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2rem' }}>\n      <CardContent>\n        <Grid\n          container\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          direction=\"column\"\n        >\n          <Grid item>\n            <Typography variant=\"h6\">\n              {t(`entitiesPage.entities`, { count: 0 })}\n            </Typography>\n          </Grid>\n        </Grid>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAIO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,MAAO,EAAA,EAAA,sCAC9B,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,oBAET,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAA,sCACP,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,CAC1C,CACF,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,7 +1,12 @@
 import React, { useState, useEffect } from 'react';
 import { useMediaQuery, Box, TextField, MenuItem, Typography } from '@material-ui/core';
-import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
 import { formatDate } from '../../utils/utils.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
 
 const DateRangeFilter = (props) => {
   const { value, onChange } = props;

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Box,\n  MenuItem,\n  TextField,\n  Theme,\n  Typography,\n  useMediaQuery,\n} from '@material-ui/core';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { formatDate } from '../../utils/utils';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (dateRange: 'dateRange', value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const [fromDate, setFromDate] = useState('');\n  const [toDate, setToDate] = useState('');\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const localDate = formatDate(new Date());\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (dateRangeOption && dateRangeOption !== 'custom') {\n      setFromDate('');\n      setToDate('');\n      onChange(\n        'dateRange',\n        !dateRangeOption || dateRangeOption === 'select' ? '' : dateRangeOption,\n      );\n    }\n  }, [dateRangeOption, onChange]);\n\n  useEffect(() => {\n    if (fromDate && toDate) {\n      const startDate = new Date(fromDate);\n      const endDate = new Date(toDate);\n      if (startDate <= endDate) {\n        setValidation({ isValid: true });\n        onChange('dateRange', `${fromDate}--${toDate}`);\n      } else {\n        setValidation({\n          isValid: false,\n          message: t('datePicker.invalidRange'),\n        });\n      }\n    }\n  }, [t, fromDate, toDate, onChange]);\n\n  return (\n    <Box display={isSmallScreen ? 'block' : 'flex'} gridGap=\"16px\">\n      <TextField\n        id=\"outlined-select-currency\"\n        select\n        label={t('datePicker.range.label')}\n        value={dateRangeOption || 'select'}\n        className={styles.dateFilter}\n        onChange={_e => {\n          setDateRangeOption(_e.target.value);\n        }}\n        variant=\"outlined\"\n        defaultValue=\"None\"\n      >\n        <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n        <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n        <MenuItem value=\"30-days\">{t('datePicker.range.last30days')}</MenuItem>\n        <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n      </TextField>\n      {dateRangeOption === 'custom' && (\n        <Box display=\"flex\" flexDirection=\"column\">\n          <Box display={isSmallScreen ? 'block' : 'flex'} gridGap=\"12px\">\n            <TextField\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              className={styles.dateFilter}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={_e => setFromDate(_e.target.value)}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n            <TextField\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              className={styles.dateFilter}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={_e => setToDate(_e.target.value)}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Box>\n          {validation.message && (\n            <Typography color=\"error\" variant=\"body2\">\n              {validation.message}\n            </Typography>\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  Box,\n  MenuItem,\n  TextField,\n  Theme,\n  Typography,\n  useMediaQuery,\n} from '@material-ui/core';\nimport { formatDate } from '../../utils/utils';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (dateRange: 'dateRange', value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nexport const DateRangeFilter = (props: DateRangeFilterProps) => {\n  const { value, onChange } = props;\n  const styles = useStyles();\n  const [dateRangeOption, setDateRangeOption] = useState<string | undefined>(\n    value,\n  );\n  const { t } = useTranslation();\n  const [fromDate, setFromDate] = useState('');\n  const [toDate, setToDate] = useState('');\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\n  const isSmallScreen = useMediaQuery<Theme>(theme =>\n    theme.breakpoints.down('sm'),\n  );\n\n  const localDate = formatDate(new Date());\n\n  useEffect(() => {\n    setDateRangeOption(value || '');\n    if (value && value.indexOf('--') >= 0) {\n      setDateRangeOption('custom');\n      setFromDate(value.split('--')[0] || '');\n      setToDate(value.split('--')[1] || '');\n    }\n  }, [value]);\n\n  useEffect(() => {\n    if (dateRangeOption && dateRangeOption !== 'custom') {\n      setFromDate('');\n      setToDate('');\n      onChange(\n        'dateRange',\n        !dateRangeOption || dateRangeOption === 'select' ? '' : dateRangeOption,\n      );\n    }\n  }, [dateRangeOption, onChange]);\n\n  useEffect(() => {\n    if (fromDate && toDate) {\n      const startDate = new Date(fromDate);\n      const endDate = new Date(toDate);\n      if (startDate <= endDate) {\n        setValidation({ isValid: true });\n        onChange('dateRange', `${fromDate}--${toDate}`);\n      } else {\n        setValidation({\n          isValid: false,\n          message: t('datePicker.invalidRange'),\n        });\n      }\n    }\n  }, [t, fromDate, toDate, onChange]);\n\n  return (\n    <Box display={isSmallScreen ? 'block' : 'flex'} gridGap=\"16px\">\n      <TextField\n        id=\"outlined-select-currency\"\n        select\n        label={t('datePicker.range.label')}\n        value={dateRangeOption || 'select'}\n        className={styles.dateFilter}\n        onChange={_e => {\n          setDateRangeOption(_e.target.value);\n        }}\n        variant=\"outlined\"\n        defaultValue=\"None\"\n      >\n        <MenuItem value=\"select\">{t('datePicker.range.default')}</MenuItem>\n        <MenuItem value=\"7-days\">{t('datePicker.range.last7days')}</MenuItem>\n        <MenuItem value=\"30-days\">{t('datePicker.range.last30days')}</MenuItem>\n        <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n      </TextField>\n      {dateRangeOption === 'custom' && (\n        <Box display=\"flex\" flexDirection=\"column\">\n          <Box display={isSmallScreen ? 'block' : 'flex'} gridGap=\"12px\">\n            <TextField\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              className={styles.dateFilter}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={_e => setFromDate(_e.target.value)}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n            <TextField\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              className={styles.dateFilter}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={_e => setToDate(_e.target.value)}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Box>\n          {validation.message && (\n            <Typography color=\"error\" variant=\"body2\">\n              {validation.message}\n            </Typography>\n          )}\n        </Box>\n      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,16 @@
 import React, { useEffect } from 'react';
 import { Box, Grid, FormGroup, FormControlLabel, Checkbox, FormControl, FormLabel, RadioGroup, TextField, Divider, Radio } from '@material-ui/core';
-import { useStyles, useQetaApi, useTranslation } from '../../utils/hooks.esm.js';
 import { Autocomplete } from '@material-ui/lab';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { useApi } from '@backstage/core-plugin-api';
 import { catalogApiRef } from '@backstage/plugin-catalog-react';
 import { getEntityTitle } from '../../utils/utils.esm.js';
 import { DateRangeFilter } from './DateRangeFilter.esm.js';
+import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
+import '../../api.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
 
 const radioSelect = (value, label) => {
   return /* @__PURE__ */ React.createElement(
@@ -48,8 +52,8 @@ const FilterPanel = (props) => {
     null
   );
   useEffect(() => {
-    if (tags && tags.length > 0 || filters.tags) {
-      const ts = (tags ?? []).map((tag) => tag.tag);
+    if (tags && tags.tags && tags.total > 0 || filters.tags) {
+      const ts = (tags?.tags ?? []).map((tag) => tag.tag);
       if (filters.tags) {
         ts.push(...filters.tags);
       }
@@ -61,8 +65,8 @@ const FilterPanel = (props) => {
     if (filters.entity && !Array.isArray(filters.entity)) {
       entityRefs.push(filters.entity);
     }
-    if (refs && refs?.length > 0) {
-      refs?.forEach((ref) => {
+    if (refs && refs.entities && refs.total > 0) {
+      refs.entities.forEach((ref) => {
         if (ref.entityRef !== filters.entity) {
           entityRefs.push(ref.entityRef);
         }

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  Radio,\n  RadioGroup,\n  TextField,\n} from '@material-ui/core';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\nimport { Autocomplete } from '@material-ui/lab';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { getEntityTitle } from '../../utils/utils';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'entity',\n  'tags',\n  'dateRange',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order: string;\n  orderBy: string;\n  noAnswers?: string;\n  noCorrectAnswer: string;\n  noVotes: string;\n  searchQuery: string;\n  entity?: string;\n  tags?: string[];\n  dateRange?: string;\n  collectionId?: number;\n};\n\nexport interface FilterPanelProps {\n  onChange: (key: FilterKey, value: string | string[]) => void;\n  filters: Filters;\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport const FilterPanel = (props: FilterPanelProps) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    answerFilters = false,\n    type,\n  } = props;\n  const styles = useStyles();\n  const { value: refs } = useQetaApi(api => api.getEntities(), []);\n  const { value: tags } = useQetaApi(api => api.getTags(), []);\n  const catalogApi = useApi(catalogApiRef);\n  const { t } = useTranslation();\n  const [availableEntities, setAvailableEntities] = React.useState<\n    Entity[] | null\n  >(null);\n  const [selectedEntity, setSelectedEntity] = React.useState<\n    Entity | undefined\n  >(undefined);\n  const [availableTags, setAvailableTags] = React.useState<string[] | null>(\n    null,\n  );\n\n  useEffect(() => {\n    if ((tags && tags.length > 0) || filters.tags) {\n      const ts = (tags ?? []).map(tag => tag.tag);\n      if (filters.tags) {\n        ts.push(...filters.tags);\n      }\n      setAvailableTags([...new Set(ts)]);\n    }\n  }, [tags, filters.tags]);\n\n  useEffect(() => {\n    const entityRefs: string[] = [];\n    if (filters.entity && !Array.isArray(filters.entity)) {\n      entityRefs.push(filters.entity);\n    }\n    if (refs && refs?.length > 0) {\n      refs?.forEach(ref => {\n        // ignore currently selected entity if exist in refs\n        if (ref.entityRef !== filters.entity) {\n          entityRefs.push(ref.entityRef);\n        }\n      });\n    }\n    if (entityRefs.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n        .then(resp => {\n          const filtered = resp.items.filter(i => i !== undefined) as Entity[];\n          setAvailableEntities(filtered);\n        });\n    }\n  }, [filters.entity, catalogApi, refs]);\n\n  useEffect(() => {\n    if (filters.entity && availableEntities) {\n      const value = availableEntities.find(\n        e => stringifyEntityRef(e) === filters.entity,\n      );\n      setSelectedEntity(value);\n      if (!value) {\n        onChange('entity', '');\n      }\n    } else {\n      setSelectedEntity(undefined);\n    }\n  }, [availableEntities, filters.entity, onChange]);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange(event.target.name as FilterKey, value);\n  };\n\n  return (\n    <Box className={`qetaFilterPanel ${styles.filterPanel}`}>\n      <Grid container spacing={4}>\n        <Grid item md={3} xs={4}>\n          <FormGroup>\n            {!answerFilters && type !== 'article' && (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"noAnswers\"\n                    onChange={handleChange}\n                    checked={filters.noAnswers === 'true'}\n                  />\n                }\n                label={t('filterPanel.noAnswers.label')}\n              />\n            )}\n            {type !== 'article' && (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"noCorrectAnswer\"\n                    checked={filters.noCorrectAnswer === 'true'}\n                    onChange={handleChange}\n                  />\n                }\n                label={t('filterPanel.noCorrectAnswers.label')}\n              />\n            )}\n            <FormControlLabel\n              control={\n                <Checkbox\n                  size=\"small\"\n                  name=\"noVotes\"\n                  checked={filters.noVotes === 'true'}\n                  onChange={handleChange}\n                />\n              }\n              label={t('filterPanel.noVotes.label')}\n            />\n          </FormGroup>\n        </Grid>\n        <Grid item md={2} xs={4}>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n            >\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {!answerFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {radioSelect('score', t('filterPanel.orderBy.score'))}\n              {!answerFilters &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item md={2} xs={4}>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        {((availableEntities && availableEntities.length > 0) ||\n          (availableTags && availableTags.length > 0)) &&\n          (showEntityFilter || showTagFilter) && (\n            <Grid item md={4} xs={8}>\n              <FormLabel id=\"qeta-filter-entity\">\n                {t('filterPanel.filters.label')}\n              </FormLabel>\n              {showEntityFilter &&\n                availableEntities &&\n                availableEntities.length > 0 && (\n                  <Autocomplete\n                    multiple={false}\n                    className=\"qetaEntityFilter\"\n                    value={selectedEntity ?? null}\n                    id=\"entities-select\"\n                    options={availableEntities}\n                    getOptionLabel={getEntityTitle}\n                    getOptionSelected={(o, v) => {\n                      if (!o || !v) {\n                        return false;\n                      }\n                      return stringifyEntityRef(o) === stringifyEntityRef(v);\n                    }}\n                    onChange={(_e, newValue) => {\n                      handleChange({\n                        target: {\n                          name: 'entity',\n                          value: newValue ? stringifyEntityRef(newValue) : '',\n                        },\n                      });\n                    }}\n                    renderInput={params => (\n                      <TextField\n                        {...params}\n                        variant=\"outlined\"\n                        margin=\"normal\"\n                        label={t('filterPanel.filters.entity.label')}\n                        placeholder={t(\n                          'filterPanel.filters.entity.placeholder',\n                        )}\n                      />\n                    )}\n                  />\n                )}\n              {showTagFilter && availableTags && availableTags.length > 0 && (\n                <Autocomplete\n                  multiple\n                  className=\"qetaTagFilter\"\n                  value={filters.tags}\n                  id=\"tags-select\"\n                  options={availableTags}\n                  onChange={(_e, newValue) => {\n                    handleChange({\n                      target: {\n                        name: 'tags',\n                        value: newValue,\n                      },\n                    });\n                  }}\n                  renderInput={params => (\n                    <TextField\n                      {...params}\n                      variant=\"outlined\"\n                      margin=\"normal\"\n                      label={t('filterPanel.filters.tag.label')}\n                      placeholder={t('filterPanel.filters.tag.placeholder')}\n                    />\n                  )}\n                />\n              )}\n            </Grid>\n          )}\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <DateRangeFilter value={filters.dateRange} onChange={onChange} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  Radio,\n  RadioGroup,\n  TextField,\n} from '@material-ui/core';\nimport { Autocomplete } from '@material-ui/lab';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { getEntityTitle } from '../../utils/utils';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi, useStyles, useTranslation } from '../../hooks';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'entity',\n  'tags',\n  'dateRange',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order: string;\n  orderBy: string;\n  noAnswers?: string;\n  noCorrectAnswer: string;\n  noVotes: string;\n  searchQuery: string;\n  entity?: string;\n  tags?: string[];\n  dateRange?: string;\n  collectionId?: number;\n};\n\nexport interface FilterPanelProps {\n  onChange: (key: FilterKey, value: string | string[]) => void;\n  filters: Filters;\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport const FilterPanel = (props: FilterPanelProps) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    answerFilters = false,\n    type,\n  } = props;\n  const styles = useStyles();\n  const { value: refs } = useQetaApi(api => api.getEntities(), []);\n  const { value: tags } = useQetaApi(api => api.getTags(), []);\n  const catalogApi = useApi(catalogApiRef);\n  const { t } = useTranslation();\n  const [availableEntities, setAvailableEntities] = React.useState<\n    Entity[] | null\n  >(null);\n  const [selectedEntity, setSelectedEntity] = React.useState<\n    Entity | undefined\n  >(undefined);\n  const [availableTags, setAvailableTags] = React.useState<string[] | null>(\n    null,\n  );\n\n  useEffect(() => {\n    if ((tags && tags.tags && tags.total > 0) || filters.tags) {\n      const ts = (tags?.tags ?? []).map(tag => tag.tag);\n      if (filters.tags) {\n        ts.push(...filters.tags);\n      }\n      setAvailableTags([...new Set(ts)]);\n    }\n  }, [tags, filters.tags]);\n\n  useEffect(() => {\n    const entityRefs: string[] = [];\n    if (filters.entity && !Array.isArray(filters.entity)) {\n      entityRefs.push(filters.entity);\n    }\n    if (refs && refs.entities && refs.total > 0) {\n      refs.entities.forEach(ref => {\n        // ignore currently selected entity if exist in refs\n        if (ref.entityRef !== filters.entity) {\n          entityRefs.push(ref.entityRef);\n        }\n      });\n    }\n    if (entityRefs.length > 0) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs,\n          fields: [\n            'kind',\n            'metadata.name',\n            'metadata.namespace',\n            'metadata.title',\n          ],\n        })\n        .then(resp => {\n          const filtered = resp.items.filter(i => i !== undefined) as Entity[];\n          setAvailableEntities(filtered);\n        });\n    }\n  }, [filters.entity, catalogApi, refs]);\n\n  useEffect(() => {\n    if (filters.entity && availableEntities) {\n      const value = availableEntities.find(\n        e => stringifyEntityRef(e) === filters.entity,\n      );\n      setSelectedEntity(value);\n      if (!value) {\n        onChange('entity', '');\n      }\n    } else {\n      setSelectedEntity(undefined);\n    }\n  }, [availableEntities, filters.entity, onChange]);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange(event.target.name as FilterKey, value);\n  };\n\n  return (\n    <Box className={`qetaFilterPanel ${styles.filterPanel}`}>\n      <Grid container spacing={4}>\n        <Grid item md={3} xs={4}>\n          <FormGroup>\n            {!answerFilters && type !== 'article' && (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"noAnswers\"\n                    onChange={handleChange}\n                    checked={filters.noAnswers === 'true'}\n                  />\n                }\n                label={t('filterPanel.noAnswers.label')}\n              />\n            )}\n            {type !== 'article' && (\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"noCorrectAnswer\"\n                    checked={filters.noCorrectAnswer === 'true'}\n                    onChange={handleChange}\n                  />\n                }\n                label={t('filterPanel.noCorrectAnswers.label')}\n              />\n            )}\n            <FormControlLabel\n              control={\n                <Checkbox\n                  size=\"small\"\n                  name=\"noVotes\"\n                  checked={filters.noVotes === 'true'}\n                  onChange={handleChange}\n                />\n              }\n              label={t('filterPanel.noVotes.label')}\n            />\n          </FormGroup>\n        </Grid>\n        <Grid item md={2} xs={4}>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n            >\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {!answerFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {radioSelect('score', t('filterPanel.orderBy.score'))}\n              {!answerFilters &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item md={2} xs={4}>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        {((availableEntities && availableEntities.length > 0) ||\n          (availableTags && availableTags.length > 0)) &&\n          (showEntityFilter || showTagFilter) && (\n            <Grid item md={4} xs={8}>\n              <FormLabel id=\"qeta-filter-entity\">\n                {t('filterPanel.filters.label')}\n              </FormLabel>\n              {showEntityFilter &&\n                availableEntities &&\n                availableEntities.length > 0 && (\n                  <Autocomplete\n                    multiple={false}\n                    className=\"qetaEntityFilter\"\n                    value={selectedEntity ?? null}\n                    id=\"entities-select\"\n                    options={availableEntities}\n                    getOptionLabel={getEntityTitle}\n                    getOptionSelected={(o, v) => {\n                      if (!o || !v) {\n                        return false;\n                      }\n                      return stringifyEntityRef(o) === stringifyEntityRef(v);\n                    }}\n                    onChange={(_e, newValue) => {\n                      handleChange({\n                        target: {\n                          name: 'entity',\n                          value: newValue ? stringifyEntityRef(newValue) : '',\n                        },\n                      });\n                    }}\n                    renderInput={params => (\n                      <TextField\n                        {...params}\n                        variant=\"outlined\"\n                        margin=\"normal\"\n                        label={t('filterPanel.filters.entity.label')}\n                        placeholder={t(\n                          'filterPanel.filters.entity.placeholder',\n                        )}\n                      />\n                    )}\n                  />\n                )}\n              {showTagFilter && availableTags && availableTags.length > 0 && (\n                <Autocomplete\n                  multiple\n                  className=\"qetaTagFilter\"\n                  value={filters.tags}\n                  id=\"tags-select\"\n                  options={availableTags}\n                  onChange={(_e, newValue) => {\n                    handleChange({\n                      target: {\n                        name: 'tags',\n                        value: newValue,\n                      },\n                    });\n                  }}\n                  renderInput={params => (\n                    <TextField\n                      {...params}\n                      variant=\"outlined\"\n                      margin=\"normal\"\n                      label={t('filterPanel.filters.tag.label')}\n                      placeholder={t('filterPanel.filters.tag.placeholder')}\n                    />\n                  )}\n                />\n              )}\n            </Grid>\n          )}\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <DateRangeFilter value={filters.dateRange} onChange={onChange} />\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js

@@ -0,0 +1,49 @@
+import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
+import React from 'react';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
+import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
+import { CollectionChip } from '../TagsAndEntities/CollectionChip.esm.js';
+
+const FollowedCollectionsList = () => {
+  const classes = useStyles();
+  const collections = useCollectionsFollow();
+  const { t } = useTranslation();
+  if (collections.collections.length === 0 || collections.loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      className: `qetaQuestionHighlightList ${classes.postHighlightListContainer}`,
+      display: { md: "none", lg: "block" }
+    },
+    /* @__PURE__ */ React.createElement(
+      List,
+      {
+        component: "nav",
+        "aria-labelledby": "nested-list-subheader",
+        className: `qetaQuestionHighlightListList ${classes.postHighlightList}`,
+        subheader: /* @__PURE__ */ React.createElement(
+          ListSubheader,
+          {
+            disableSticky: true,
+            component: "p",
+            id: "nested-list-subheader",
+            color: "primary"
+          },
+          t("rightMenu.followedCollections")
+        )
+      },
+      /* @__PURE__ */ React.createElement(Divider, null),
+      /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, collections.collections.map((collection) => /* @__PURE__ */ React.createElement(CollectionChip, { key: collection.id, collection })))
+    )
+  );
+};
+
+export { FollowedCollectionsList };
+//# sourceMappingURL=FollowedCollectionsList.esm.js.map

package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\n\nexport const FollowedCollectionsList = () => {\n  const classes = useStyles();\n  const collections = useCollectionsFollow();\n  const { t } = useTranslation();\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaQuestionHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaQuestionHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedCollections')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAMO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MAC1E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACrE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,+BAA+B,CAAA;AAAA,SACpC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAS,EAAA,OAAA,MACzB,WAAY,CAAA,WAAA,CAAY,GAAI,CAAA,CAAA,UAAA,yCAC1B,cAAe,EAAA,EAAA,GAAA,EAAK,WAAW,EAAI,EAAA,UAAA,EAAwB,CAC7D,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js

@@ -1,7 +1,13 @@
 import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
 import React from 'react';
-import { useStyles, useEntityFollow, useTranslation } from '../../utils/hooks.esm.js';
 import { EntityChip } from '../TagsAndEntities/EntityChip.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
 
 const FollowedEntitiesList = () => {
   const classes = useStyles();

package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityFollow, useStyles, useTranslation } from '../../utils/hooks';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaPostHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaPostHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MACtE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACjE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const FollowedEntitiesList = () => {\n  const classes = useStyles();\n  const entities = useEntityFollow();\n  const { t } = useTranslation();\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <Box\n      className={`qetaPostHighlightList ${classes.postHighlightListContainer}`}\n      display={{ md: 'none', lg: 'block' }}\n    >\n      <List\n        component=\"nav\"\n        aria-labelledby=\"nested-list-subheader\"\n        className={`qetaPostHighlightListList ${classes.postHighlightList}`}\n        subheader={\n          <ListSubheader\n            disableSticky\n            component=\"p\"\n            id=\"nested-list-subheader\"\n            color=\"primary\"\n          >\n            {t('rightMenu.followedEntities')}\n          </ListSubheader>\n        }\n      >\n        <Divider />\n        <ListItem style={{ display: 'block' }}>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </List>\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAyB,sBAAA,EAAA,OAAA,CAAQ,0BAA0B,CAAA,CAAA;AAAA,MACtE,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,iBAAiB,CAAA,CAAA;AAAA,QACjE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/FollowedLists/FollowedTagsList.esm.js

@@ -1,7 +1,13 @@
 import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
 import React from 'react';
-import { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks.esm.js';
 import { TagChip } from '../TagsAndEntities/TagChip.esm.js';
+import '@backstage/core-plugin-api';
+import '../../api.esm.js';
+import 'react-use';
+import { useTagsFollow } from '../../hooks/useTagsFollow.esm.js';
+import { useTranslation } from '../../hooks/useTranslation.esm.js';
+import { useStyles } from '../../hooks/useStyles.esm.js';
+import 'react-use/lib/useAsync';
 
 const FollowedTagsList = () => {
   const classes = useStyles();