@red-hat-developer-hub/backstage-plugin-adoption-insights 0.0.2

package/dist/components/Searches/Searches.esm.js

@@ -0,0 +1,106 @@
+import React__default from 'react';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import { useTheme } from '@mui/material/styles';
+import CircularProgress from '@mui/material/CircularProgress';
+import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Line } from 'recharts';
+import CardWrapper from '../CardWrapper/CardWrapper.esm.js';
+import { useSearches } from '../../hooks/useSearches.esm.js';
+import { getTotal, getAverage, getXAxisTickValues, getXAxisformat } from '../../utils/utils.esm.js';
+import CustomCursor from '../Common/CustomCursor.esm.js';
+import CustomTooltip from './CustomTooltip.esm.js';
+import EmptyChartState from '../Common/EmptyChartState.esm.js';
+
+const Searches = () => {
+  const theme = useTheme();
+  const isDarkMode = theme.palette.mode === "dark";
+  const { searches, loading } = useSearches();
+  const { data, grouping = "daily" } = searches;
+  if (!data || data?.length === 0 || !data?.[0] && !loading) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Searches" }, /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: 200
+      },
+      /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
+    ));
+  }
+  return /* @__PURE__ */ React__default.createElement(
+    CardWrapper,
+    {
+      title: `${getTotal(data, "count")?.toLocaleString()} searches`
+    },
+    loading ? /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: 200
+      },
+      /* @__PURE__ */ React__default.createElement(CircularProgress, null)
+    ) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, { style: { margin: "20px 36px" } }, "An average of", " ", /* @__PURE__ */ React__default.createElement("b", null, `${Math.round(
+      getAverage(data, "count")
+    ).toLocaleString()} searches per ${grouping === "hourly" ? "hour" : "day"}`), " ", "were conducted during this period."), /* @__PURE__ */ React__default.createElement(Box, { sx: { height: 310, mt: 4, mb: 4, ml: 0, mr: 0 } }, /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { width: "100%", height: "100%" }, /* @__PURE__ */ React__default.createElement(
+      LineChart,
+      {
+        data,
+        margin: { top: 10, right: 50, left: 20, bottom: 0 }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        CartesianGrid,
+        {
+          stroke: isDarkMode ? "#666" : "#E5E7EB",
+          strokeDasharray: 0,
+          vertical: false
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        XAxis,
+        {
+          dataKey: "date",
+          tickFormatter: (date) => getXAxisformat(date, grouping),
+          ticks: getXAxisTickValues(data, grouping),
+          tick: { fill: theme.palette.text.primary },
+          axisLine: false,
+          tickLine: false,
+          padding: { left: 30, right: 30 },
+          tickMargin: 10
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        YAxis,
+        {
+          tickLine: false,
+          axisLine: false,
+          tick: { fill: theme.palette.text.primary },
+          tickFormatter: (value) => value.toLocaleString(),
+          tickMargin: 20
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Tooltip,
+        {
+          cursor: /* @__PURE__ */ React__default.createElement(CustomCursor, { cursorHeight: 280 }),
+          content: /* @__PURE__ */ React__default.createElement(CustomTooltip, { grouping })
+        }
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Line,
+        {
+          type: "linear",
+          dataKey: "count",
+          stroke: "#00838F",
+          strokeWidth: 1.5,
+          dot: false
+        }
+      )
+    ))))
+  );
+};
+
+export { Searches as default };
+//# sourceMappingURL=Searches.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Searches.esm.js","sources":["../../../src/components/Searches/Searches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  LineChart,\n  Line,\n  XAxis,\n  YAxis,\n  CartesianGrid,\n  Tooltip,\n  ResponsiveContainer,\n} from 'recharts';\n\nimport CardWrapper from '../CardWrapper';\nimport { useSearches } from '../../hooks/useSearches';\nimport {\n  getAverage,\n  getTotal,\n  getXAxisformat,\n  getXAxisTickValues,\n} from '../../utils/utils';\nimport CustomCursor from '../Common/CustomCursor';\nimport CustomTooltip from './CustomTooltip';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Searches = () => {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { searches, loading } = useSearches();\n  const { data, grouping = 'daily' } = searches;\n\n  if (!data || data?.length === 0 || (!data?.[0] && !loading)) {\n    return (\n      <CardWrapper title=\"Searches\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper\n      title={`${getTotal(data, 'count')?.toLocaleString()} searches`}\n    >\n      {loading ? (\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <CircularProgress />\n        </Box>\n      ) : (\n        <>\n          <Typography style={{ margin: '20px 36px' }}>\n            An average of{' '}\n            <b>\n              {`${Math.round(\n                getAverage(data, 'count'),\n              ).toLocaleString()} searches per ${\n                grouping === 'hourly' ? 'hour' : 'day'\n              }`}\n            </b>{' '}\n            were conducted during this period.\n          </Typography>\n          <Box sx={{ height: 310, mt: 4, mb: 4, ml: 0, mr: 0 }}>\n            <ResponsiveContainer width=\"100%\" height=\"100%\">\n              <LineChart\n                data={data}\n                margin={{ top: 10, right: 50, left: 20, bottom: 0 }}\n              >\n                <CartesianGrid\n                  stroke={isDarkMode ? '#666' : '#E5E7EB'}\n                  strokeDasharray={0}\n                  vertical={false}\n                />\n                <XAxis\n                  dataKey=\"date\"\n                  tickFormatter={date => getXAxisformat(date, grouping)}\n                  ticks={getXAxisTickValues(data, grouping)}\n                  tick={{ fill: theme.palette.text.primary }}\n                  axisLine={false}\n                  tickLine={false}\n                  padding={{ left: 30, right: 30 }}\n                  tickMargin={10}\n                />\n                <YAxis\n                  tickLine={false}\n                  axisLine={false}\n                  tick={{ fill: theme.palette.text.primary }}\n                  tickFormatter={value => value.toLocaleString()}\n                  tickMargin={20}\n                />\n                <Tooltip\n                  cursor={<CustomCursor cursorHeight={280} />}\n                  content={<CustomTooltip grouping={grouping} />}\n                />\n                <Line\n                  type=\"linear\"\n                  dataKey=\"count\"\n                  stroke=\"#00838F\"\n                  strokeWidth={1.5}\n                  dot={false}\n                />\n              </LineChart>\n            </ResponsiveContainer>\n          </Box>\n        </>\n      )}\n    </CardWrapper>\n  );\n};\n\nexport default Searches;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Searches/index.esm.js

@@ -0,0 +1,6 @@
+import Searches from './Searches.esm.js';
+
+
+
+export { Searches as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Searches/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Techdocs/Techdocs.esm.js

@@ -0,0 +1,129 @@
+import React__default from 'react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableFooter from '@mui/material/TableFooter';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import CircularProgress from '@mui/material/CircularProgress';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import CardWrapper from '../CardWrapper/CardWrapper.esm.js';
+import { TECHDOCS_TABLE_HEADERS } from '../../utils/constants.esm.js';
+import TableFooterPagination from '../CardFooter/TableFooterPagination.esm.js';
+import { useTechdocs } from '../../hooks/useTechdocs.esm.js';
+import { getLastUsedDay } from '../../utils/utils.esm.js';
+import EmptyChartState from '../Common/EmptyChartState.esm.js';
+
+const Techdocs = () => {
+  const [page, setPage] = React__default.useState(0);
+  const [limit] = React__default.useState(20);
+  const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
+  const { techdocs, loading } = useTechdocs({ limit });
+  const handleChangePage = React__default.useCallback(
+    (_event, newPage) => {
+      setPage(newPage);
+    },
+    []
+  );
+  const handleChangeRowsPerPage = React__default.useCallback(
+    (event) => {
+      setRowsPerPage(+event.target.value);
+      setPage(0);
+    },
+    []
+  );
+  const visibleTechdocs = React__default.useMemo(() => {
+    return techdocs.data?.slice(
+      page * rowsPerPage,
+      page * rowsPerPage + rowsPerPage
+    );
+  }, [techdocs, page, rowsPerPage]);
+  if (!visibleTechdocs || visibleTechdocs?.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top techdocs" }, /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: 200
+      },
+      /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
+    ));
+  }
+  return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: `Top ${rowsPerPage} techdocs` }, /* @__PURE__ */ React__default.createElement(Table, { "aria-labelledby": "Catalog entities", sx: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(TableHead, null, /* @__PURE__ */ React__default.createElement(TableRow, null, TECHDOCS_TABLE_HEADERS.map((header) => /* @__PURE__ */ React__default.createElement(
+    TableCell,
+    {
+      key: header.id,
+      align: "left",
+      sx: {
+        borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+      }
+    },
+    header.title
+  )))), /* @__PURE__ */ React__default.createElement(TableBody, null, loading ? /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, { colSpan: TECHDOCS_TABLE_HEADERS.length, align: "center" }, /* @__PURE__ */ React__default.createElement(CircularProgress, null))) : visibleTechdocs?.map((techdoc) => {
+    return /* @__PURE__ */ React__default.createElement(
+      TableRow,
+      {
+        key: techdoc.name ?? "index-page",
+        sx: {
+          "&:nth-of-type(odd)": { backgroundColor: "inherit" },
+          borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(TableCell, null, /* @__PURE__ */ React__default.createElement(
+        Link,
+        {
+          component: "a",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          href: !techdoc?.name ? "/docs" : `/docs/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`,
+          sx: {
+            textDecoration: "none",
+            "&:hover": {
+              textDecoration: "none"
+            }
+          }
+        },
+        !techdoc?.site_name ? "docs" : techdoc?.site_name || "--"
+      )),
+      /* @__PURE__ */ React__default.createElement(TableCell, null, techdoc?.name ? /* @__PURE__ */ React__default.createElement(
+        Link,
+        {
+          component: "a",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          href: !techdoc?.name ? "/docs" : `/catalog/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`,
+          sx: {
+            textDecoration: "none",
+            "&:hover": {
+              textDecoration: "none"
+            }
+          }
+        },
+        techdoc?.name ?? "--"
+      ) : "--"),
+      /* @__PURE__ */ React__default.createElement(TableCell, null, getLastUsedDay(techdoc.last_used) ?? "--"),
+      /* @__PURE__ */ React__default.createElement(TableCell, null, Number(techdoc.count).toLocaleString() ?? "--")
+    );
+  })), /* @__PURE__ */ React__default.createElement(TableFooter, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(
+    TableCell,
+    {
+      colSpan: TECHDOCS_TABLE_HEADERS.length,
+      sx: { padding: 0 }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      TableFooterPagination,
+      {
+        count: techdocs.data?.length,
+        rowsPerPage,
+        page,
+        handleChangePage,
+        handleChangeRowsPerPage
+      }
+    )
+  )))));
+};
+
+export { Techdocs as default };
+//# sourceMappingURL=Techdocs.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Techdocs.esm.js","sources":["../../../src/components/Techdocs/Techdocs.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TECHDOCS_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTechdocs } from '../../hooks/useTechdocs';\nimport { getLastUsedDay } from '../../utils/utils';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Techdocs = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { techdocs, loading } = useTechdocs({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTechdocs = React.useMemo(() => {\n    return techdocs.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [techdocs, page, rowsPerPage]);\n\n  if (!visibleTechdocs || visibleTechdocs?.length === 0) {\n    return (\n      <CardWrapper title=\"Top techdocs\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} techdocs`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TECHDOCS_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TECHDOCS_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTechdocs?.map(techdoc => {\n              return (\n                <TableRow\n                  key={techdoc.name ?? 'index-page'}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell>\n                    <Link\n                      component=\"a\"\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      href={\n                        !techdoc?.name\n                          ? '/docs'\n                          : `/docs/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                      }\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {!techdoc?.site_name\n                        ? 'docs'\n                        : techdoc?.site_name || '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell>\n                    {techdoc?.name ? (\n                      <Link\n                        component=\"a\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        href={\n                          !techdoc?.name\n                            ? '/docs'\n                            : `/catalog/${techdoc?.namespace}/${techdoc?.kind}/${techdoc?.name}`\n                        }\n                        sx={{\n                          textDecoration: 'none',\n                          '&:hover': {\n                            textDecoration: 'none',\n                          },\n                        }}\n                      >\n                        {techdoc?.name ?? '--'}\n                      </Link>\n                    ) : (\n                      '--'\n                    )}\n                  </TableCell>\n                  <TableCell>\n                    {getLastUsedDay(techdoc.last_used) ?? '--'}\n                  </TableCell>\n                  <TableCell>\n                    {Number(techdoc.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TECHDOCS_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={techdocs.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Techdocs;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Techdocs/index.esm.js

@@ -0,0 +1,6 @@
+import Techdocs from './Techdocs.esm.js';
+
+
+
+export { Techdocs as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Techdocs/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Templates/Templates.esm.js

@@ -0,0 +1,118 @@
+import React__default from 'react';
+import { parseEntityRef } from '@backstage/catalog-model';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableFooter from '@mui/material/TableFooter';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import CircularProgress from '@mui/material/CircularProgress';
+import Box from '@mui/material/Box';
+import Link from '@mui/material/Link';
+import CardWrapper from '../CardWrapper/CardWrapper.esm.js';
+import { TEMPLATE_TABLE_HEADERS } from '../../utils/constants.esm.js';
+import TableFooterPagination from '../CardFooter/TableFooterPagination.esm.js';
+import { useTemplates } from '../../hooks/useTemplates.esm.js';
+import EmptyChartState from '../Common/EmptyChartState.esm.js';
+
+const Templates = () => {
+  const [page, setPage] = React__default.useState(0);
+  const [limit] = React__default.useState(20);
+  const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
+  const { templates, loading } = useTemplates({ limit });
+  const handleChangePage = React__default.useCallback(
+    (_event, newPage) => {
+      setPage(newPage);
+    },
+    []
+  );
+  const handleChangeRowsPerPage = React__default.useCallback(
+    (event) => {
+      setRowsPerPage(+event.target.value);
+      setPage(0);
+    },
+    []
+  );
+  const visibleTemplates = React__default.useMemo(() => {
+    return templates.data?.slice(
+      page * rowsPerPage,
+      page * rowsPerPage + rowsPerPage
+    );
+  }, [templates, page, rowsPerPage]);
+  if (!visibleTemplates || visibleTemplates?.length === 0) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Top templates" }, /* @__PURE__ */ React__default.createElement(
+      Box,
+      {
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        height: 200
+      },
+      /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
+    ));
+  }
+  return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: `Top ${rowsPerPage} templates` }, /* @__PURE__ */ React__default.createElement(Table, { "aria-labelledby": "Catalog entities", sx: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(TableHead, null, /* @__PURE__ */ React__default.createElement(TableRow, null, TEMPLATE_TABLE_HEADERS.map((header) => /* @__PURE__ */ React__default.createElement(
+    TableCell,
+    {
+      key: header.id,
+      align: "left",
+      sx: {
+        borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+      }
+    },
+    header.title
+  )))), /* @__PURE__ */ React__default.createElement(TableBody, null, loading ? /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, { colSpan: TEMPLATE_TABLE_HEADERS.length, align: "center" }, /* @__PURE__ */ React__default.createElement(CircularProgress, null))) : visibleTemplates?.map((template) => {
+    if (!template.entityref || Object.keys(template.entityref).length === 0)
+      return null;
+    const { name, namespace = "default" } = parseEntityRef(
+      template?.entityref
+    );
+    const entityHrefLink = `/create/templates/${namespace}/${name}`;
+    return /* @__PURE__ */ React__default.createElement(
+      TableRow,
+      {
+        key: template.entityref,
+        sx: {
+          "&:nth-of-type(odd)": { backgroundColor: "inherit" },
+          borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "50%" } }, /* @__PURE__ */ React__default.createElement(
+        Link,
+        {
+          component: "a",
+          href: entityHrefLink,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            textDecoration: "none",
+            "&:hover": {
+              textDecoration: "none"
+            }
+          }
+        },
+        name ?? "--"
+      )),
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "50%" } }, Number(template.count).toLocaleString() ?? "--")
+    );
+  })), /* @__PURE__ */ React__default.createElement(TableFooter, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(
+    TableCell,
+    {
+      colSpan: TEMPLATE_TABLE_HEADERS.length,
+      sx: { padding: 0 }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      TableFooterPagination,
+      {
+        count: templates.data?.length,
+        rowsPerPage,
+        page,
+        handleChangePage,
+        handleChangeRowsPerPage
+      }
+    )
+  )))));
+};
+
+export { Templates as default };
+//# sourceMappingURL=Templates.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Templates.esm.js","sources":["../../../src/components/Templates/Templates.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport Table from '@mui/material/Table';\nimport TableBody from '@mui/material/TableBody';\nimport TableCell from '@mui/material/TableCell';\nimport TableFooter from '@mui/material/TableFooter';\nimport TableHead from '@mui/material/TableHead';\nimport TableRow from '@mui/material/TableRow';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Box from '@mui/material/Box';\nimport Link from '@mui/material/Link';\n\nimport CardWrapper from '../CardWrapper';\nimport { TEMPLATE_TABLE_HEADERS } from '../../utils/constants';\nimport TableFooterPagination from '../CardFooter';\nimport { useTemplates } from '../../hooks/useTemplates';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Templates = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n\n  const { templates, loading } = useTemplates({ limit });\n\n  const handleChangePage = React.useCallback(\n    (_event: unknown, newPage: number) => {\n      setPage(newPage);\n    },\n    [],\n  );\n\n  const handleChangeRowsPerPage = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n      setRowsPerPage(+event.target.value);\n      setPage(0);\n    },\n    [],\n  );\n\n  const visibleTemplates = React.useMemo(() => {\n    return templates.data?.slice(\n      page * rowsPerPage,\n      page * rowsPerPage + rowsPerPage,\n    );\n  }, [templates, page, rowsPerPage]);\n\n  if (!visibleTemplates || visibleTemplates?.length === 0) {\n    return (\n      <CardWrapper title=\"Top templates\">\n        <Box\n          display=\"flex\"\n          justifyContent=\"center\"\n          alignItems=\"center\"\n          height={200}\n        >\n          <EmptyChartState />\n        </Box>\n      </CardWrapper>\n    );\n  }\n\n  return (\n    <CardWrapper title={`Top ${rowsPerPage} templates`}>\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {TEMPLATE_TABLE_HEADERS.map(header => (\n              <TableCell\n                key={header.id}\n                align=\"left\"\n                sx={{\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell colSpan={TEMPLATE_TABLE_HEADERS.length} align=\"center\">\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleTemplates?.map(template => {\n              if (\n                !template.entityref ||\n                Object.keys(template.entityref).length === 0\n              )\n                return null;\n\n              const { name, namespace = 'default' } = parseEntityRef(\n                template?.entityref,\n              );\n              const entityHrefLink = `/create/templates/${namespace}/${name}`;\n\n              return (\n                <TableRow\n                  key={template.entityref}\n                  sx={{\n                    '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                    borderBottom: theme =>\n                      `1px solid ${theme.palette.grey[300]}`,\n                  }}\n                >\n                  <TableCell sx={{ width: '50%' }}>\n                    <Link\n                      component=\"a\"\n                      href={entityHrefLink}\n                      target=\"_blank\"\n                      rel=\"noopener noreferrer\"\n                      sx={{\n                        textDecoration: 'none',\n                        '&:hover': {\n                          textDecoration: 'none',\n                        },\n                      }}\n                    >\n                      {name ?? '--'}\n                    </Link>\n                  </TableCell>\n                  <TableCell sx={{ width: '50%' }}>\n                    {Number(template.count).toLocaleString() ?? '--'}\n                  </TableCell>\n                </TableRow>\n              );\n            })\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={TEMPLATE_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={templates.data?.length}\n                rowsPerPage={rowsPerPage}\n                page={page}\n                handleChangePage={handleChangePage}\n                handleChangeRowsPerPage={handleChangeRowsPerPage}\n              />\n            </TableCell>\n          </TableRow>\n        </TableFooter>\n      </Table>\n    </CardWrapper>\n  );\n};\n\nexport default Templates;\n"],"names":["React"],"mappings":"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"}

package/dist/components/Templates/index.esm.js

@@ -0,0 +1,6 @@
+import Templates from './Templates.esm.js';
+
+
+
+export { Templates as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/components/Templates/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Users/Info.esm.js

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { useTheme } from '@mui/material/styles';
+import Box from '@mui/material/Box';
+import MuiTooltip from '@mui/material/Tooltip';
+import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';
+import IconButton from '@mui/material/IconButton';
+
+const InfoComponent = () => {
+  const theme = useTheme();
+  return /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", alignItems: "center", height: "100%", mr: 2 } }, /* @__PURE__ */ React__default.createElement(
+    MuiTooltip,
+    {
+      title: /* @__PURE__ */ React__default.createElement(Box, { sx: { textAlign: "center", width: "238px" } }, "Set the number of licensed users in the app-config.yaml"),
+      placement: "left",
+      componentsProps: {
+        tooltip: {
+          sx: {
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center",
+            bgcolor: "#151515",
+            color: "white",
+            fontSize: "0.875rem",
+            p: 1.5
+          }
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(IconButton, null, /* @__PURE__ */ React__default.createElement(
+      InfoOutlinedIcon,
+      {
+        sx: { color: theme.palette.text.secondary, fontSize: "1.75rem" }
+      }
+    ))
+  ));
+};
+
+export { InfoComponent as default };
+//# sourceMappingURL=Info.esm.js.map

package/dist/components/Users/Info.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Info.esm.js","sources":["../../../src/components/Users/Info.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useTheme } from '@mui/material/styles';\nimport Box from '@mui/material/Box';\nimport MuiTooltip from '@mui/material/Tooltip';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport IconButton from '@mui/material/IconButton';\n\nconst InfoComponent = () => {\n  const theme = useTheme();\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', height: '100%', mr: 2 }}>\n      <MuiTooltip\n        title={\n          <Box sx={{ textAlign: 'center', width: '238px' }}>\n            Set the number of licensed users in the app-config.yaml\n          </Box>\n        }\n        placement=\"left\"\n        componentsProps={{\n          tooltip: {\n            sx: {\n              display: 'flex',\n              justifyContent: 'center',\n              alignItems: 'center',\n              bgcolor: '#151515',\n              color: 'white',\n              fontSize: '0.875rem',\n              p: 1.5,\n            },\n          },\n        }}\n      >\n        <IconButton>\n          <InfoOutlinedIcon\n            sx={{ color: theme.palette.text.secondary, fontSize: '1.75rem' }}\n          />\n        </IconButton>\n      </MuiTooltip>\n    </Box>\n  );\n};\n\nexport default InfoComponent;\n"],"names":["React"],"mappings":";;;;;;;AAuBA,MAAM,gBAAgB,MAAM;AAC1B,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,OAAS,EAAA,MAAA,EAAQ,UAAY,EAAA,QAAA,EAAU,MAAQ,EAAA,MAAA,EAAQ,EAAI,EAAA,CAAA,EACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,EAAE,WAAW,QAAU,EAAA,KAAA,EAAO,OAAQ,EAAA,EAAA,EAAG,yDAElD,CAAA;AAAA,MAEF,SAAU,EAAA,MAAA;AAAA,MACV,eAAiB,EAAA;AAAA,QACf,OAAS,EAAA;AAAA,UACP,EAAI,EAAA;AAAA,YACF,OAAS,EAAA,MAAA;AAAA,YACT,cAAgB,EAAA,QAAA;AAAA,YAChB,UAAY,EAAA,QAAA;AAAA,YACZ,OAAS,EAAA,SAAA;AAAA,YACT,KAAO,EAAA,OAAA;AAAA,YACP,QAAU,EAAA,UAAA;AAAA,YACV,CAAG,EAAA;AAAA;AACL;AACF;AACF,KAAA;AAAA,iDAEC,UACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,EAAE,KAAO,EAAA,KAAA,CAAM,QAAQ,IAAK,CAAA,SAAA,EAAW,UAAU,SAAU;AAAA;AAAA,KAEnE;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/components/Users/Tooltip.esm.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import Paper from '@mui/material/Paper';
+import Typography from '@mui/material/Typography';
+
+const Tooltip = ({ active, payload, licensed_users, logged_in_users }) => {
+  if (active && payload?.length) {
+    const percent = Math.round(
+      (payload[0].name === "Licensed" ? (payload[0].value - logged_in_users) / licensed_users : payload[0].value / licensed_users) * 100
+    );
+    const { value, name } = payload[0];
+    return /* @__PURE__ */ React__default.createElement(
+      Paper,
+      {
+        elevation: 1,
+        sx: {
+          padding: "8px",
+          borderRadius: "4px",
+          boxShadow: "0px 0px 6px rgba(0, 0, 0, 0.1)",
+          border: (theme) => `1px solid ${theme.palette.grey[300]}`
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        Typography,
+        {
+          style: { fontSize: "0.875rem", margin: 0, fontWeight: "500" }
+        },
+        name === "Licensed" ? (value - logged_in_users).toLocaleString() : value.toLocaleString()
+      ),
+      /* @__PURE__ */ React__default.createElement(
+        Typography,
+        {
+          style: {
+            fontSize: "2rem",
+            margin: 0,
+            color: "#009596",
+            fontWeight: "500"
+          }
+        },
+        percent,
+        "%"
+      )
+    );
+  }
+  return null;
+};
+
+export { Tooltip as default };
+//# sourceMappingURL=Tooltip.esm.js.map

package/dist/components/Users/Tooltip.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.esm.js","sources":["../../../src/components/Users/Tooltip.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport Paper from '@mui/material/Paper';\nimport Typography from '@mui/material/Typography';\n\nconst Tooltip = ({ active, payload, licensed_users, logged_in_users }: any) => {\n  if (active && payload?.length) {\n    const percent = Math.round(\n      (payload[0].name === 'Licensed'\n        ? (payload[0].value - logged_in_users) / licensed_users\n        : payload[0].value / licensed_users) * 100,\n    );\n\n    const { value, name } = payload[0];\n\n    return (\n      <Paper\n        elevation={1}\n        sx={{\n          padding: '8px',\n          borderRadius: '4px',\n          boxShadow: '0px 0px 6px rgba(0, 0, 0, 0.1)',\n          border: theme => `1px solid ${theme.palette.grey[300]}`,\n        }}\n      >\n        <Typography\n          style={{ fontSize: '0.875rem', margin: 0, fontWeight: '500' }}\n        >\n          {name === 'Licensed'\n            ? (value - logged_in_users).toLocaleString()\n            : value.toLocaleString()}\n        </Typography>\n        <Typography\n          style={{\n            fontSize: '2rem',\n            margin: 0,\n            color: '#009596',\n            fontWeight: '500',\n          }}\n        >\n          {percent}%\n        </Typography>\n      </Paper>\n    );\n  }\n  return null;\n};\n\nexport default Tooltip;\n"],"names":["React"],"mappings":";;;;AAoBA,MAAM,UAAU,CAAC,EAAE,QAAQ,OAAS,EAAA,cAAA,EAAgB,iBAA2B,KAAA;AAC7E,EAAI,IAAA,MAAA,IAAU,SAAS,MAAQ,EAAA;AAC7B,IAAA,MAAM,UAAU,IAAK,CAAA,KAAA;AAAA,MAAA,CAClB,OAAQ,CAAA,CAAC,CAAE,CAAA,IAAA,KAAS,cAChB,OAAQ,CAAA,CAAC,CAAE,CAAA,KAAA,GAAQ,mBAAmB,cACvC,GAAA,OAAA,CAAQ,CAAC,CAAA,CAAE,QAAQ,cAAkB,IAAA;AAAA,KAC3C;AAEA,IAAA,MAAM,EAAE,KAAA,EAAO,IAAK,EAAA,GAAI,QAAQ,CAAC,CAAA;AAEjC,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,CAAA;AAAA,QACX,EAAI,EAAA;AAAA,UACF,OAAS,EAAA,KAAA;AAAA,UACT,YAAc,EAAA,KAAA;AAAA,UACd,SAAW,EAAA,gCAAA;AAAA,UACX,QAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA;AACvD,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,QAAA,EAAU,YAAY,MAAQ,EAAA,CAAA,EAAG,YAAY,KAAM;AAAA,SAAA;AAAA,QAE3D,SAAS,UACL,GAAA,CAAA,KAAA,GAAQ,iBAAiB,cAAe,EAAA,GACzC,MAAM,cAAe;AAAA,OAC3B;AAAA,sBACAA,cAAA,CAAA,aAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,QAAU,EAAA,MAAA;AAAA,YACV,MAAQ,EAAA,CAAA;AAAA,YACR,KAAO,EAAA,SAAA;AAAA,YACP,UAAY,EAAA;AAAA;AACd,SAAA;AAAA,QAEC,OAAA;AAAA,QAAQ;AAAA;AACX,KACF;AAAA;AAGJ,EAAO,OAAA,IAAA;AACT;;;;"}