npm - @drodil/backstage-plugin-qeta-react - Versions diffs - 3.24.3 → 3.25.0 - Mend

@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/dist/components/CollectionsGrid/CollectionsGrid.esm.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import React__default, { useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { Box, Grid, Typography, Button, Collapse } from '@material-ui/core';
 import { CollectionsGridContent } from './CollectionsGridContent.esm.js';
 import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
@@ -9,6 +10,9 @@ import '@backstage/catalog-model';
 import 'dataloader';
 import '@backstage/plugin-catalog-react';
 import 'react-use/lib/useAsync';
+import '@backstage/plugin-permission-react';
+import { filterTags } from '@drodil/backstage-plugin-qeta-common';
+import '@backstage/plugin-permission-common';
 import useDebounce from 'react-use/lib/useDebounce';
 import { QetaPagination } from '../QetaPagination/QetaPagination.esm.js';
 import { filterKeys, FilterPanel } from '../FilterPanel/FilterPanel.esm.js';
@@ -16,21 +20,20 @@ import FilterList from '@material-ui/icons/FilterList';
 import { getFiltersWithDateRange } from '../../utils/utils.esm.js';
 import { SearchBar } from '../SearchBar/SearchBar.esm.js';
 import { useSearchParams } from 'react-router-dom';
-import { filterTags } from '@drodil/backstage-plugin-qeta-common';
 const EXPANDED_LOCAL_STORAGE_KEY = "qeta-collection-filters-expanded";
 const CollectionsGrid = (props) => {
   const { showFilters, owner } = props;
   const { t } = useTranslation();
-  const [page, setPage] = React__default.useState(1);
-  const [pageCount, setPageCount] = React__default.useState(1);
+  const [page, setPage] = useState(1);
+  const [pageCount, setPageCount] = useState(1);
   const [searchParams, setSearchParams] = useSearchParams();
-  const [searchQuery, setSearchQuery] = React__default.useState("");
-  const [collectionsPerPage, setCollectionsPerPage] = React__default.useState(25);
-  const [showFilterPanel, setShowFilterPanel] = React__default.useState(
+  const [searchQuery, setSearchQuery] = useState("");
+  const [collectionsPerPage, setCollectionsPerPage] = useState(25);
+  const [showFilterPanel, setShowFilterPanel] = useState(
     localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === "true"
   );
-  const [filters, setFilters] = React__default.useState({
+  const [filters, setFilters] = useState({
     order: "desc",
     searchQuery: "",
     orderBy: "created"
@@ -138,47 +141,56 @@ const CollectionsGrid = (props) => {
       setShowFilterPanel(true);
     }
   }, [searchParams, filters]);
-  return /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4 }, /* @__PURE__ */ React__default.createElement(
-    SearchBar,
-    {
-      onSearch: setSearchQuery,
-      label: t("collectionsPage.search.label"),
-      loading
-    }
-  ))), /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "space-between" }, response && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6", className: "qetaCollectionsContainerdCount" }, t("common.collections", { count: response?.total ?? 0 }))), response && (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      onClick: () => {
-        setShowFilterPanel(!showFilterPanel);
-      },
-      className: "qetaCollectionsContainerFilterPanelBtn",
-      startIcon: /* @__PURE__ */ React__default.createElement(FilterList, null)
-    },
-    t("filterPanel.filterButton")
-  ))), (showFilters ?? true) && /* @__PURE__ */ React__default.createElement(Collapse, { in: showFilterPanel }, /* @__PURE__ */ React__default.createElement(
-    FilterPanel,
-    {
-      onChange: onFilterChange,
-      filters,
-      ...props.filterPanelProps
-    }
-  )), /* @__PURE__ */ React__default.createElement(
-    CollectionsGridContent,
-    {
-      loading,
-      error,
-      response
-    }
-  ), response && response?.total > 0 && /* @__PURE__ */ React__default.createElement(
-    QetaPagination,
-    {
-      pageSize: collectionsPerPage,
-      handlePageChange: (_e, p) => setPage(p),
-      handlePageSizeChange: (e) => setCollectionsPerPage(Number(e.target.value)),
-      page,
-      pageCount
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Box, { children: [
+    /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "space-between", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
+      SearchBar,
+      {
+        onSearch: setSearchQuery,
+        label: t("collectionsPage.search.label"),
+        loading
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
+      response && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", className: "qetaCollectionsContainerdCount", children: t("common.collections", { count: response?.total ?? 0 }) }) }),
+      response && (showFilters ?? true) && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => {
+            setShowFilterPanel(!showFilterPanel);
+          },
+          className: "qetaCollectionsContainerFilterPanelBtn",
+          startIcon: /* @__PURE__ */ jsx(FilterList, {}),
+          children: t("filterPanel.filterButton")
+        }
+      ) })
+    ] }),
+    (showFilters ?? true) && /* @__PURE__ */ jsx(Collapse, { in: showFilterPanel, children: /* @__PURE__ */ jsx(
+      FilterPanel,
+      {
+        onChange: onFilterChange,
+        filters,
+        ...props.filterPanelProps
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      CollectionsGridContent,
+      {
+        loading,
+        error,
+        response
+      }
+    ),
+    response && response?.total > 0 && /* @__PURE__ */ jsx(
+      QetaPagination,
+      {
+        pageSize: collectionsPerPage,
+        handlePageChange: (_e, p) => setPage(p),
+        handlePageSizeChange: (e) => setCollectionsPerPage(Number(e.target.value)),
+        page,
+        pageCount
+      }
+    )
+  ] });
 };
 export { CollectionsGrid };

package/dist/components/CollectionsGrid/CollectionsGrid.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGrid.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGrid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport { CollectionsGridContent } from './CollectionsGridContent';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport {\n CollectionFilters,\n CommonFilterPanelProps,\n FilterKey,\n filterKeys,\n FilterPanel,\n} from '../FilterPanel/FilterPanel';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport type CollectionsGridProps = {\n owner?: string;\n showFilters?: boolean;\n filterPanelProps?: CommonFilterPanelProps;\n};\n\nexport type CollectionFilterChange = {\n key: keyof CollectionFilters;\n value?: CollectionFilters[keyof CollectionFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-collection-filters-expanded';\n\nexport const CollectionsGrid = (props: CollectionsGridProps) => {\n const { showFilters, owner } = props;\n const { t } = useTranslation();\n const [page, setPage] = React.useState(1);\n const [pageCount, setPageCount] = React.useState(1);\n const [searchParams, setSearchParams] = useSearchParams();\n const [searchQuery, setSearchQuery] = React.useState('');\n const [collectionsPerPage, setCollectionsPerPage] = React.useState(25);\n const [showFilterPanel, setShowFilterPanel] = React.useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const [filters, setFilters] = React.useState<CollectionFilters>({\n order: 'desc',\n searchQuery: '',\n orderBy: 'created',\n });\n\n useEffect(() => {\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n showFilterPanel ? 'true' : 'false',\n );\n }, [showFilterPanel]);\n\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api => {\n return api.getCollections({\n limit: collectionsPerPage,\n offset: (page - 1) * collectionsPerPage,\n includePosts: false,\n owner,\n ...(getFiltersWithDateRange(filters) as any),\n });\n },\n [collectionsPerPage, page, filters],\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 / collectionsPerPage));\n }\n }, [response, collectionsPerPage]);\n\n const onFilterChange = (\n changes: CollectionFilterChange \| CollectionFilterChange[],\n ) => {\n const changesArray = Array.isArray(changes) ? changes : [changes];\n setPage(1);\n setFilters(prev => {\n const newValue = { ...prev };\n for (const { key, value } of changesArray) {\n (newValue as any)[key] = value;\n }\n return newValue;\n });\n setSearchParams(prev => {\n const newValue = prev;\n for (const { key, value } of changesArray) {\n if (!filterKeys.includes(key as FilterKey)) {\n continue;\n }\n if (!value \|\| value === 'false') {\n newValue.delete(key);\n } else if (Array.isArray(value)) {\n if (value.length === 0) {\n newValue.delete(key);\n } else {\n newValue.set(key, value.join(','));\n }\n } else if (typeof value === 'number') {\n newValue.set(key, String(value));\n } else if (value.length > 0) {\n newValue.set(key, value);\n } else {\n newValue.delete(key);\n }\n }\n return newValue;\n });\n };\n\n useEffect(() => {\n let filtersApplied = false;\n searchParams.forEach((value, key) => {\n try {\n if (key === 'page') {\n const pv = Number.parseInt(value, 10);\n if (pv > 0) {\n setPage(pv);\n } else {\n setPage(1);\n }\n } else if (key === 'collectionsPerPage') {\n const qpp = Number.parseInt(value, 10);\n if (qpp > 0) setCollectionsPerPage(qpp);\n } else if (filterKeys.includes(key as FilterKey)) {\n filtersApplied = true;\n if (key === 'tags') {\n filters.tags = filterTags(value.split(',')) ?? [];\n } else if (key === 'entities') {\n filters.entities = value.split(',');\n } else {\n (filters as any)[key] = value;\n }\n }\n } catch (_e) {\n // NOOP\n }\n });\n setFilters(filters);\n if (filtersApplied) {\n setShowFilterPanel(true);\n }\n }, [searchParams, filters]);\n\n return (\n <Box>\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={setSearchQuery}\n label={t('collectionsPage.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.collections', { count: response?.total ?? 0 })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => {\n setShowFilterPanel(!showFilterPanel);\n }}\n className=\"qetaCollectionsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<CollectionFilters>\n onChange={onFilterChange}\n filters={filters}\n {...props.filterPanelProps}\n />\n </Collapse>\n )}\n <CollectionsGridContent\n loading={loading}\n error={error}\n response={response}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={collectionsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e =>\n setCollectionsPerPage(Number(e.target.value))\n }\n page={page}\n pageCount={pageCount}\n />\n )}\n </Box>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,0BAA6B,GAAA,kCAAA;AAEtB,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,WAAa,EAAA,KAAA,EAAU,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AACxC,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA,CAAM,SAAS,CAAC,CAAA;AAClD,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AACxD,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAS,EAAE,CAAA;AACvD,EAAA,MAAM,CAAC,kBAAoB,EAAA,qBAAqB,CAAI,GAAAA,cAAA,CAAM,SAAS,EAAE,CAAA;AACrE,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAClD,YAAA,CAAa,OAAQ,CAAA,0BAA0B,CAAM,KAAA;AAAA,GACvD;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAM,QAA4B,CAAA;AAAA,IAC9D,KAAO,EAAA,MAAA;AAAA,IACP,WAAa,EAAA,EAAA;AAAA,IACb,OAAS,EAAA;AAAA,GACV,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAa,YAAA,CAAA,OAAA;AAAA,MACX,0BAAA;AAAA,MACA,kBAAkB,MAAS,GAAA;AAAA,KAC7B;AAAA,GACF,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAO,GAAA,KAAA;AACL,MAAA,OAAO,IAAI,cAAe,CAAA;AAAA,QACxB,KAAO,EAAA,kBAAA;AAAA,QACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,kBAAA;AAAA,QACrB,YAAc,EAAA,KAAA;AAAA,QACd,KAAA;AAAA,QACA,GAAI,wBAAwB,OAAO;AAAA,OACpC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,kBAAoB,EAAA,IAAA,EAAM,OAAO;AAAA,GACpC;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAI,IAAA,OAAA,CAAQ,gBAAgB,WAAa,EAAA;AACvC,QAAA,UAAA,CAAW,EAAE,GAAG,OAAS,EAAA,WAAA,EAA0B,CAAA;AAAA;AACrD,KACF;AAAA,IACA,GAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,YAAA,CAAa,IAAK,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,kBAAkB,CAAC,CAAA;AAAA;AAC7D,GACC,EAAA,CAAC,QAAU,EAAA,kBAAkB,CAAC,CAAA;AAEjC,EAAM,MAAA,cAAA,GAAiB,CACrB,OACG,KAAA;AACH,IAAA,MAAM,eAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAI,GAAA,OAAA,GAAU,CAAC,OAAO,CAAA;AAChE,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAA,UAAA,CAAW,CAAQ,IAAA,KAAA;AACjB,MAAM,MAAA,QAAA,GAAW,EAAE,GAAG,IAAK,EAAA;AAC3B,MAAA,KAAA,MAAW,EAAE,GAAA,EAAK,KAAM,EAAA,IAAK,YAAc,EAAA;AACzC,QAAC,QAAA,CAAiB,GAAG,CAAI,GAAA,KAAA;AAAA;AAE3B,MAAO,OAAA,QAAA;AAAA,KACR,CAAA;AACD,IAAA,eAAA,CAAgB,CAAQ,IAAA,KAAA;AACtB,MAAA,MAAM,QAAW,GAAA,IAAA;AACjB,MAAA,KAAA,MAAW,EAAE,GAAA,EAAK,KAAM,EAAA,IAAK,YAAc,EAAA;AACzC,QAAA,IAAI,CAAC,UAAA,CAAW,QAAS,CAAA,GAAgB,CAAG,EAAA;AAC1C,UAAA;AAAA;AAEF,QAAI,IAAA,CAAC,KAAS,IAAA,KAAA,KAAU,OAAS,EAAA;AAC/B,UAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA,SACV,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AAC/B,UAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,YAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA,WACd,MAAA;AACL,YAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AACnC,SACF,MAAA,IAAW,OAAO,KAAA,KAAU,QAAU,EAAA;AACpC,UAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,SACjC,MAAA,IAAW,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,UAAS,QAAA,CAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,SAClB,MAAA;AACL,UAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA;AACrB;AAEF,MAAO,OAAA,QAAA;AAAA,KACR,CAAA;AAAA,GACH;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAiB,GAAA,KAAA;AACrB,IAAa,YAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AACnC,MAAI,IAAA;AACF,QAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,UAAA,MAAM,EAAK,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AACpC,UAAA,IAAI,KAAK,CAAG,EAAA;AACV,YAAA,OAAA,CAAQ,EAAE,CAAA;AAAA,WACL,MAAA;AACL,YAAA,OAAA,CAAQ,CAAC,CAAA;AAAA;AACX,SACF,MAAA,IAAW,QAAQ,oBAAsB,EAAA;AACvC,UAAA,MAAM,GAAM,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AACrC,UAAI,IAAA,GAAA,GAAM,CAAG,EAAA,qBAAA,CAAsB,GAAG,CAAA;AAAA,SAC7B,MAAA,IAAA,UAAA,CAAW,QAAS,CAAA,GAAgB,CAAG,EAAA;AAChD,UAAiB,cAAA,GAAA,IAAA;AACjB,UAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,YAAA,OAAA,CAAQ,OAAO,UAAW,CAAA,KAAA,CAAM,MAAM,GAAG,CAAC,KAAK,EAAC;AAAA,WAClD,MAAA,IAAW,QAAQ,UAAY,EAAA;AAC7B,YAAQ,OAAA,CAAA,QAAA,GAAW,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA;AAAA,WAC7B,MAAA;AACL,YAAC,OAAA,CAAgB,GAAG,CAAI,GAAA,KAAA;AAAA;AAC1B;AACF,eACO,EAAI,EAAA;AAAA;AAEb,KACD,CAAA;AACD,IAAA,UAAA,CAAW,OAAO,CAAA;AAClB,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,GACC,EAAA,CAAC,YAAc,EAAA,OAAO,CAAC,CAAA;AAE1B,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,cAAA,EAAe,eAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,EAAI,EAAA,EAAA,EAAI,IAAI,CACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,cAAA;AAAA,MACV,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC;AAAA;AAAA,GAEJ,CACF,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,cAAA,EAAe,eAC5B,EAAA,EAAA,QAAA,iDACE,IAAK,EAAA,EAAA,IAAA,EAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,IAAA,EAAK,SAAU,EAAA,gCAAA,EAAA,EAChC,EAAE,oBAAsB,EAAA,EAAE,KAAO,EAAA,QAAA,EAAU,SAAS,CAAE,EAAC,CAC1D,CACF,GAED,QAAa,KAAA,WAAA,IAAe,yBAC1BA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAS,MAAM;AACb,QAAA,kBAAA,CAAmB,CAAC,eAAe,CAAA;AAAA,OACrC;AAAA,MACA,SAAU,EAAA,wCAAA;AAAA,MACV,SAAA,+CAAY,UAAW,EAAA,IAAA;AAAA,KAAA;AAAA,IAEtB,EAAE,0BAA0B;AAAA,GAEjC,CAEJ,CACE,EAAA,CAAA,WAAA,IAAe,yBACdA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,IAAI,eACZ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,cAAA;AAAA,MACV,OAAA;AAAA,MACC,GAAG,KAAM,CAAA;AAAA;AAAA,GAEd,CAEF,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA;AAAA,GAED,EAAA,QAAA,IAAY,QAAU,EAAA,KAAA,GAAQ,CAC7B,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,kBAAA;AAAA,MACV,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA,MACtC,sBAAsB,CACpB,CAAA,KAAA,qBAAA,CAAsB,OAAO,CAAE,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,MAE9C,IAAA;AAAA,MACA;AAAA;AAAA,GAGN,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CollectionsGrid.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGrid.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport { CollectionsGridContent } from './CollectionsGridContent';\nimport { useQetaApi, useTranslation } from '../../hooks';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { QetaPagination } from '../QetaPagination/QetaPagination';\nimport {\n CollectionFilters,\n CommonFilterPanelProps,\n FilterKey,\n filterKeys,\n FilterPanel,\n} from '../FilterPanel/FilterPanel';\nimport FilterList from '@material-ui/icons/FilterList';\nimport { getFiltersWithDateRange } from '../../utils';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { useSearchParams } from 'react-router-dom';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\n\nexport type CollectionsGridProps = {\n owner?: string;\n showFilters?: boolean;\n filterPanelProps?: CommonFilterPanelProps;\n};\n\nexport type CollectionFilterChange = {\n key: keyof CollectionFilters;\n value?: CollectionFilters[keyof CollectionFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-collection-filters-expanded';\n\nexport const CollectionsGrid = (props: CollectionsGridProps) => {\n const { showFilters, owner } = props;\n const { t } = useTranslation();\n const [page, setPage] = useState(1);\n const [pageCount, setPageCount] = useState(1);\n const [searchParams, setSearchParams] = useSearchParams();\n const [searchQuery, setSearchQuery] = useState('');\n const [collectionsPerPage, setCollectionsPerPage] = useState(25);\n const [showFilterPanel, setShowFilterPanel] = useState(\n localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n );\n const [filters, setFilters] = useState<CollectionFilters>({\n order: 'desc',\n searchQuery: '',\n orderBy: 'created',\n });\n\n useEffect(() => {\n localStorage.setItem(\n EXPANDED_LOCAL_STORAGE_KEY,\n showFilterPanel ? 'true' : 'false',\n );\n }, [showFilterPanel]);\n\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api => {\n return api.getCollections({\n limit: collectionsPerPage,\n offset: (page - 1) * collectionsPerPage,\n includePosts: false,\n owner,\n ...(getFiltersWithDateRange(filters) as any),\n });\n },\n [collectionsPerPage, page, filters],\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 / collectionsPerPage));\n }\n }, [response, collectionsPerPage]);\n\n const onFilterChange = (\n changes: CollectionFilterChange \| CollectionFilterChange[],\n ) => {\n const changesArray = Array.isArray(changes) ? changes : [changes];\n setPage(1);\n setFilters(prev => {\n const newValue = { ...prev };\n for (const { key, value } of changesArray) {\n (newValue as any)[key] = value;\n }\n return newValue;\n });\n setSearchParams(prev => {\n const newValue = prev;\n for (const { key, value } of changesArray) {\n if (!filterKeys.includes(key as FilterKey)) {\n continue;\n }\n if (!value \|\| value === 'false') {\n newValue.delete(key);\n } else if (Array.isArray(value)) {\n if (value.length === 0) {\n newValue.delete(key);\n } else {\n newValue.set(key, value.join(','));\n }\n } else if (typeof value === 'number') {\n newValue.set(key, String(value));\n } else if (value.length > 0) {\n newValue.set(key, value);\n } else {\n newValue.delete(key);\n }\n }\n return newValue;\n });\n };\n\n useEffect(() => {\n let filtersApplied = false;\n searchParams.forEach((value, key) => {\n try {\n if (key === 'page') {\n const pv = Number.parseInt(value, 10);\n if (pv > 0) {\n setPage(pv);\n } else {\n setPage(1);\n }\n } else if (key === 'collectionsPerPage') {\n const qpp = Number.parseInt(value, 10);\n if (qpp > 0) setCollectionsPerPage(qpp);\n } else if (filterKeys.includes(key as FilterKey)) {\n filtersApplied = true;\n if (key === 'tags') {\n filters.tags = filterTags(value.split(',')) ?? [];\n } else if (key === 'entities') {\n filters.entities = value.split(',');\n } else {\n (filters as any)[key] = value;\n }\n }\n } catch (_e) {\n // NOOP\n }\n });\n setFilters(filters);\n if (filtersApplied) {\n setShowFilterPanel(true);\n }\n }, [searchParams, filters]);\n\n return (\n <Box>\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={setSearchQuery}\n label={t('collectionsPage.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.collections', { count: response?.total ?? 0 })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => {\n setShowFilterPanel(!showFilterPanel);\n }}\n className=\"qetaCollectionsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<CollectionFilters>\n onChange={onFilterChange}\n filters={filters}\n {...props.filterPanelProps}\n />\n </Collapse>\n )}\n <CollectionsGridContent\n loading={loading}\n error={error}\n response={response}\n />\n {response && response?.total > 0 && (\n <QetaPagination\n pageSize={collectionsPerPage}\n handlePageChange={(_e, p) => setPage(p)}\n handlePageSizeChange={e =>\n setCollectionsPerPage(Number(e.target.value))\n }\n page={page}\n pageCount={pageCount}\n />\n )}\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BA,MAAM,0BAA6B,GAAA,kCAAA;AAEtB,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,WAAa,EAAA,KAAA,EAAU,GAAA,KAAA;AAC/B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA;AAC5C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AACxD,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,EAAE,CAAA;AACjD,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAS,EAAE,CAAA;AAC/D,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA;AAAA,IAC5C,YAAA,CAAa,OAAQ,CAAA,0BAA0B,CAAM,KAAA;AAAA,GACvD;AACA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAA4B,CAAA;AAAA,IACxD,KAAO,EAAA,MAAA;AAAA,IACP,WAAa,EAAA,EAAA;AAAA,IACb,OAAS,EAAA;AAAA,GACV,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAa,YAAA,CAAA,OAAA;AAAA,MACX,0BAAA;AAAA,MACA,kBAAkB,MAAS,GAAA;AAAA,KAC7B;AAAA,GACF,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA;AAAA,GACE,GAAA,UAAA;AAAA,IACF,CAAO,GAAA,KAAA;AACL,MAAA,OAAO,IAAI,cAAe,CAAA;AAAA,QACxB,KAAO,EAAA,kBAAA;AAAA,QACP,MAAA,EAAA,CAAS,OAAO,CAAK,IAAA,kBAAA;AAAA,QACrB,YAAc,EAAA,KAAA;AAAA,QACd,KAAA;AAAA,QACA,GAAI,wBAAwB,OAAO;AAAA,OACpC,CAAA;AAAA,KACH;AAAA,IACA,CAAC,kBAAoB,EAAA,IAAA,EAAM,OAAO;AAAA,GACpC;AAEA,EAAA,WAAA;AAAA,IACE,MAAM;AACJ,MAAI,IAAA,OAAA,CAAQ,gBAAgB,WAAa,EAAA;AACvC,QAAA,UAAA,CAAW,EAAE,GAAG,OAAS,EAAA,WAAA,EAA0B,CAAA;AAAA;AACrD,KACF;AAAA,IACA,GAAA;AAAA,IACA,CAAC,WAAW;AAAA,GACd;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,YAAA,CAAa,IAAK,CAAA,IAAA,CAAK,QAAS,CAAA,KAAA,GAAQ,kBAAkB,CAAC,CAAA;AAAA;AAC7D,GACC,EAAA,CAAC,QAAU,EAAA,kBAAkB,CAAC,CAAA;AAEjC,EAAM,MAAA,cAAA,GAAiB,CACrB,OACG,KAAA;AACH,IAAA,MAAM,eAAe,KAAM,CAAA,OAAA,CAAQ,OAAO,CAAI,GAAA,OAAA,GAAU,CAAC,OAAO,CAAA;AAChE,IAAA,OAAA,CAAQ,CAAC,CAAA;AACT,IAAA,UAAA,CAAW,CAAQ,IAAA,KAAA;AACjB,MAAM,MAAA,QAAA,GAAW,EAAE,GAAG,IAAK,EAAA;AAC3B,MAAA,KAAA,MAAW,EAAE,GAAA,EAAK,KAAM,EAAA,IAAK,YAAc,EAAA;AACzC,QAAC,QAAA,CAAiB,GAAG,CAAI,GAAA,KAAA;AAAA;AAE3B,MAAO,OAAA,QAAA;AAAA,KACR,CAAA;AACD,IAAA,eAAA,CAAgB,CAAQ,IAAA,KAAA;AACtB,MAAA,MAAM,QAAW,GAAA,IAAA;AACjB,MAAA,KAAA,MAAW,EAAE,GAAA,EAAK,KAAM,EAAA,IAAK,YAAc,EAAA;AACzC,QAAA,IAAI,CAAC,UAAA,CAAW,QAAS,CAAA,GAAgB,CAAG,EAAA;AAC1C,UAAA;AAAA;AAEF,QAAI,IAAA,CAAC,KAAS,IAAA,KAAA,KAAU,OAAS,EAAA;AAC/B,UAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA,SACV,MAAA,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AAC/B,UAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,YAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA,WACd,MAAA;AACL,YAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,KAAM,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AACnC,SACF,MAAA,IAAW,OAAO,KAAA,KAAU,QAAU,EAAA;AACpC,UAAA,QAAA,CAAS,GAAI,CAAA,GAAA,EAAK,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,SACjC,MAAA,IAAW,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,UAAS,QAAA,CAAA,GAAA,CAAI,KAAK,KAAK,CAAA;AAAA,SAClB,MAAA;AACL,UAAA,QAAA,CAAS,OAAO,GAAG,CAAA;AAAA;AACrB;AAEF,MAAO,OAAA,QAAA;AAAA,KACR,CAAA;AAAA,GACH;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,cAAiB,GAAA,KAAA;AACrB,IAAa,YAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,GAAQ,KAAA;AACnC,MAAI,IAAA;AACF,QAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,UAAA,MAAM,EAAK,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AACpC,UAAA,IAAI,KAAK,CAAG,EAAA;AACV,YAAA,OAAA,CAAQ,EAAE,CAAA;AAAA,WACL,MAAA;AACL,YAAA,OAAA,CAAQ,CAAC,CAAA;AAAA;AACX,SACF,MAAA,IAAW,QAAQ,oBAAsB,EAAA;AACvC,UAAA,MAAM,GAAM,GAAA,MAAA,CAAO,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA;AACrC,UAAI,IAAA,GAAA,GAAM,CAAG,EAAA,qBAAA,CAAsB,GAAG,CAAA;AAAA,SAC7B,MAAA,IAAA,UAAA,CAAW,QAAS,CAAA,GAAgB,CAAG,EAAA;AAChD,UAAiB,cAAA,GAAA,IAAA;AACjB,UAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,YAAA,OAAA,CAAQ,OAAO,UAAW,CAAA,KAAA,CAAM,MAAM,GAAG,CAAC,KAAK,EAAC;AAAA,WAClD,MAAA,IAAW,QAAQ,UAAY,EAAA;AAC7B,YAAQ,OAAA,CAAA,QAAA,GAAW,KAAM,CAAA,KAAA,CAAM,GAAG,CAAA;AAAA,WAC7B,MAAA;AACL,YAAC,OAAA,CAAgB,GAAG,CAAI,GAAA,KAAA;AAAA;AAC1B;AACF,eACO,EAAI,EAAA;AAAA;AAEb,KACD,CAAA;AACD,IAAA,UAAA,CAAW,OAAO,CAAA;AAClB,IAAA,IAAI,cAAgB,EAAA;AAClB,MAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,GACC,EAAA,CAAC,YAAc,EAAA,OAAO,CAAC,CAAA;AAE1B,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IAAC,EAAA,cAAA,EAAe,eAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,CACrB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,cAAA;AAAA,QACV,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,QACvC;AAAA;AAAA,OAEJ,CACF,EAAA,CAAA;AAAA,oBACC,IAAA,CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,gBAAe,eAC5B,EAAA,QAAA,EAAA;AAAA,MAAA,QAAA,wBACE,IAAK,EAAA,EAAA,IAAA,EAAI,MACR,QAAC,kBAAA,GAAA,CAAA,UAAA,EAAA,EAAW,SAAQ,IAAK,EAAA,SAAA,EAAU,kCAChC,QAAE,EAAA,CAAA,CAAA,oBAAA,EAAsB,EAAE,KAAO,EAAA,QAAA,EAAU,SAAS,CAAE,EAAC,GAC1D,CACF,EAAA,CAAA;AAAA,MAED,aAAa,WAAe,IAAA,IAAA,CAAA,oBAC1B,GAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IACR,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAS,MAAM;AACb,YAAA,kBAAA,CAAmB,CAAC,eAAe,CAAA;AAAA,WACrC;AAAA,UACA,SAAU,EAAA,wCAAA;AAAA,UACV,SAAA,sBAAY,UAAW,EAAA,EAAA,CAAA;AAAA,UAEtB,YAAE,0BAA0B;AAAA;AAAA,OAEjC,EAAA;AAAA,KAEJ,EAAA,CAAA;AAAA,IAAA,CACE,WAAe,IAAA,IAAA,qBACd,GAAA,CAAA,QAAA,EAAA,EAAS,IAAI,eACZ,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,cAAA;AAAA,QACV,OAAA;AAAA,QACC,GAAG,KAAM,CAAA;AAAA;AAAA,KAEd,EAAA,CAAA;AAAA,oBAEF,GAAA;AAAA,MAAC,sBAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IACC,QAAA,IAAY,QAAU,EAAA,KAAA,GAAQ,CAC7B,oBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,kBAAA;AAAA,QACV,gBAAkB,EAAA,CAAC,EAAI,EAAA,CAAA,KAAM,QAAQ,CAAC,CAAA;AAAA,QACtC,sBAAsB,CACpB,CAAA,KAAA,qBAAA,CAAsB,OAAO,CAAE,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAAA,QAE9C,IAAA;AAAA,QACA;AAAA;AAAA;AACF,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js CHANGED Viewed

@@ -1,15 +1,19 @@
-import React__default from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { WarningPanel } from '@backstage/core-components';
 import { Grid } from '@material-ui/core';
 import { CollectionsGridItem } from './CollectionsGridItem.esm.js';
 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 { LoadingGrid } from '../LoadingGrid/LoadingGrid.esm.js';
 import { NoCollectionsCard } from './NoCollectionsCard.esm.js';
@@ -17,34 +21,34 @@ const CollectionsGridContent = (props) => {
   const { loading, error, response } = props;
   const { t } = useTranslation();
   if (loading) {
-    return /* @__PURE__ */ React__default.createElement(LoadingGrid, null);
+    return /* @__PURE__ */ jsx(LoadingGrid, {});
   }
   if (error || response === void 0) {
-    return /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(
       WarningPanel,
       {
         severity: "error",
-        title: t("postsList.errorLoading", { itemType: "collections" })
-      },
-      error?.message
+        title: t("postsList.errorLoading", { itemType: "collections" }),
+        children: error?.message
+      }
     );
   }
   if (!response.collections || response.collections.length === 0) {
-    return /* @__PURE__ */ React__default.createElement(NoCollectionsCard, null);
+    return /* @__PURE__ */ jsx(NoCollectionsCard, {});
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       item: true,
       direction: "row",
       alignItems: "stretch",
-      style: { marginTop: "1rem" }
-    },
-    response.collections.map((p) => {
-      return /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, md: 4, lg: 3, key: p.id }, /* @__PURE__ */ React__default.createElement(CollectionsGridItem, { collection: p }));
-    })
-  ));
+      style: { marginTop: "1rem" },
+      children: response.collections.map((p) => {
+        return /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, lg: 3, children: /* @__PURE__ */ jsx(CollectionsGridItem, { collection: p }) }, p.id);
+      })
+    }
+  ) });
 };
 export { CollectionsGridContent };

package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGridContent.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridContent.tsx"],"sourcesContent":["import { CollectionsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport ~~React from 'react';\nimport~~ { WarningPanel } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { CollectionsGridItem } from './CollectionsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { NoCollectionsCard } from './NoCollectionsCard';\n\nexport const CollectionsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: CollectionsResponse;\n}) => {\n const { loading, error, response } = props;\n const { t } = useTranslation();\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType: 'collections' })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.collections \|\| response.collections.length === 0) {\n return <NoCollectionsCard />;\n }\n\n return (\n <>\n <Grid\n container\n item\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '1rem' }}\n >\n {response.collections.map(p => {\n return (\n <Grid item xs={12} md={4} lg={3} key={p.id}>\n <CollectionsGridItem collection={p} />\n </Grid>\n );\n })}\n </Grid>\n </>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;AASa~~,MAAA,sBAAA,GAAyB,CAAC,KAIjC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,KAAO,EAAA,QAAA,EAAa,GAAA,KAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,~~oDAAQ~~,WAAY,EAAA,~~IAAA~~,CAAA;AAAA;AAGtB,EAAI,IAAA,KAAA,IAAS,aAAa,KAAW,CAAA,EAAA;AACnC,IACE,~~uBAAAA~~,~~cAAA,CAAA,aAAA~~;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,OAAO,CAAE,CAAA,wBAAA,EAA0B,EAAE,QAAA,EAAU,eAAe~~;AAAA~~,~~OAAA~~;AAAA,~~MAE7D~~,~~KAAO~~,EAAA;AAAA,KACV;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAS,CAAA,WAAA,IAAe,QAAS,CAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC9D,IAAA,~~oDAAQ~~,iBAAkB,EAAA,~~IAAA~~,CAAA;AAAA;AAG5B,EAAA,~~uBAEIA~~,~~cAAA~~,CAAA,~~aAAA,CAAAA,cAAA,CAAA,~~QAAA,EAAA,~~IAAA~~,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,IAAI,EAAA,IAAA;AAAA,MACJ,SAAU,EAAA,KAAA;AAAA,MACV,UAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO~~;AAAA~~,~~KAAA~~;AAAA,~~IAE1B~~,QAAA,CAAS,WAAY,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AAC7B,~~MAAA~~,~~oDACG~~,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,~~EAAG~~,~~KAAK~~,~~CAAE~~,~~CAAA,~~EAAA,EAAA~~,+CACrC~~,~~mBAAoB~~,EAAA,EAAA,~~UAAA~~,~~EAAY~~,~~GAAG~~,~~CACtC,~~CAAA;AAAA,~~KAEH~~;AAAA,GAEL,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CollectionsGridContent.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridContent.tsx"],"sourcesContent":["import { CollectionsResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { WarningPanel } from '@backstage/core-components';\nimport { Grid } from '@material-ui/core';\nimport { CollectionsGridItem } from './CollectionsGridItem';\nimport { useTranslation } from '../../hooks';\nimport { LoadingGrid } from '../LoadingGrid/LoadingGrid';\nimport { NoCollectionsCard } from './NoCollectionsCard';\n\nexport const CollectionsGridContent = (props: {\n loading: boolean;\n error: any;\n response?: CollectionsResponse;\n}) => {\n const { loading, error, response } = props;\n const { t } = useTranslation();\n\n if (loading) {\n return <LoadingGrid />;\n }\n\n if (error \|\| response === undefined) {\n return (\n <WarningPanel\n severity=\"error\"\n title={t('postsList.errorLoading', { itemType: 'collections' })}\n >\n {error?.message}\n </WarningPanel>\n );\n }\n\n if (!response.collections \|\| response.collections.length === 0) {\n return <NoCollectionsCard />;\n }\n\n return (\n <>\n <Grid\n container\n item\n direction=\"row\"\n alignItems=\"stretch\"\n style={{ marginTop: '1rem' }}\n >\n {response.collections.map(p => {\n return (\n <Grid item xs={12} md={4} lg={3} key={p.id}>\n <CollectionsGridItem collection={p} />\n </Grid>\n );\n })}\n </Grid>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAQa,MAAA,sBAAA,GAAyB,CAAC,KAIjC,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,KAAO,EAAA,QAAA,EAAa,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;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,OAAA;AAAA,QACT,OAAO,CAAE,CAAA,wBAAA,EAA0B,EAAE,QAAA,EAAU,eAAe,CAAA;AAAA,QAE7D,QAAO,EAAA,KAAA,EAAA;AAAA;AAAA,KACV;AAAA;AAIJ,EAAA,IAAI,CAAC,QAAS,CAAA,WAAA,IAAe,QAAS,CAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC9D,IAAA,2BAAQ,iBAAkB,EAAA,EAAA,CAAA;AAAA;AAG5B,EAAA,uBAEI,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,SAAS,EAAA,IAAA;AAAA,MACT,IAAI,EAAA,IAAA;AAAA,MACJ,SAAU,EAAA,KAAA;AAAA,MACV,UAAW,EAAA,SAAA;AAAA,MACX,KAAA,EAAO,EAAE,SAAA,EAAW,MAAO,EAAA;AAAA,MAE1B,QAAA,EAAA,QAAA,CAAS,WAAY,CAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AAC7B,QAAA,2BACG,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,EAAA,EAAI,IAAI,EAAI,EAAA,CAAA,EAAG,EAAI,EAAA,CAAA,EAC5B,8BAAC,mBAAoB,EAAA,EAAA,UAAA,EAAY,CAAG,EAAA,CAAA,EAAA,EADA,EAAE,EAExC,CAAA;AAAA,OAEH;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js CHANGED Viewed

@@ -1,5 +1,5 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { truncate, removeMarkdownFormatting } from '@drodil/backstage-plugin-qeta-common';
-import React__default from 'react';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { collectionRouteRef } from '../../routes.esm.js';
 import { Card, CardActionArea, CardMedia, CardContent, Typography, Grid, Tooltip, Button } from '@material-ui/core';
@@ -8,12 +8,15 @@ import { useNavigate } from 'react-router-dom';
 import { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities.esm.js';
 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 { useCollectionsFollow } from '../../hooks/useCollectionsFollow.esm.js';
+import '@backstage/plugin-permission-react';
+import '@backstage/plugin-permission-common';
 import VisibilityOff from '@material-ui/icons/VisibilityOff';
 import Visibility from '@material-ui/icons/Visibility';
@@ -24,38 +27,55 @@ const CollectionsGridItem = (props) => {
   const navigate = useNavigate();
   const collections = useCollectionsFollow();
   const href = collectionRoute({ id: collection.id.toString(10) });
-  return /* @__PURE__ */ React__default.createElement(Card, { style: { height: "100%", display: "flex", flexDirection: "column" } }, /* @__PURE__ */ React__default.createElement(CardActionArea, { onClick: () => navigate(href) }, collection.headerImage && /* @__PURE__ */ React__default.createElement(
-    CardMedia,
-    {
-      component: "img",
-      height: "140",
-      image: collection.headerImage,
-      alt: collection.title
-    }
-  ), /* @__PURE__ */ React__default.createElement(CardContent, { style: { paddingBottom: "0.5rem" } }, /* @__PURE__ */ React__default.createElement(Typography, { gutterBottom: true, variant: "h6", component: "div" }, collection.title), collection.description && /* @__PURE__ */ React__default.createElement(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true }, DOMPurify.sanitize(
-    truncate(removeMarkdownFormatting(collection.description), 200)
-  )), /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12 }, /* @__PURE__ */ React__default.createElement(TagsAndEntities, { entity: collection })), /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "caption" }, t("common.posts", {
-    count: collection.postsCount,
-    itemType: "post"
-  }), " \xB7 ", t("common.followers", {
-    count: collection.followers
-  })))))), /* @__PURE__ */ React__default.createElement(CardContent, { style: { marginTop: "auto" } }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      size: "small",
-      variant: "outlined",
-      color: collections.isFollowingCollection(collection) ? "secondary" : "primary",
-      onClick: () => {
-        if (collections.isFollowingCollection(collection)) {
-          collections.unfollowCollection(collection);
-        } else {
-          collections.followCollection(collection);
+  return /* @__PURE__ */ jsxs(Card, { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsxs(CardActionArea, { onClick: () => navigate(href), children: [
+      collection.headerImage && /* @__PURE__ */ jsx(
+        CardMedia,
+        {
+          component: "img",
+          height: "140",
+          image: collection.headerImage,
+          alt: collection.title
         }
-      },
-      startIcon: collections.isFollowingCollection(collection) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
-    },
-    collections.isFollowingCollection(collection) ? t("collectionButton.unfollow") : t("collectionButton.follow")
-  ))))));
+      ),
+      /* @__PURE__ */ jsxs(CardContent, { style: { paddingBottom: "0.5rem" }, children: [
+        /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h6", component: "div", children: collection.title }),
+        collection.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", gutterBottom: true, children: DOMPurify.sanitize(
+          truncate(removeMarkdownFormatting(collection.description), 200)
+        ) }),
+        /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+          /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(TagsAndEntities, { entity: collection }) }),
+          /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "caption", children: [
+            t("common.posts", {
+              count: collection.postsCount,
+              itemType: "post"
+            }),
+            " \xB7 ",
+            t("common.followers", {
+              count: collection.followers
+            })
+          ] }) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { style: { marginTop: "auto" }, children: /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Tooltip, { title: t("collectionButton.tooltip"), children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: "outlined",
+        color: collections.isFollowingCollection(collection) ? "secondary" : "primary",
+        onClick: () => {
+          if (collections.isFollowingCollection(collection)) {
+            collections.unfollowCollection(collection);
+          } else {
+            collections.followCollection(collection);
+          }
+        },
+        startIcon: collections.isFollowingCollection(collection) ? /* @__PURE__ */ jsx(VisibilityOff, {}) : /* @__PURE__ */ jsx(Visibility, {}),
+        children: collections.isFollowingCollection(collection) ? t("collectionButton.unfollow") : t("collectionButton.follow")
+      }
+    ) }) }) }) })
+  ] });
 };
 export { CollectionsGridItem };

package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport ~~React from 'react';\nimport~~ { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n Button,\n Card,\n CardActionArea,\n CardContent,\n CardMedia,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const { t } = useTranslation();\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const collections = useCollectionsFollow();\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {collection.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={collection.headerImage}\n alt={collection.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5rem' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={collection} />\n </Grid>\n <Grid item>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: collection.postsCount,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', {\n count: collection.followers,\n })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('collectionButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n startIcon={\n collections.isFollowingCollection(collection) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {collections.isFollowingCollection(collection)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;;;;;;;;;AA8Ba~~,MAAA,mBAAA,GAAsB,CAAC,KAA8B,KAAA;AAChE,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA;AACvB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAM,MAAA,eAAA,GAAkB,YAAY,kBAAkB,CAAA;AACtD,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA;AACzC,EAAM,MAAA,IAAA,GAAO,gBAAgB,EAAE,EAAA,EAAI,WAAW,EAAG,CAAA,QAAA,CAAS,EAAE,CAAA,EAAG,CAAA;AAE/D,~~EAAA~~,~~oDACG~~,IAAK,EAAA,EAAA,KAAA,EAAO,EAAE,~~MAAQ~~,EAAA,MAAA,EAAQ,~~SAAS~~,~~MAAQ,~~EAAA,~~aAAA~~,~~EAAe~~,~~UAC7D,~~EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAC,~~kBAAe~~,~~OAAS~~,EAAA,MAAM,~~SAAS~~,IAAI,~~CAAA~~,EAAA,~~EACzC~~,~~WAAW~~,~~WACV~~,~~oBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~;AAAA,~~IAAC~~,SAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,SAAU,EAAA,KAAA;AAAA,~~MACV~~,MAAO,EAAA,KAAA;AAAA,~~MACP~~,OAAO,UAAW,CAAA,WAAA;AAAA,~~MAClB~~,KAAK,UAAW,CAAA;AAAA;AAAA,~~GAGpB~~,~~kBAAAA~~,~~cAAA,CAAA,aAAA,CAAC,~~WAAY,EAAA,EAAA,KAAA,EAAO,EAAE,aAAA,EAAe,~~QAAS~~,EAAA,EAAA,~~kBAC3CA~~,~~cAAA~~,CAAA,~~aAAA,CAAA,~~UAAA,EAAA,EAAW,~~YAAY~~,EAAA,~~IAAA~~,~~EAAC~~,~~OAAQ~~,~~EAAA,IAAA,EAAK,~~SAAU,EAAA,KAAA,~~EAAA,~~EAC7C,~~UAAW~~,~~CAAA,~~KACd,~~CACC,~~EAAA,UAAA,CAAW,WACV,~~oBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,~~OAAQ~~,EAAA,~~KAAA~~,~~EAAM~~,~~eAAgB~~,EAAA,~~YAAA~~,~~EAAY~~,~~QAC3D~~,~~SAAU~~,CAAA,QAAA;AAAA,~~IACT~~,QAAS,CAAA,wBAAA,CAAyB,UAAW,CAAA,WAAW,GAAG,GAAG;AAAA,~~GAElE~~,~~CAEF~~,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAC,IAAK,EAAA,EAAA,SAAA,EAAS,IACb,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,~~CAAC~~,~~IAAK~~,EAAA,~~EAAA~~,~~IAAA~~,~~EAAI,~~IAAC,EAAA,EAAA,EAAI,~~EACb~~,~~EAAA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC~~,~~eAAgB~~,~~EAAA~~,EAAA,~~MAAA~~,~~EAAQ~~,~~UAAY~~,EAAA,~~CACvC,CACA,kBAAAA,cAAA,~~CAAA,~~aAAA~~,~~CAAC,~~IAAK,EAAA,EAAA,IAAA,EAAI,~~IACR~~,~~EAAA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,~~CAAC,UAAW,~~EAAA,~~EAAA~~,~~OAAA~~,~~EAAQ,~~SACjB,EAAA,EAAA,CAAA,CAAE,cAAgB,EAAA;AAAA,~~IACjB~~,OAAO,UAAW,CAAA,UAAA;AAAA,~~IAClB~~,QAAU,EAAA;AAAA,~~GACX~~,CAAA,~~EACA~~,~~QACA~~,~~EAAA~~,~~CAAA~~,~~CAAE,~~kBAAoB,EAAA;AAAA,~~IACrB~~,OAAO,UAAW,CAAA;AAAA,~~GACnB~~,~~CACH~~,~~CACF~~,CACF,~~CACF~~,~~CACF~~,~~CACA~~,~~kBAAAA~~,~~cAAA~~,CAAA,~~aAAA~~,CAAC,~~WAAY~~,~~EAAA~~,EAAA,~~KAAA,EAAO,~~EAAE,~~SAAA~~,~~EAAW,~~MAAO,EAAA,~~EAAA~~,~~kBACrCA~~,~~cAAA~~,~~CAAA~~,~~aAAA,~~CAAA,IAAA,EAAA,EAAK,SAAS,EAAA,IAAA,EAAC,~~cAAe~~,EAAA,QAAA,~~EAAA~~,~~kBAC5BA~~,~~cAAA~~,~~CAAA~~,~~aAAA,CAAA,IAAA,EAAA,EAAK,~~IAAI,EAAA,IAAA,~~EAAA~~,~~kBACPA~~,~~cAAA~~,~~CAAA~~,~~aAAA,CAAA,OAAA,~~EAAA,~~EAAQ~~,~~KAAO~~,~~EAAA~~,CAAA,~~CAAE,~~0BAA0B,CAC1C,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA~~;AAAA,~~IAAC~~,MAAA;AAAA,~~IAAA~~;AAAA,~~MACC~~,IAAK,EAAA,OAAA;AAAA,~~MACL~~,OAAQ,EAAA,UAAA;AAAA,~~MACR~~,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,~~MAEN~~,SAAS,MAAM;AACb,~~QAAI~~,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,~~UAAA~~,WAAA,CAAY,mBAAmB,UAAU,CAAA;AAAA,~~SACpC~~,MAAA;AACL,~~UAAA~~,WAAA,CAAY,iBAAiB,UAAU,CAAA;AAAA;AACzC,~~OACF~~;AAAA,~~MACA~~,SAAA,EACE,YAAY,qBAAsB,CAAA,UAAU,~~oBACzCA~~,~~cAAA~~,CAAA,aAAA,~~CAAA,aAAA,~~EAAA,~~IAAc~~,CAEf,~~mBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,UAAW,EAAA,~~IAAA;AAAA~~,~~KAAA~~;AAAA,~~IAIf~~,WAAA,CAAY,sBAAsB,UAAU,CAAA,GACzC,EAAE,2BAA2B,CAAA,GAC7B,EAAE,yBAAyB;AAAA,~~GAEnC~~,~~CACF~~,CACF,~~CACF~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"CollectionsGridItem.esm.js","sources":["../../../src/components/CollectionsGrid/CollectionsGridItem.tsx"],"sourcesContent":["import {\n Collection,\n removeMarkdownFormatting,\n truncate,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionRouteRef } from '../../routes';\nimport {\n Button,\n Card,\n CardActionArea,\n CardContent,\n CardMedia,\n Grid,\n Tooltip,\n Typography,\n} from '@material-ui/core';\nimport DOMPurify from 'dompurify';\nimport { useNavigate } from 'react-router-dom';\nimport { TagsAndEntities } from '../TagsAndEntities/TagsAndEntities';\nimport { useTranslation } from '../../hooks';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport Visibility from '@material-ui/icons/Visibility';\n\nexport interface PostsGridItemProps {\n collection: Collection;\n}\n\nexport const CollectionsGridItem = (props: PostsGridItemProps) => {\n const { collection } = props;\n const { t } = useTranslation();\n\n const collectionRoute = useRouteRef(collectionRouteRef);\n const navigate = useNavigate();\n const collections = useCollectionsFollow();\n const href = collectionRoute({ id: collection.id.toString(10) });\n\n return (\n <Card style={{ height: '100%', display: 'flex', flexDirection: 'column' }}>\n <CardActionArea onClick={() => navigate(href)}>\n {collection.headerImage && (\n <CardMedia\n component=\"img\"\n height=\"140\"\n image={collection.headerImage}\n alt={collection.title}\n />\n )}\n <CardContent style={{ paddingBottom: '0.5rem' }}>\n <Typography gutterBottom variant=\"h6\" component=\"div\">\n {collection.title}\n </Typography>\n {collection.description && (\n <Typography variant=\"body2\" color=\"textSecondary\" gutterBottom>\n {DOMPurify.sanitize(\n truncate(removeMarkdownFormatting(collection.description), 200),\n )}\n </Typography>\n )}\n <Grid container>\n <Grid item xs={12}>\n <TagsAndEntities entity={collection} />\n </Grid>\n <Grid item>\n <Typography variant=\"caption\">\n {t('common.posts', {\n count: collection.postsCount,\n itemType: 'post',\n })}\n {' · '}\n {t('common.followers', {\n count: collection.followers,\n })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </CardActionArea>\n <CardContent style={{ marginTop: 'auto' }}>\n <Grid container justifyContent=\"center\">\n <Grid item>\n <Tooltip title={t('collectionButton.tooltip')}>\n <Button\n size=\"small\"\n variant=\"outlined\"\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n startIcon={\n collections.isFollowingCollection(collection) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )\n }\n >\n {collections.isFollowingCollection(collection)\n ? t('collectionButton.unfollow')\n : t('collectionButton.follow')}\n </Button>\n </Tooltip>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js CHANGED Viewed

@@ -1,26 +1,30 @@
-import React__default from 'react';
+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 { Card, CardContent, Grid, Typography } from '@material-ui/core';
 const NoCollectionsCard = () => {
   const { t } = useTranslation();
-  return /* @__PURE__ */ React__default.createElement(Card, { style: { marginTop: "2em" } }, /* @__PURE__ */ React__default.createElement(CardContent, null, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Card, { style: { marginTop: "2em" }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(
     Grid,
     {
       container: true,
       justifyContent: "center",
       alignItems: "center",
-      direction: "column"
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { item: true }, /* @__PURE__ */ React__default.createElement(Typography, { variant: "h6" }, t(`common.collections`, { count: 0 })))
-  )));
+      direction: "column",
+      children: /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t(`common.collections`, { count: 0 }) }) })
+    }
+  ) }) });
 };
 export { NoCollectionsCard };

package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NoCollectionsCard.esm.js","sources":["../../../src/components/CollectionsGrid/NoCollectionsCard.tsx"],"sourcesContent":["import ~~React from 'react';\nimport~~ { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoCollectionsCard = () => {\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(`common.collections`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;;;;AAIO~~,MAAM,oBAAoB,MAAM;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EACE,~~uBAAAA~~,~~cAAA~~,~~CAAA,aAAA,~~CAAC,QAAK,KAAO,EAAA,EAAE,WAAW,KAAM,EAAA,~~EAAA,+CAC7B~~,WACC,EAAA,~~IAAA~~,~~kBAAAA~~,~~cAAA~~,~~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~~;AAAA~~,~~KAAA~~;AAAA,~~oBAETA~~,~~cAAA~~,~~CAAA~~,~~aAAA~~,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,~~EAAA,+CACP~~,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,CAAA,CAAE,sBAAsB,EAAE,KAAA,EAAO,CAAE,EAAC,~~CACvC~~,CACF;AAAA,~~GAEJ~~,CACF,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"NoCollectionsCard.esm.js","sources":["../../../src/components/CollectionsGrid/NoCollectionsCard.tsx"],"sourcesContent":["import { useTranslation } from '../../hooks';\nimport { Card, CardContent, Grid, Typography } from '@material-ui/core';\n\nexport const NoCollectionsCard = () => {\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(`common.collections`, { count: 0 })}\n </Typography>\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAGO,MAAM,oBAAoB,MAAM;AACrC,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,sBAAsB,EAAE,KAAA,EAAO,CAAE,EAAC,GACvC,CACF,EAAA;AAAA;AAAA,KAEJ,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/CommentSection/CommentForm.esm.js CHANGED Viewed

@@ -1,62 +1,64 @@
-import React__default, { useEffect } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Grid, Button } from '@material-ui/core';
 import { useForm, Controller } from 'react-hook-form';
 import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
-import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
+import { useConfirmNavigationIfEdited } from '../../utils/utils.esm.js';
 const CommentForm = (props) => {
   const { submit, disabled, saveButtonTitle, defaultValues } = props;
   const { handleSubmit, control } = useForm({
     defaultValues
   });
-  const [edited, setEdited] = React__default.useState(false);
-  useEffect(() => {
-    return confirmNavigationIfEdited(edited);
-  }, [edited]);
-  return /* @__PURE__ */ React__default.createElement(
+  const [edited, setEdited] = useState(false);
+  useConfirmNavigationIfEdited(edited);
+  return /* @__PURE__ */ jsx(
     "form",
     {
       onSubmit: handleSubmit(submit),
       onChange: () => {
         setEdited(true);
       },
-      className: "qetaCommentForm"
-    },
-    /* @__PURE__ */ React__default.createElement(Grid, { container: true }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React__default.createElement(
-      Controller,
-      {
-        control,
-        defaultValue: "",
-        rules: {
-          required: true
-        },
-        render: ({ field: { onChange, value } }) => /* @__PURE__ */ React__default.createElement(
-          MarkdownEditor,
+      className: "qetaCommentForm",
+      children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 11, children: /* @__PURE__ */ jsx(
+          Controller,
           {
-            autoFocus: true,
-            value,
-            onChange,
-            height: 100,
-            disablePreview: true,
-            disableAttachments: true,
-            disableToolbar: true,
-            disabled
+            control,
+            defaultValue: "",
+            rules: {
+              required: true
+            },
+            render: ({ field: { onChange, value } }) => /* @__PURE__ */ jsx(
+              MarkdownEditor,
+              {
+                autoFocus: true,
+                value,
+                onChange,
+                height: 100,
+                disablePreview: true,
+                disableAttachments: true,
+                disableToolbar: true,
+                disabled
+              }
+            ),
+            name: "content"
           }
-        ),
-        name: "content"
-      }
-    )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        variant: "contained",
-        size: "small",
-        className: "qetaCommentBtn",
-        type: "submit",
-        color: "primary",
-        disabled
-      },
-      saveButtonTitle
-    )))
+        ) }),
+        /* @__PURE__ */ jsx(Grid, { item: true, xs: 1, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            size: "small",
+            className: "qetaCommentBtn",
+            type: "submit",
+            color: "primary",
+            disabled,
+            children: saveButtonTitle
+          }
+        ) })
+      ] })
+    }
   );
 };