@drodil/backstage-plugin-qeta-react 3.26.0 → 3.27.0

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@material-ui/core';\nimport { useState, 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 { SearchBar } from '../SearchBar/SearchBar';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = 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  return (\n    <Box>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('entitiesPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography variant=\"h6\" className=\"qetaCollectionsContainerdCount\">\n              {t('common.entities', { count: response?.total ?? 0 })}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n      <EntitiesGridContent\n        response={response}\n        loading={loading}\n        error={error}\n      />\n      {response && response?.total > 0 && (\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      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"EntitiesGrid.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGrid.tsx"],"sourcesContent":["import { Box, Grid, Typography } from '@material-ui/core';\nimport { useEffect, useState } from 'react';\nimport { useQetaApi } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport { EntitiesGridContent } from './EntitiesGridContent';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\ntype EntityFilters = {\n  order: 'asc' | 'desc';\n  orderBy?: 'entityRef';\n  searchQuery: string;\n};\n\nexport const EntitiesGrid = () => {\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [entitiesPerPage, setEntitiesPerPage] = useState(25);\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<EntityFilters>({\n    order: 'desc',\n    searchQuery: '',\n  });\n  const { t } = useTranslationRef(qetaTranslationRef);\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  return (\n    <Box>\n      <Grid container justifyContent=\"space-between\">\n        <Grid item xs={12} md={4}>\n          <SearchBar\n            onSearch={onSearchQueryChange}\n            label={t('entitiesPage.search.label')}\n            loading={loading}\n          />\n        </Grid>\n      </Grid>\n      <Grid container justifyContent=\"space-between\">\n        {response && (\n          <Grid item>\n            <Typography variant=\"h6\" className=\"qetaCollectionsContainerdCount\">\n              {t('common.entities', { count: response?.total ?? 0 })}\n            </Typography>\n          </Grid>\n        )}\n      </Grid>\n      <EntitiesGridContent\n        response={response}\n        loading={loading}\n        error={error}\n      />\n      {response && response?.total > 0 && (\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      )}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { EntitiesGridItem } from './EntitiesGridItem.esm.js';
 import { NoEntitiesCard } from './NoEntitiesCard.esm.js';
 import { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
@@ -19,7 +9,7 @@ import { Grid } from '@material-ui/core';
 
 const EntitiesGridContent = (props) => {
   const { response, loading, error } = props;
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (loading) {
     return /* @__PURE__ */ jsx(LoadingGrid, {});
   }

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

@@ -1 +1 @@
-{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\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\n  if (loading) {\n    return <LoadingGrid />;\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  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAQa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA;AAGzB,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,oBAAU,QAAS,CAAA,GAAA,CAAI,4BACrB,GAAA,CAAA,gBAAA,EAAA,EAAiB,UAAqB,MAAO,CAAA,SAAW,CAC1D,CACH,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"EntitiesGridContent.esm.js","sources":["../../../src/components/EntitiesGrid/EntitiesGridContent.tsx"],"sourcesContent":["import { EntitiesResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesGridItem } from './EntitiesGridItem';\nimport { NoEntitiesCard } from './NoEntitiesCard';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { Grid } from '@material-ui/core';\n\nexport const EntitiesGridContent = (props: {\n  loading: boolean;\n  error: any;\n  response?: EntitiesResponse;\n}) => {\n  const { response, loading, error } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (loading) {\n    return <LoadingGrid />;\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  if (!response?.entities || response.entities.length === 0) {\n    return <NoEntitiesCard />;\n  }\n\n  return (\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"],"names":[],"mappings":";;;;;;;;;AASa,MAAA,mBAAA,GAAsB,CAAC,KAI9B,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,KAAA,EAAU,GAAA,KAAA;AACrC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,2BAAQ,WAAY,EAAA,EAAA,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,uBAAA,GAAA,CAAC,gBAAa,QAAS,EAAA,OAAA,EAAQ,OAAO,CAAE,CAAA,2BAA2B,CAChE,EAAA,QAAA,EAAA,KAAA,EAAO,OACV,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAU,EAAA,QAAA,IAAY,QAAS,CAAA,QAAA,CAAS,WAAW,CAAG,EAAA;AACzD,IAAA,2BAAQ,cAAe,EAAA,EAAA,CAAA;AAAA;AAGzB,EACE,uBAAA,GAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAC,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,UAAW,EAAA,SAAA,EACrC,oBAAU,QAAS,CAAA,GAAA,CAAI,4BACrB,GAAA,CAAA,gBAAA,EAAA,EAAiB,UAAqB,MAAO,CAAA,SAAW,CAC1D,CACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -8,9 +8,10 @@ import { parseEntityRef } from '@backstage/catalog-model';
 import '../../api.esm.js';
 import 'react-use';
 import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import 'dataloader';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
@@ -22,7 +23,7 @@ const EntitiesGridItem = (props) => {
   const { entity } = props;
   const entityRoute = useRouteRef(entityRouteRef);
   const navigate = useNavigate();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const entityFollow = useEntityFollow();
   const compound = parseEntityRef(entity.entityRef);
   const { primaryTitle, Icon } = useEntityPresentation(compound);

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 { 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';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\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                  startIcon={\n                    entityFollow.isFollowingEntity(entity.entityRef) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\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 { 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 } from '../../hooks';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const EntitiesGridItem = (props: { entity: EntityResponse }) => {\n  const { entity } = props;\n  const entityRoute = useRouteRef(entityRouteRef);\n  const navigate = useNavigate();\n  const { t } = useTranslationRef(qetaTranslationRef);\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                  startIcon={\n                    entityFollow.isFollowingEntity(entity.entityRef) ? (\n                      <VisibilityOff />\n                    ) : (\n                      <Visibility />\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

@@ -1,20 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { Card, CardContent, Grid, Typography } from '@material-ui/core';
 
 const NoEntitiesCard = () => {
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslation();\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\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":";;;;;;;;;;;;;;;AAGO,MAAM,iBAAiB,MAAM;AAClC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;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,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,GAC1C,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NoEntitiesCard.esm.js","sources":["../../../src/components/EntitiesGrid/NoEntitiesCard.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoEntitiesCard = () => {\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  return (\n    <Card style={{ marginTop: '2em' }}>\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,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EACE,uBAAA,GAAA,CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,EAC9B,8BAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA;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,MAEV,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EACR,8BAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,QAAA,EAAA,CAAA,CAAE,yBAAyB,EAAE,KAAA,EAAO,CAAE,EAAC,GAC1C,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,17 +1,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 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 '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { makeStyles, Grid, Typography, TextField, MenuItem } from '@material-ui/core';
 
 const useStyles = makeStyles(
@@ -31,7 +22,7 @@ const DateRangeFilter = (props) => {
   const [dateRangeOption, setDateRangeOption] = useState(
     value
   );
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const localDate = formatDate(/* @__PURE__ */ new Date());
   const [fromDate, setFromDate] = useState(localDate);
   const [toDate, setToDate] = useState(localDate);

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslation } from '../../hooks';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '230px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\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 localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\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  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\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\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.esm.js","sources":["../../../src/components/FilterPanel/DateRangeFilter.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { formatDate } from '../../utils/utils';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport {\n  Grid,\n  makeStyles,\n  MenuItem,\n  TextField,\n  Typography,\n} from '@material-ui/core';\n\nexport interface DateRangeFilterProps {\n  value?: string;\n  onChange: (value: string | string[]) => void;\n}\n\ntype DateRangeValidation = {\n  isValid: boolean;\n  message?: string;\n};\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {},\n    textInput: {\n      minWidth: '230px',\n      marginTop: theme.spacing(2),\n      marginBottom: theme.spacing(2),\n    },\n  }),\n  { name: 'QetaDateRangeFilter' },\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 } = useTranslationRef(qetaTranslationRef);\n  const localDate = formatDate(new Date());\n  const [fromDate, setFromDate] = useState(localDate);\n  const [toDate, setToDate] = useState(localDate);\n  const [validation, setValidation] = useState<DateRangeValidation>({\n    isValid: true,\n  });\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  const handleCustom = (from?: string, to?: string) => {\n    const startDate = new Date(from ?? fromDate);\n    const endDate = new Date(to ?? toDate);\n    if (startDate <= endDate) {\n      setValidation({ isValid: true });\n      onChange(`${formatDate(startDate)}--${formatDate(endDate)}`);\n    } else {\n      setValidation({\n        isValid: false,\n        message: t('datePicker.invalidRange'),\n      });\n    }\n  };\n\n  return (\n    <Grid container className={styles.root}>\n      {validation.message && (\n        <Grid item xs={12}>\n          <Typography color=\"error\" variant=\"body2\">\n            {validation.message}\n          </Typography>\n        </Grid>\n      )}\n      <Grid item>\n        <TextField\n          select\n          className={styles.textInput}\n          label={t('datePicker.range.label')}\n          value={dateRangeOption || 'select'}\n          onChange={e => {\n            if (e.target.value !== 'custom') {\n              onChange(e.target.value === 'select' ? '' : e.target.value);\n            }\n            setDateRangeOption(e.target.value);\n          }}\n          variant=\"outlined\"\n          defaultValue=\"select\"\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\">\n            {t('datePicker.range.last30days')}\n          </MenuItem>\n          <MenuItem value=\"custom\">{t('datePicker.range.custom')}</MenuItem>\n        </TextField>\n      </Grid>\n      {dateRangeOption === 'custom' && (\n        <>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.from')}\n              id=\"from-date\"\n              type=\"date\"\n              value={fromDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(e.target.value);\n              }}\n              inputProps={{\n                max: toDate || localDate,\n              }}\n            />\n          </Grid>\n          <Grid item>\n            <TextField\n              className={styles.textInput}\n              variant=\"outlined\"\n              label={t('datePicker.to')}\n              id=\"to-date\"\n              type=\"date\"\n              value={toDate}\n              InputLabelProps={{ shrink: true }}\n              error={!validation.isValid}\n              onChange={e => {\n                handleCustom(undefined, e.target.value);\n              }}\n              inputProps={{\n                min: fromDate,\n                max: localDate,\n              }}\n            />\n          </Grid>\n        </>\n      )}\n    </Grid>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -2,18 +2,12 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect, useCallback } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
 import { DateRangeFilter } from './DateRangeFilter.esm.js';
-import { useApi, identityApiRef } from '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import 'dataloader';
-import { useStarredEntities, catalogApiRef } from '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { EntitiesInput } from '../PostForm/EntitiesInput.esm.js';
 import { TagInput } from '../PostForm/TagInput.esm.js';
+import { useStarredEntities, catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useApi, identityApiRef } from '@backstage/core-plugin-api';
 import { makeStyles, Box, Grid, FormGroup, FormLabel, FormControlLabel, Checkbox, FormControl, RadioGroup, Divider, Tooltip, IconButton, Radio } from '@material-ui/core';
 import AdjustIcon from '@material-ui/icons/Adjust';
 import FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';
@@ -69,7 +63,7 @@ const FilterPanel = (props) => {
     showTagFilter = true,
     type
   } = props;
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const [entities, setEntities] = useState(void 0);
   const [starredEntities, setStarredEntities] = useState(false);
   const [ownedEntities, setOwnedEntities] = useState(false);

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

@@ -1 +1 @@
-{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  IconButton,\n  makeStyles,\n  Radio,\n  RadioGroup,\n  Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'dateRange',\n  'tags',\n  'tagsRelation',\n  'entities',\n  'entitiesRelation',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n  entities?: string[];\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  entitiesRelation?: 'and' | 'or';\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface CommonFilterPanelProps {\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n  extends CommonFilterPanelProps {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      padding: '1em',\n      paddingTop: '2em',\n      marginTop: '1em',\n      border: `1px solid ${theme.palette.divider}`,\n    },\n  }),\n  { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const { t } = useTranslation();\n  const [entities, setEntities] = useState<Entity[] | undefined>(undefined);\n  const [starredEntities, setStarredEntities] = useState(false);\n  const [ownedEntities, setOwnedEntities] = useState(false);\n  const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(identity => {\n      catalogApi\n        .getEntities({\n          filter: {\n            'spec.owner': identity.ownershipEntityRefs,\n          },\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          const entityRefs = data.items.map(e => stringifyEntityRef(e));\n          setOwnedEntityRefs(entityRefs);\n        });\n    });\n  }, [catalogApi, identityApi]);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = useCallback(\n    (checked: boolean) => {\n      setStarredEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange({\n          key: 'entities',\n          value: [...starredEntitiesApi.starredEntities],\n        });\n      } else {\n        onChange({ key: 'entities', value: [] });\n      }\n    },\n    [onChange, starredEntitiesApi.starredEntities],\n  );\n\n  const handleOwnedEntities = useCallback(\n    (checked: boolean) => {\n      setOwnedEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange([\n          { key: 'entities', value: ownedEntityRefs },\n          { key: 'entitiesRelation', value: 'or' },\n        ]);\n      } else {\n        onChange([\n          { key: 'entities', value: [] },\n          { key: 'entitiesRelation', value: 'and' },\n        ]);\n      }\n    },\n    [onChange, ownedEntityRefs],\n  );\n\n  useEffect(() => {\n    if (filters.entities) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: filters.entities,\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          setEntities(compact(data.items));\n        });\n    }\n  }, [catalogApi, filters.entities]);\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box className={styles.root}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1em',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ width: '230px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ width: '230px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FilterPanel.esm.js","sources":["../../../src/components/FilterPanel/FilterPanel.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { DateRangeFilter } from './DateRangeFilter';\nimport { PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { EntitiesInput } from '../PostForm/EntitiesInput';\nimport { TagInput } from '../PostForm/TagInput';\nimport {\n  catalogApiRef,\n  useStarredEntities,\n} from '@backstage/plugin-catalog-react';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Checkbox,\n  Divider,\n  FormControl,\n  FormControlLabel,\n  FormGroup,\n  FormLabel,\n  Grid,\n  IconButton,\n  makeStyles,\n  Radio,\n  RadioGroup,\n  Tooltip,\n} from '@material-ui/core';\nimport AdjustIcon from '@material-ui/icons/Adjust';\nimport FiberManualRecordIcon from '@material-ui/icons/FiberManualRecord';\nimport { compact } from 'lodash';\n\nconst radioSelect = (value: string, label: string) => {\n  return (\n    <FormControlLabel\n      value={value}\n      control={<Radio size=\"small\" />}\n      label={label}\n    />\n  );\n};\n\nexport const filterKeys = [\n  'orderBy',\n  'order',\n  'noAnswers',\n  'noCorrectAnswer',\n  'noVotes',\n  'dateRange',\n  'tags',\n  'tagsRelation',\n  'entities',\n  'entitiesRelation',\n] as const;\nexport type FilterKey = (typeof filterKeys)[number];\n\nexport type Filters = {\n  order?: 'asc' | 'desc';\n  orderBy?: string;\n  searchQuery?: string;\n  entities?: string[];\n  entitiesRelation?: 'and' | 'or';\n  entity?: string;\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  dateRange?: string;\n};\n\nexport type PostFilters = Filters & {\n  orderBy?:\n    | 'rank'\n    | 'created'\n    | 'title'\n    | 'views'\n    | 'score'\n    | 'trend'\n    | 'answersCount'\n    | 'updated';\n  noAnswers?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n  noVotes?: 'true' | 'false';\n  collectionId?: number;\n  type?: PostType;\n  entities?: string[];\n  tags?: string[];\n  tagsRelation?: 'and' | 'or';\n  entitiesRelation?: 'and' | 'or';\n};\n\nexport type AnswerFilters = Filters & {\n  orderBy?: 'created' | 'score' | 'updated';\n  noVotes?: 'true' | 'false';\n  noCorrectAnswer?: 'true' | 'false';\n};\n\nexport type CollectionFilters = Filters & {\n  orderBy?: 'created' | 'title';\n};\n\nfunction isPostFilters(filters: Filters): filters is PostFilters {\n  return (filters as PostFilters).noAnswers !== undefined;\n}\n\nfunction isAnswerFilters(filters: Filters): filters is AnswerFilters {\n  return (\n    (filters as AnswerFilters).noVotes !== undefined &&\n    (filters as PostFilters).noAnswers === undefined\n  );\n}\n\nfunction isCollectionFilters(filters: Filters): filters is CollectionFilters {\n  return (filters as PostFilters).noAnswers === undefined;\n}\n\nexport type Change<T extends Filters> = {\n  key: keyof T;\n  value: string | string[];\n};\n\nexport interface CommonFilterPanelProps {\n  showEntityFilter?: boolean;\n  showTagFilter?: boolean;\n  answerFilters?: boolean;\n  type?: PostType;\n}\n\nexport interface FilterPanelProps<T extends Filters>\n  extends CommonFilterPanelProps {\n  onChange: (changes: Change<T> | Change<T>[]) => void;\n  filters: T;\n}\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      padding: '1em',\n      paddingTop: '2em',\n      marginTop: '1em',\n      border: `1px solid ${theme.palette.divider}`,\n    },\n  }),\n  { name: 'QetaFilterPanel' },\n);\n\nexport const FilterPanel = <T extends Filters>(props: FilterPanelProps<T>) => {\n  const {\n    onChange,\n    filters,\n    showEntityFilter = true,\n    showTagFilter = true,\n    type,\n  } = props;\n  const { t } = useTranslationRef(qetaTranslationRef);\n  const [entities, setEntities] = useState<Entity[] | undefined>(undefined);\n  const [starredEntities, setStarredEntities] = useState(false);\n  const [ownedEntities, setOwnedEntities] = useState(false);\n  const [ownedEntityRefs, setOwnedEntityRefs] = useState<string[]>([]);\n  const starredEntitiesApi = useStarredEntities();\n  const catalogApi = useApi(catalogApiRef);\n  const identityApi = useApi(identityApiRef);\n  const styles = useStyles();\n\n  useEffect(() => {\n    identityApi.getBackstageIdentity().then(identity => {\n      catalogApi\n        .getEntities({\n          filter: {\n            'spec.owner': identity.ownershipEntityRefs,\n          },\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          const entityRefs = data.items.map(e => stringifyEntityRef(e));\n          setOwnedEntityRefs(entityRefs);\n        });\n    });\n  }, [catalogApi, identityApi]);\n\n  const handleChange = (event: {\n    target: {\n      value: string | string[];\n      type?: string;\n      name: string;\n      checked?: boolean;\n    };\n  }) => {\n    let value = event.target.value;\n    if (event.target.type === 'checkbox') {\n      value = event.target.checked ? 'true' : 'false';\n    }\n    onChange({ key: event.target.name as keyof T, value });\n  };\n\n  const handleStarredEntities = useCallback(\n    (checked: boolean) => {\n      setStarredEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange({\n          key: 'entities',\n          value: [...starredEntitiesApi.starredEntities],\n        });\n      } else {\n        onChange({ key: 'entities', value: [] });\n      }\n    },\n    [onChange, starredEntitiesApi.starredEntities],\n  );\n\n  const handleOwnedEntities = useCallback(\n    (checked: boolean) => {\n      setOwnedEntities(checked);\n      setEntities([]);\n      if (checked) {\n        onChange([\n          { key: 'entities', value: ownedEntityRefs },\n          { key: 'entitiesRelation', value: 'or' },\n        ]);\n      } else {\n        onChange([\n          { key: 'entities', value: [] },\n          { key: 'entitiesRelation', value: 'and' },\n        ]);\n      }\n    },\n    [onChange, ownedEntityRefs],\n  );\n\n  useEffect(() => {\n    if (filters.entities) {\n      catalogApi\n        .getEntitiesByRefs({\n          entityRefs: filters.entities,\n          fields: ['kind', 'metadata.name', 'metadata.namespace'],\n        })\n        .then(data => {\n          setEntities(compact(data.items));\n        });\n    }\n  }, [catalogApi, filters.entities]);\n\n  const postFilters = isPostFilters(filters);\n  const answerFilters = isAnswerFilters(filters);\n  const collectionFilters = isCollectionFilters(filters);\n\n  return (\n    <Box className={styles.root}>\n      <Grid\n        container\n        spacing={4}\n        alignItems=\"stretch\"\n        justifyContent=\"space-evenly\"\n      >\n        {(postFilters || answerFilters) && (\n          <Grid item>\n            <FormGroup>\n              <FormLabel id=\"qeta-filter-quick\">\n                {t('filterPanel.quickFilters.label')}\n              </FormLabel>\n              {postFilters && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noAnswers\"\n                      onChange={handleChange}\n                      checked={filters.noAnswers === 'true'}\n                    />\n                  }\n                  label={t('filterPanel.noAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && type !== 'article' && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noCorrectAnswer\"\n                      checked={filters.noCorrectAnswer === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noCorrectAnswers.label')}\n                />\n              )}\n              {(postFilters || answerFilters) && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"noVotes\"\n                      checked={filters.noVotes === 'true'}\n                      onChange={handleChange}\n                    />\n                  }\n                  label={t('filterPanel.noVotes.label')}\n                />\n              )}\n              {starredEntitiesApi.starredEntities.size > 0 && (\n                <FormControlLabel\n                  control={\n                    <Checkbox\n                      size=\"small\"\n                      name=\"starredEntities\"\n                      onChange={e => handleStarredEntities(e.target.checked)}\n                      checked={starredEntities}\n                    />\n                  }\n                  label={t('filterPanel.starredEntities.label')}\n                />\n              )}\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    size=\"small\"\n                    name=\"ownedEntities\"\n                    onChange={e => handleOwnedEntities(e.target.checked)}\n                    checked={ownedEntities}\n                  />\n                }\n                label={t('filterPanel.ownedEntities.label')}\n              />\n            </FormGroup>\n          </Grid>\n        )}\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order-by\">\n              {t('filterPanel.orderBy.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order-by\"\n              name=\"orderBy\"\n              value={filters.orderBy}\n              onChange={handleChange}\n              style={{\n                display: 'grid',\n                gridTemplateColumns: '1fr 1fr',\n                gap: '0 1em',\n              }}\n            >\n              {postFilters &&\n                filters.collectionId !== undefined &&\n                radioSelect('rank', t('filterPanel.orderBy.rank'))}\n              {radioSelect('created', t('filterPanel.orderBy.created'))}\n              {(postFilters || collectionFilters) &&\n                radioSelect('title', t('filterPanel.orderBy.title'))}\n              {postFilters &&\n                radioSelect('views', t('filterPanel.orderBy.views'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('score', t('filterPanel.orderBy.score'))}\n              {postFilters &&\n                radioSelect('trend', t('filterPanel.orderBy.trend'))}\n              {postFilters &&\n                type !== 'article' &&\n                radioSelect('answersCount', t('filterPanel.orderBy.answers'))}\n              {(postFilters || answerFilters) &&\n                radioSelect('updated', t('filterPanel.orderBy.updated'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n        <Grid item>\n          <FormControl>\n            <FormLabel id=\"qeta-filter-order\">\n              {t('filterPanel.order.label')}\n            </FormLabel>\n            <RadioGroup\n              aria-labelledby=\"qeta-filter-order\"\n              name=\"order\"\n              value={filters.order}\n              onChange={handleChange}\n            >\n              {radioSelect('desc', t('filterPanel.order.desc'))}\n              {radioSelect('asc', t('filterPanel.order.asc'))}\n            </RadioGroup>\n          </FormControl>\n        </Grid>\n      </Grid>\n      <Box marginY=\"24px\">\n        <Divider />\n      </Box>\n      <Grid container alignItems=\"stretch\" justifyContent=\"space-evenly\">\n        <Grid item>\n          <DateRangeFilter\n            value={filters.dateRange}\n            onChange={val => onChange({ key: 'dateRange', value: val })}\n          />\n        </Grid>\n        {showEntityFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <EntitiesInput\n                  disabled={starredEntities || ownedEntities}\n                  style={{ width: '230px' }}\n                  onChange={(newEntities?: Entity[]) => {\n                    const entityRefs = (newEntities ?? []).map(e =>\n                      stringifyEntityRef(e),\n                    );\n                    handleChange({\n                      target: { name: 'entities', value: entityRefs },\n                    });\n                    setEntities(newEntities);\n                  }}\n                  value={entities}\n                  useOnlyUsedEntities\n                  hideHelpText\n                />\n              </Grid>\n              {filters.entities && filters.entities?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.entitiesRelation === 'or'\n                        ? t('filterPanel.toggleEntityRelation.and')\n                        : t('filterPanel.toggleEntityRelation.or')\n                    }\n                  >\n                    <IconButton\n                      disabled={starredEntities || ownedEntities}\n                      onClick={() => {\n                        if (filters.entitiesRelation === 'or') {\n                          onChange({ key: 'entitiesRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'entitiesRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.entitiesRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n        {showTagFilter && (\n          <Grid item>\n            <Grid container alignItems=\"center\">\n              <Grid item>\n                <TagInput\n                  style={{ width: '230px' }}\n                  onChange={(newTags: string[]) =>\n                    onChange({ key: 'tags', value: newTags })\n                  }\n                  value={filters.tags}\n                  hideHelpText\n                  allowCreate={false}\n                />\n              </Grid>\n              {filters.tags && filters.tags?.length > 1 && (\n                <Grid item>\n                  <Tooltip\n                    title={\n                      filters.tagsRelation === 'or'\n                        ? t('filterPanel.toggleTagRelation.and')\n                        : t('filterPanel.toggleTagRelation.or')\n                    }\n                  >\n                    <IconButton\n                      onClick={() => {\n                        if (filters.tagsRelation === 'or') {\n                          onChange({ key: 'tagsRelation', value: 'and' });\n                        } else {\n                          onChange({ key: 'tagsRelation', value: 'or' });\n                        }\n                      }}\n                    >\n                      {filters.tagsRelation === 'or' ? (\n                        <AdjustIcon />\n                      ) : (\n                        <FiberManualRecordIcon />\n                      )}\n                    </IconButton>\n                  </Tooltip>\n                </Grid>\n              )}\n            </Grid>\n          </Grid>\n        )}\n      </Grid>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,24 +1,14 @@
 import { jsx } from 'react/jsx-runtime';
-import '@backstage/core-plugin-api';
-import '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
 import { CollectionChip } from '../TagsAndEntities/CollectionChip.esm.js';
 import { RightListContainer, RightList } from '../Utility/RightList.esm.js';
 import { ListItem } from '@material-ui/core';
 
 const FollowedCollectionsList = () => {
   const collections = useCollectionsFollow();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (collections.collections.length === 0 || collections.loading) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedCollectionsList = () => {\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    <RightListContainer>\n      <RightList title={t('rightMenu.followedCollections')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAMO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACjD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,WAAA,CAAY,WAAY,CAAA,GAAA,CAAI,CAC3B,UAAA,qBAAA,GAAA,CAAC,cAAmC,EAAA,EAAA,UAAA,EAAA,EAAf,UAAW,CAAA,EAA4B,CAC7D,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedCollectionsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedCollectionsList.tsx"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport { CollectionChip } from '../TagsAndEntities/CollectionChip';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedCollectionsList = () => {\n  const collections = useCollectionsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (collections.collections.length === 0 || collections.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedCollections')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {collections.collections.map(collection => (\n            <CollectionChip key={collection.id} collection={collection} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAOO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,WAAY,CAAA,WAAA,CAAY,MAAW,KAAA,CAAA,IAAK,YAAY,OAAS,EAAA;AAC/D,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,+BAA+B,CAAA,EACjD,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,WAAA,CAAY,WAAY,CAAA,GAAA,CAAI,CAC3B,UAAA,qBAAA,GAAA,CAAC,cAAmC,EAAA,EAAA,UAAA,EAAA,EAAf,UAAW,CAAA,EAA4B,CAC7D,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -4,11 +4,12 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import { useEntityFollow } from '../../hooks/useEntityFollow.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
@@ -18,7 +19,7 @@ import { ListItem } from '@material-ui/core';
 
 const FollowedEntitiesList = () => {
   const entities = useEntityFollow();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (entities.entities.length === 0 || entities.loading) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow, useTranslation } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedEntitiesList = () => {\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    <RightListContainer>\n      <RightList title={t('rightMenu.followedEntities')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAC9C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,CACrB,MAAA,qBAAA,GAAA,CAAC,UAAwB,EAAA,EAAA,MAAA,EAAA,EAAR,MAAwB,CAC1C,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/FollowedLists/FollowedEntitiesList.tsx"],"sourcesContent":["import { EntityChip } from '../TagsAndEntities/EntityChip';\nimport { useEntityFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedEntitiesList = () => {\n  const entities = useEntityFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (entities.entities.length === 0 || entities.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedEntities')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {entities.entities.map(entity => (\n            <EntityChip key={entity} entity={entity} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,WAAW,eAAgB,EAAA;AACjC,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,4BAA4B,CAAA,EAC9C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,CACrB,MAAA,qBAAA,GAAA,CAAC,UAAwB,EAAA,EAAA,MAAA,EAAA,EAAR,MAAwB,CAC1C,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -4,11 +4,12 @@ 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 'react';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
 import '@drodil/backstage-plugin-qeta-common';
@@ -18,7 +19,7 @@ import { ListItem } from '@material-ui/core';
 
 const FollowedTagsList = () => {
   const tags = useTagsFollow();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (tags.tags.length === 0 || tags.loading) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow, useTranslation } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslation();\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedTags')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC1C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,CACb,GAAA,qBAAA,GAAA,CAAC,OAAkB,EAAA,EAAA,GAAA,EAAA,EAAL,GAAe,CAC9B,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/FollowedLists/FollowedTagsList.tsx"],"sourcesContent":["import { TagChip } from '../TagsAndEntities/TagChip';\nimport { useTagsFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedTagsList = () => {\n  const tags = useTagsFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (tags.tags.length === 0 || tags.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedTags')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {tags.tags.map(tag => (\n            <TagChip key={tag} tag={tag} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,OAAO,aAAc,EAAA;AAC3B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,wBAAwB,CAAA,EAC1C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,CACb,GAAA,qBAAA,GAAA,CAAC,OAAkB,EAAA,EAAA,GAAA,EAAA,EAAL,GAAe,CAC9B,CACH,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -3,10 +3,11 @@ import '@backstage/core-plugin-api';
 import '../../api.esm.js';
 import 'react-use';
 import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
 import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { useUserFollow } from '../../hooks/useUserFollow.esm.js';
 import 'react-use/lib/useAsync';
 import '@backstage/plugin-permission-react';
@@ -18,7 +19,7 @@ import { ListItem } from '@material-ui/core';
 
 const FollowedUsersList = () => {
   const users = useUserFollow();
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   if (users.users.length === 0 || users.loading) {
     return null;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useTranslation, useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\nimport { ListItem } from '@material-ui/core';\n\nexport const FollowedUsersList = () => {\n  const users = useUserFollow();\n  const { t } = useTranslation();\n\n  if (users.users.length === 0 || users.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedUsers')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {users.users.map(user => (\n            <UserChip key={user} entityRef={user} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CAAI,CACf,IAAA,qBAAA,GAAA,CAAC,QAAoB,EAAA,EAAA,SAAA,EAAW,IAAjB,EAAA,EAAA,IAAuB,CACvC,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"FollowedUsersList.esm.js","sources":["../../../src/components/FollowedLists/FollowedUsersList.tsx"],"sourcesContent":["import { useUserFollow } from '../../hooks';\nimport { RightList, RightListContainer } from '../Utility/RightList';\nimport { UserChip } from '../TagsAndEntities/UserChip';\nimport { ListItem } from '@material-ui/core';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../../translation.ts';\n\nexport const FollowedUsersList = () => {\n  const users = useUserFollow();\n  const { t } = useTranslationRef(qetaTranslationRef);\n\n  if (users.users.length === 0 || users.loading) {\n    return null;\n  }\n\n  return (\n    <RightListContainer>\n      <RightList title={t('rightMenu.followedUsers')}>\n        <ListItem style={{ display: 'block' }} dense>\n          {users.users.map(user => (\n            <UserChip key={user} entityRef={user} />\n          ))}\n        </ListItem>\n      </RightList>\n    </RightListContainer>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAOO,MAAM,oBAAoB,MAAM;AACrC,EAAA,MAAM,QAAQ,aAAc,EAAA;AAC5B,EAAA,MAAM,EAAE,CAAA,EAAM,GAAA,iBAAA,CAAkB,kBAAkB,CAAA;AAElD,EAAA,IAAI,KAAM,CAAA,KAAA,CAAM,MAAW,KAAA,CAAA,IAAK,MAAM,OAAS,EAAA;AAC7C,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,uBACG,GAAA,CAAA,kBAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,SAAA,EAAA,EAAU,KAAO,EAAA,CAAA,CAAE,yBAAyB,CAAA,EAC3C,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,EAAE,OAAS,EAAA,OAAA,EAAW,EAAA,KAAA,EAAK,IACzC,EAAA,QAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAA,CAAI,CACf,IAAA,qBAAA,GAAA,CAAC,QAAoB,EAAA,EAAA,SAAA,EAAW,IAAjB,EAAA,EAAA,IAAuB,CACvC,CAAA,EACH,GACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/HeaderImageInput/HeaderImageInput.esm.js

@@ -2,16 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { imageUpload } from '../../utils/utils.esm.js';
 import { useApi, configApiRef, errorApiRef } from '@backstage/core-plugin-api';
 import { qetaApiRef } from '../../api.esm.js';
-import 'react-use';
-import 'react';
-import { useTranslation } from '../../hooks/useTranslation.esm.js';
-import '@backstage/catalog-model';
-import 'dataloader';
-import '@backstage/plugin-catalog-react';
-import 'react-use/lib/useAsync';
-import '@backstage/plugin-permission-react';
-import '@drodil/backstage-plugin-qeta-common';
-import '@backstage/plugin-permission-common';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { qetaTranslationRef } from '../../translation.esm.js';
 import { makeStyles, Grid, TextField, Button, Typography } from '@material-ui/core';
 
 const useStyles = makeStyles((theme) => ({
@@ -29,7 +21,7 @@ const HeaderImageInput = (props) => {
   const configApi = useApi(configApiRef);
   const qetaApi = useApi(qetaApiRef);
   const errorApi = useApi(errorApiRef);
-  const { t } = useTranslation();
+  const { t } = useTranslationRef(qetaTranslationRef);
   const styles = useStyles();
   const isUploadDisabled = configApi.getOptionalBoolean("qeta.storage.disabled") || false;
   return /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [