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

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

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

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

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

package/dist/components/AdoptionInsightsPage/AdoptionInsightsPage.esm.js

@@ -0,0 +1,29 @@
+import React__default from 'react';
+import { Page, Content } from '@backstage/core-components';
+import Masonry from '@mui/lab/Masonry';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { useTheme } from '@mui/material/styles';
+import InsightsHeader from '../Header/Header.esm.js';
+import CatalogEntities from '../CatalogEntities/CatalogEntities.esm.js';
+import Templates from '../Templates/Templates.esm.js';
+import Techdocs from '../Techdocs/Techdocs.esm.js';
+import ActiveUsers from '../ActiveUsers/ActiveUsers.esm.js';
+import Plugins from '../Plugins/Plugins.esm.js';
+import Searches from '../Searches/Searches.esm.js';
+import Users from '../Users/Users.esm.js';
+import { DateRangeProvider } from '../Header/DateRangeContext.esm.js';
+import { useAdoptionInsightsEventsReadPermission } from '../../hooks/useAdoptionInsightsEventsReadPermission.esm.js';
+import PermissionRequiredState from '../Common/PermissionRequiredState.esm.js';
+
+const AdoptionInsightsPage = () => {
+  const theme = useTheme();
+  const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm"));
+  const { allowed: hasEventsReadPermission, loading } = useAdoptionInsightsEventsReadPermission();
+  if (loading) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: "home" }, !hasEventsReadPermission ? /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(PermissionRequiredState, null)) : /* @__PURE__ */ React__default.createElement(DateRangeProvider, null, /* @__PURE__ */ React__default.createElement(InsightsHeader, { title: "Adoption Insights" }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(Masonry, { columns: isSmallScreen ? 1 : 2, spacing: 2 }, /* @__PURE__ */ React__default.createElement(ActiveUsers, null), /* @__PURE__ */ React__default.createElement(Users, null), /* @__PURE__ */ React__default.createElement(Templates, null), /* @__PURE__ */ React__default.createElement(CatalogEntities, null), /* @__PURE__ */ React__default.createElement(Plugins, null), /* @__PURE__ */ React__default.createElement(Techdocs, null), /* @__PURE__ */ React__default.createElement(Searches, null)))));
+};
+
+export { AdoptionInsightsPage };
+//# sourceMappingURL=AdoptionInsightsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdoptionInsightsPage.esm.js","sources":["../../../src/components/AdoptionInsightsPage/AdoptionInsightsPage.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 { Content, Page } from '@backstage/core-components';\nimport Masonry from '@mui/lab/Masonry';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport { useTheme } from '@mui/material/styles';\n\nimport InsightsHeader from '../Header';\nimport CatalogEntities from '../CatalogEntities';\nimport Templates from '../Templates';\nimport Techdocs from '../Techdocs';\nimport ActiveUsers from '../ActiveUsers';\nimport Plugins from '../Plugins';\nimport Searches from '../Searches';\nimport Users from '../Users';\nimport { DateRangeProvider } from '../Header/DateRangeContext';\nimport { useAdoptionInsightsEventsReadPermission } from '../../hooks/useAdoptionInsightsEventsReadPermission';\nimport PermissionRequiredState from '../Common/PermissionRequiredState';\n\nexport const AdoptionInsightsPage = () => {\n  const theme = useTheme();\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'));\n  const { allowed: hasEventsReadPermission, loading } =\n    useAdoptionInsightsEventsReadPermission();\n\n  if (loading) {\n    return null;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      {!hasEventsReadPermission ? (\n        <Content>\n          <PermissionRequiredState />\n        </Content>\n      ) : (\n        <DateRangeProvider>\n          <InsightsHeader title=\"Adoption Insights\" />\n          <Content>\n            <Masonry columns={isSmallScreen ? 1 : 2} spacing={2}>\n              <ActiveUsers />\n              <Users />\n              <Templates />\n              <CatalogEntities />\n              <Plugins />\n              <Techdocs />\n              <Searches />\n            </Masonry>\n          </Content>\n        </DateRangeProvider>\n      )}\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;AAkCO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAA,MAAM,gBAAgB,aAAc,CAAA,KAAA,CAAM,WAAY,CAAA,IAAA,CAAK,IAAI,CAAC,CAAA;AAChE,EAAA,MAAM,EAAE,OAAA,EAAS,uBAAyB,EAAA,OAAA,KACxC,uCAAwC,EAAA;AAE1C,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACX,EAAA,EAAA,CAAC,0CACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,IAAwB,CAC3B,CAAA,gDAEC,iBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,KAAA,EAAM,mBAAoB,EAAA,CAAA,+CACzC,OACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,OAAA,EAAS,aAAgB,GAAA,CAAA,GAAI,GAAG,OAAS,EAAA,CAAA,EAAA,kBAC/CA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAY,CACb,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAM,CACP,kBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,IAAA,CAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,eAAA,EAAA,IAAgB,mBAChBA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAQ,CACT,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,IAAA,CAAA,+CACT,QAAS,EAAA,IAAA,CACZ,CACF,CACF,CAEJ,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,2 @@
+export { AdoptionInsightsPage } from './AdoptionInsightsPage.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/CardFooter/TableFooterPagination.esm.js

@@ -0,0 +1,70 @@
+import React__default from 'react';
+import Box from '@mui/material/Box';
+import Paper from '@mui/material/Paper';
+import TablePagination from '@mui/material/TablePagination';
+
+const TableFooterPagination = ({
+  count,
+  rowsPerPage,
+  page,
+  handleChangePage,
+  handleChangeRowsPerPage
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      component: Paper,
+      sx: {
+        display: "flex",
+        justifyContent: "flex-end",
+        padding: 1
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      TablePagination,
+      {
+        sx: {
+          "& .v5-MuiTablePagination-select:focus": {
+            backgroundColor: "transparent"
+          }
+        },
+        rowsPerPageOptions: [
+          { label: "Top 3", value: 3 },
+          { label: "Top 5", value: 5 },
+          { label: "Top 10", value: 10 },
+          { label: "Top 20", value: 20 }
+        ],
+        component: "div",
+        count,
+        rowsPerPage,
+        page,
+        onPageChange: handleChangePage,
+        onRowsPerPageChange: handleChangeRowsPerPage,
+        labelRowsPerPage: null,
+        labelDisplayedRows: () => null,
+        ActionsComponent: () => null,
+        slotProps: {
+          select: {
+            MenuProps: {
+              MenuListProps: {
+                autoFocusItem: false
+              },
+              PaperProps: {
+                sx: {
+                  width: 190,
+                  boxShadow: "0px 4px 10px rgba(0, 0, 0, 0.2)",
+                  borderRadius: 2,
+                  border: (theme) => `1px solid ${theme.palette.grey[300]}`,
+                  overflow: "hidden"
+                }
+              }
+            }
+          }
+        }
+      }
+    )
+  );
+};
+
+export { TableFooterPagination as default };
+//# sourceMappingURL=TableFooterPagination.esm.js.map

package/dist/components/CardFooter/TableFooterPagination.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFooterPagination.esm.js","sources":["../../../src/components/CardFooter/TableFooterPagination.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';\nimport Box from '@mui/material/Box';\nimport Paper from '@mui/material/Paper';\nimport TablePagination from '@mui/material/TablePagination';\n\ninterface TableFooterPaginationProps {\n  count: number;\n  rowsPerPage: number;\n  page: number;\n  handleChangePage: (\n    event: React.MouseEvent<HTMLButtonElement> | null,\n    newPage: number,\n  ) => void;\n  handleChangeRowsPerPage: (\n    event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => void;\n}\n\nconst TableFooterPagination: React.FC<TableFooterPaginationProps> = ({\n  count,\n  rowsPerPage,\n  page,\n  handleChangePage,\n  handleChangeRowsPerPage,\n}) => {\n  return (\n    <Box\n      component={Paper}\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-end',\n        padding: 1,\n      }}\n    >\n      <TablePagination\n        sx={{\n          '& .v5-MuiTablePagination-select:focus': {\n            backgroundColor: 'transparent',\n          },\n        }}\n        rowsPerPageOptions={[\n          { label: 'Top 3', value: 3 },\n          { label: 'Top 5', value: 5 },\n          { label: 'Top 10', value: 10 },\n          { label: 'Top 20', value: 20 },\n        ]}\n        component=\"div\"\n        count={count}\n        rowsPerPage={rowsPerPage}\n        page={page}\n        onPageChange={handleChangePage}\n        onRowsPerPageChange={handleChangeRowsPerPage}\n        labelRowsPerPage={null}\n        labelDisplayedRows={() => null}\n        ActionsComponent={() => null}\n        slotProps={{\n          select: {\n            MenuProps: {\n              MenuListProps: {\n                autoFocusItem: false,\n              },\n              PaperProps: {\n                sx: {\n                  width: 190,\n                  boxShadow: '0px 4px 10px rgba(0, 0, 0, 0.2)',\n                  borderRadius: 2,\n                  border: theme => `1px solid ${theme.palette.grey[300]}`,\n                  overflow: 'hidden',\n                },\n              },\n            },\n          },\n        }}\n      />\n    </Box>\n  );\n};\n\nexport default TableFooterPagination;\n"],"names":["React"],"mappings":";;;;;AAiCA,MAAM,wBAA8D,CAAC;AAAA,EACnE,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,KAAA;AAAA,MACX,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,cAAgB,EAAA,UAAA;AAAA,QAChB,OAAS,EAAA;AAAA;AACX,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,EAAI,EAAA;AAAA,UACF,uCAAyC,EAAA;AAAA,YACvC,eAAiB,EAAA;AAAA;AACnB,SACF;AAAA,QACA,kBAAoB,EAAA;AAAA,UAClB,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA,UAC3B,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA,UAC3B,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,EAAG,EAAA;AAAA,UAC7B,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,EAAG;AAAA,SAC/B;AAAA,QACA,SAAU,EAAA,KAAA;AAAA,QACV,KAAA;AAAA,QACA,WAAA;AAAA,QACA,IAAA;AAAA,QACA,YAAc,EAAA,gBAAA;AAAA,QACd,mBAAqB,EAAA,uBAAA;AAAA,QACrB,gBAAkB,EAAA,IAAA;AAAA,QAClB,oBAAoB,MAAM,IAAA;AAAA,QAC1B,kBAAkB,MAAM,IAAA;AAAA,QACxB,SAAW,EAAA;AAAA,UACT,MAAQ,EAAA;AAAA,YACN,SAAW,EAAA;AAAA,cACT,aAAe,EAAA;AAAA,gBACb,aAAe,EAAA;AAAA,eACjB;AAAA,cACA,UAAY,EAAA;AAAA,gBACV,EAAI,EAAA;AAAA,kBACF,KAAO,EAAA,GAAA;AAAA,kBACP,SAAW,EAAA,iCAAA;AAAA,kBACX,YAAc,EAAA,CAAA;AAAA,kBACd,QAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,kBACrD,QAAU,EAAA;AAAA;AACZ;AACF;AACF;AACF;AACF;AAAA;AACF,GACF;AAEJ;;;;"}

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

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

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

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

package/dist/components/CardWrapper/CardWrapper.esm.js

@@ -0,0 +1,42 @@
+import React__default from 'react';
+import Paper from '@mui/material/Paper';
+import Box from '@mui/material/Box';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/Typography';
+
+const CardWrapper = ({
+  children,
+  title,
+  filter
+}) => {
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      component: Paper,
+      sx: { border: (theme) => `1px solid ${theme.palette.grey[300]}` }
+    },
+    /* @__PURE__ */ React__default.createElement(Box, { sx: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ React__default.createElement(
+      Typography,
+      {
+        variant: "h5",
+        sx: {
+          p: 3,
+          display: "flex",
+          alignItems: "center",
+          fontWeight: "bold"
+        }
+      },
+      title
+    ), filter && /* @__PURE__ */ React__default.createElement(Box, null, filter)),
+    /* @__PURE__ */ React__default.createElement(
+      Divider,
+      {
+        sx: { border: (theme) => `1px solid ${theme.palette.grey[300]}` }
+      }
+    ),
+    /* @__PURE__ */ React__default.createElement(Box, null, children)
+  );
+};
+
+export { CardWrapper as default };
+//# sourceMappingURL=CardWrapper.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardWrapper.esm.js","sources":["../../../src/components/CardWrapper/CardWrapper.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 Box from '@mui/material/Box';\nimport Divider from '@mui/material/Divider';\nimport Typography from '@mui/material/Typography';\n\ninterface CardWrapperProps extends React.HTMLProps<HTMLDivElement> {\n  children: React.ReactNode;\n  title: string;\n  filter?: React.ReactNode;\n}\n\nconst CardWrapper: React.FC<CardWrapperProps> = ({\n  children,\n  title,\n  filter,\n}: CardWrapperProps) => {\n  return (\n    <Box\n      component={Paper}\n      sx={{ border: theme => `1px solid ${theme.palette.grey[300]}` }}\n    >\n      <Box sx={{ display: 'flex', justifyContent: 'space-between' }}>\n        <Typography\n          variant=\"h5\"\n          sx={{\n            p: 3,\n            display: 'flex',\n            alignItems: 'center',\n            fontWeight: 'bold',\n          }}\n        >\n          {title}\n        </Typography>\n\n        {filter && <Box>{filter}</Box>}\n      </Box>\n      <Divider\n        sx={{ border: theme => `1px solid ${theme.palette.grey[300]}` }}\n      />\n      <Box>{children}</Box>\n    </Box>\n  );\n};\n\nexport default CardWrapper;\n"],"names":["React"],"mappings":";;;;;;AA4BA,MAAM,cAA0C,CAAC;AAAA,EAC/C,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,KAAA;AAAA,MACX,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAG,CAAA;AAAA,KAAA;AAAA,oBAE9DA,cAAA,CAAA,aAAA,CAAC,OAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,cAAA,EAAgB,iBAC1C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,IAAA;AAAA,QACR,EAAI,EAAA;AAAA,UACF,CAAG,EAAA,CAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,UAAY,EAAA,QAAA;AAAA,UACZ,UAAY,EAAA;AAAA;AACd,OAAA;AAAA,MAEC;AAAA,KAGF,EAAA,MAAA,oBAAWA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAK,MAAO,CAC1B,CAAA;AAAA,oBACAA,cAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAG,CAAA;AAAA;AAAA,KAChE;AAAA,oBACAA,cAAA,CAAA,aAAA,CAAC,WAAK,QAAS;AAAA,GACjB;AAEJ;;;;"}

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

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

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

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

package/dist/components/CatalogEntities/CatalogEntities.esm.js

@@ -0,0 +1,158 @@
+import React__default from 'react';
+import Box from '@mui/material/Box';
+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 Link from '@mui/material/Link';
+import { entityRouteRef } from '@backstage/plugin-catalog-react';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import CardWrapper from '../CardWrapper/CardWrapper.esm.js';
+import { CATALOG_ENTITIES_TITLE, CATALOG_ENTITIES_TABLE_HEADERS } from '../../utils/constants.esm.js';
+import { useCatalogEntities } from '../../hooks/useCatalogEntities.esm.js';
+import TableFooterPagination from '../CardFooter/TableFooterPagination.esm.js';
+import { getUniqueCatalogEntityKinds, getLastUsedDay } from '../../utils/utils.esm.js';
+import FilterDropdown from './FilterDropdown.esm.js';
+import EmptyChartState from '../Common/EmptyChartState.esm.js';
+
+const CatalogEntities = () => {
+  const [page, setPage] = React__default.useState(0);
+  const [limit] = React__default.useState(20);
+  const [rowsPerPage, setRowsPerPage] = React__default.useState(3);
+  const [selectedOption, setSelectedOption] = React__default.useState("");
+  const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] = React__default.useState([]);
+  const entityLink = useRouteRef(entityRouteRef);
+  const { catalogEntities, loading } = useCatalogEntities({
+    limit,
+    kind: selectedOption === "All" ? "" : selectedOption.toLocaleLowerCase()
+  });
+  React__default.useEffect(() => {
+    if (catalogEntities?.data?.length > 0 && uniqueCatalogEntityKinds?.length === 0) {
+      const uniqueKinds = getUniqueCatalogEntityKinds(catalogEntities.data);
+      setUniqueCatalogEntityKinds(uniqueKinds);
+    }
+  }, [catalogEntities, uniqueCatalogEntityKinds]);
+  const handleChangePage = React__default.useCallback(
+    (_event, newPage) => {
+      setPage(newPage);
+    },
+    []
+  );
+  const handleChangeRowsPerPage = React__default.useCallback(
+    (event) => {
+      setRowsPerPage(+event.target.value);
+      setPage(0);
+    },
+    []
+  );
+  const handleChange = React__default.useCallback((event) => {
+    setSelectedOption(event.target.value);
+  }, []);
+  const visibleCatalogEntities = React__default.useMemo(() => {
+    return catalogEntities.data?.filter((entity) => {
+      if (selectedOption && selectedOption !== "All") {
+        return entity.kind.toLocaleLowerCase() === selectedOption.toLocaleLowerCase();
+      }
+      return true;
+    }).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
+  }, [catalogEntities, page, rowsPerPage, selectedOption]);
+  if ((!visibleCatalogEntities || visibleCatalogEntities?.length === 0) && !loading) {
+    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: CATALOG_ENTITIES_TITLE }, /* @__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: CATALOG_ENTITIES_TITLE,
+      filter: /* @__PURE__ */ React__default.createElement(
+        FilterDropdown,
+        {
+          selectedOption,
+          handleChange,
+          uniqueCatalogEntityKinds
+        }
+      )
+    },
+    /* @__PURE__ */ React__default.createElement(Table, { "aria-labelledby": "Catalog entities", sx: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(TableHead, null, /* @__PURE__ */ React__default.createElement(TableRow, null, CATALOG_ENTITIES_TABLE_HEADERS.map((header) => /* @__PURE__ */ React__default.createElement(
+      TableCell,
+      {
+        key: header.id,
+        align: "left",
+        sx: {
+          borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`,
+          width: "25%"
+        }
+      },
+      header.title
+    )))), /* @__PURE__ */ React__default.createElement(TableBody, null, loading ? /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(
+      TableCell,
+      {
+        colSpan: CATALOG_ENTITIES_TABLE_HEADERS.length,
+        align: "center"
+      },
+      /* @__PURE__ */ React__default.createElement(CircularProgress, null)
+    )) : visibleCatalogEntities?.map((entity) => /* @__PURE__ */ React__default.createElement(
+      TableRow,
+      {
+        key: `${entity.kind}-${entity.name}`,
+        sx: {
+          "&:nth-of-type(odd)": { backgroundColor: "inherit" },
+          borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "25%" } }, /* @__PURE__ */ React__default.createElement(
+        Link,
+        {
+          component: "a",
+          href: entityLink({
+            kind: entity.kind,
+            namespace: entity.namespace,
+            name: entity.name
+          }),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          sx: {
+            textDecoration: "none",
+            "&:hover": {
+              textDecoration: "none"
+            }
+          }
+        },
+        entity.name ?? "--"
+      )),
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "25%" } }, entity.kind?.charAt(0).toLocaleUpperCase("en-US") + entity.kind?.slice(1) || "--"),
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "25%" } }, getLastUsedDay(entity.last_used) ?? "--"),
+      /* @__PURE__ */ React__default.createElement(TableCell, { sx: { width: "25%" } }, Number(entity.count).toLocaleString() ?? "--")
+    ))), /* @__PURE__ */ React__default.createElement(TableFooter, null, /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(
+      TableCell,
+      {
+        colSpan: CATALOG_ENTITIES_TABLE_HEADERS.length,
+        sx: { padding: 0 }
+      },
+      /* @__PURE__ */ React__default.createElement(
+        TableFooterPagination,
+        {
+          count: catalogEntities.data?.length,
+          rowsPerPage,
+          page,
+          handleChangePage,
+          handleChangeRowsPerPage
+        }
+      )
+    ))))
+  );
+};
+
+export { CatalogEntities as default };
+//# sourceMappingURL=CatalogEntities.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogEntities.esm.js","sources":["../../../src/components/CatalogEntities/CatalogEntities.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 { SelectChangeEvent } from '@mui/material/Select';\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 Link from '@mui/material/Link';\nimport { entityRouteRef } from '@backstage/plugin-catalog-react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\n\nimport CardWrapper from '../CardWrapper';\nimport {\n  CATALOG_ENTITIES_TABLE_HEADERS,\n  CATALOG_ENTITIES_TITLE,\n} from '../../utils/constants';\nimport { useCatalogEntities } from '../../hooks/useCatalogEntities';\nimport TableFooterPagination from '../CardFooter';\nimport { getLastUsedDay, getUniqueCatalogEntityKinds } from '../../utils/utils';\nimport FilterDropdown from './FilterDropdown';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst CatalogEntities = () => {\n  const [page, setPage] = React.useState(0);\n  const [limit] = React.useState(20);\n  const [rowsPerPage, setRowsPerPage] = React.useState(3);\n  const [selectedOption, setSelectedOption] = React.useState('');\n  const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] =\n    React.useState<string[]>([]);\n\n  const entityLink = useRouteRef(entityRouteRef);\n\n  const { catalogEntities, loading } = useCatalogEntities({\n    limit,\n    kind: selectedOption === 'All' ? '' : selectedOption.toLocaleLowerCase(),\n  });\n\n  React.useEffect(() => {\n    if (\n      catalogEntities?.data?.length > 0 &&\n      uniqueCatalogEntityKinds?.length === 0\n    ) {\n      const uniqueKinds = getUniqueCatalogEntityKinds(catalogEntities.data);\n      setUniqueCatalogEntityKinds(uniqueKinds);\n    }\n  }, [catalogEntities, uniqueCatalogEntityKinds]);\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 handleChange = React.useCallback((event: SelectChangeEvent<string>) => {\n    setSelectedOption(event.target.value);\n  }, []);\n\n  const visibleCatalogEntities = React.useMemo(() => {\n    return catalogEntities.data\n      ?.filter(entity => {\n        if (selectedOption && selectedOption !== 'All') {\n          return (\n            entity.kind.toLocaleLowerCase() ===\n            selectedOption.toLocaleLowerCase()\n          );\n        }\n        return true;\n      })\n      .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n  }, [catalogEntities, page, rowsPerPage, selectedOption]);\n\n  if (\n    (!visibleCatalogEntities || visibleCatalogEntities?.length === 0) &&\n    !loading\n  ) {\n    return (\n      <CardWrapper title={CATALOG_ENTITIES_TITLE}>\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={CATALOG_ENTITIES_TITLE}\n      filter={\n        <FilterDropdown\n          selectedOption={selectedOption}\n          handleChange={handleChange}\n          uniqueCatalogEntityKinds={uniqueCatalogEntityKinds}\n        />\n      }\n    >\n      <Table aria-labelledby=\"Catalog entities\" sx={{ width: '100%' }}>\n        <TableHead>\n          <TableRow>\n            {CATALOG_ENTITIES_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                  width: '25%',\n                }}\n              >\n                {header.title}\n              </TableCell>\n            ))}\n          </TableRow>\n        </TableHead>\n        <TableBody>\n          {loading ? (\n            <TableRow>\n              <TableCell\n                colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n                align=\"center\"\n              >\n                <CircularProgress />\n              </TableCell>\n            </TableRow>\n          ) : (\n            visibleCatalogEntities?.map(entity => (\n              <TableRow\n                key={`${entity.kind}-${entity.name}`}\n                sx={{\n                  '&:nth-of-type(odd)': { backgroundColor: 'inherit' },\n                  borderBottom: theme => `1px solid ${theme.palette.grey[300]}`,\n                }}\n              >\n                <TableCell sx={{ width: '25%' }}>\n                  <Link\n                    component=\"a\"\n                    href={entityLink({\n                      kind: entity.kind,\n                      namespace: entity.namespace,\n                      name: entity.name,\n                    })}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    sx={{\n                      textDecoration: 'none',\n                      '&:hover': {\n                        textDecoration: 'none',\n                      },\n                    }}\n                  >\n                    {entity.name ?? '--'}\n                  </Link>\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {entity.kind?.charAt(0).toLocaleUpperCase('en-US') +\n                    entity.kind?.slice(1) || '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {getLastUsedDay(entity.last_used) ?? '--'}\n                </TableCell>\n                <TableCell sx={{ width: '25%' }}>\n                  {Number(entity.count).toLocaleString() ?? '--'}\n                </TableCell>\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n        <TableFooter>\n          <TableRow>\n            <TableCell\n              colSpan={CATALOG_ENTITIES_TABLE_HEADERS.length}\n              sx={{ padding: 0 }}\n            >\n              <TableFooterPagination\n                count={catalogEntities.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 CatalogEntities;\n"],"names":["React"],"mappings":"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"}

package/dist/components/CatalogEntities/FilterDropdown.esm.js

@@ -0,0 +1,33 @@
+import React__default from 'react';
+import Box from '@mui/material/Box';
+import FormControl from '@mui/material/FormControl';
+import InputLabel from '@mui/material/InputLabel';
+import MenuItem from '@mui/material/MenuItem';
+import Select from '@mui/material/Select';
+
+const FilterDropdown = ({
+  selectedOption,
+  handleChange,
+  uniqueCatalogEntityKinds
+}) => {
+  return /* @__PURE__ */ React__default.createElement(Box, { sx: { m: 2, minWidth: 160 } }, /* @__PURE__ */ React__default.createElement(FormControl, { fullWidth: true }, /* @__PURE__ */ React__default.createElement(InputLabel, { id: "kind-select" }, "Select kind"), /* @__PURE__ */ React__default.createElement(
+    Select,
+    {
+      labelId: "kind-select",
+      renderValue: (selected) => selected.length === 0 ? "Select kind" : selected,
+      value: selectedOption,
+      onChange: handleChange,
+      label: "Select kind",
+      MenuProps: {
+        MenuListProps: {
+          autoFocusItem: false
+        }
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(MenuItem, { key: "All", value: "All" }, "All"),
+    uniqueCatalogEntityKinds?.map((kind) => /* @__PURE__ */ React__default.createElement(MenuItem, { key: kind, value: kind }, kind))
+  )));
+};
+
+export { FilterDropdown as default };
+//# sourceMappingURL=FilterDropdown.esm.js.map

package/dist/components/CatalogEntities/FilterDropdown.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDropdown.esm.js","sources":["../../../src/components/CatalogEntities/FilterDropdown.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 FormControl from '@mui/material/FormControl';\nimport InputLabel from '@mui/material/InputLabel';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select, { SelectChangeEvent } from '@mui/material/Select';\n\nconst FilterDropdown = ({\n  selectedOption,\n  handleChange,\n  uniqueCatalogEntityKinds,\n}: {\n  selectedOption: string;\n  handleChange: (event: SelectChangeEvent<string>) => void;\n  uniqueCatalogEntityKinds: string[];\n}) => {\n  return (\n    <Box sx={{ m: 2, minWidth: 160 }}>\n      <FormControl fullWidth>\n        <InputLabel id=\"kind-select\">Select kind</InputLabel>\n        <Select\n          labelId=\"kind-select\"\n          renderValue={(selected: string) =>\n            selected.length === 0 ? 'Select kind' : selected\n          }\n          value={selectedOption}\n          onChange={handleChange}\n          label=\"Select kind\"\n          MenuProps={{\n            MenuListProps: {\n              autoFocusItem: false,\n            },\n          }}\n        >\n          <MenuItem key=\"All\" value=\"All\">\n            All\n          </MenuItem>\n          {uniqueCatalogEntityKinds?.map(kind => (\n            <MenuItem key={kind} value={kind}>\n              {kind}\n            </MenuItem>\n          ))}\n        </Select>\n      </FormControl>\n    </Box>\n  );\n};\n\nexport default FilterDropdown;\n"],"names":["React"],"mappings":";;;;;;;AAuBA,MAAM,iBAAiB,CAAC;AAAA,EACtB,cAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAA,oDACG,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,CAAG,EAAA,CAAA,EAAG,UAAU,GAAI,EAAA,EAAA,kBAC5BA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,WAAS,IACpB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,EAAG,EAAA,aAAA,EAAA,EAAc,aAAW,CACxC,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,aAAA;AAAA,MACR,aAAa,CAAC,QAAA,KACZ,QAAS,CAAA,MAAA,KAAW,IAAI,aAAgB,GAAA,QAAA;AAAA,MAE1C,KAAO,EAAA,cAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,KAAM,EAAA,aAAA;AAAA,MACN,SAAW,EAAA;AAAA,QACT,aAAe,EAAA;AAAA,UACb,aAAe,EAAA;AAAA;AACjB;AACF,KAAA;AAAA,iDAEC,QAAS,EAAA,EAAA,GAAA,EAAI,KAAM,EAAA,KAAA,EAAM,SAAM,KAEhC,CAAA;AAAA,IACC,wBAAA,EAA0B,GAAI,CAAA,CAAA,IAAA,qBAC5BA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAK,IAAM,EAAA,KAAA,EAAO,IACzB,EAAA,EAAA,IACH,CACD;AAAA,GAEL,CACF,CAAA;AAEJ;;;;"}

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

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

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

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

package/dist/components/Common/CustomCursor.esm.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const CustomCursor = (props) => {
+  const { points, cursorHeight = 250 } = props;
+  if (!points || points.length === 0) return null;
+  return /* @__PURE__ */ React__default.createElement(
+    "line",
+    {
+      "data-testid": "custom-cursor-line",
+      x1: points[0].x,
+      y1: 10,
+      x2: points[0].x,
+      y2: cursorHeight,
+      stroke: "gray",
+      strokeWidth: 1,
+      strokeDasharray: "3 3"
+    }
+  );
+};
+
+export { CustomCursor as default };
+//# sourceMappingURL=CustomCursor.esm.js.map

package/dist/components/Common/CustomCursor.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomCursor.esm.js","sources":["../../../src/components/Common/CustomCursor.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\nconst CustomCursor = (props: any) => {\n  const { points, cursorHeight = 250 } = props;\n  if (!points || points.length === 0) return null;\n\n  return (\n    <line\n      data-testid=\"custom-cursor-line\"\n      x1={points[0].x}\n      y1={10}\n      x2={points[0].x}\n      y2={cursorHeight}\n      stroke=\"gray\"\n      strokeWidth={1}\n      strokeDasharray=\"3 3\"\n    />\n  );\n};\n\nexport default CustomCursor;\n"],"names":["React"],"mappings":";;AAiBM,MAAA,YAAA,GAAe,CAAC,KAAe,KAAA;AACnC,EAAA,MAAM,EAAE,MAAA,EAAQ,YAAe,GAAA,GAAA,EAAQ,GAAA,KAAA;AACvC,EAAA,IAAI,CAAC,MAAA,IAAU,MAAO,CAAA,MAAA,KAAW,GAAU,OAAA,IAAA;AAE3C,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,aAAY,EAAA,oBAAA;AAAA,MACZ,EAAA,EAAI,MAAO,CAAA,CAAC,CAAE,CAAA,CAAA;AAAA,MACd,EAAI,EAAA,EAAA;AAAA,MACJ,EAAA,EAAI,MAAO,CAAA,CAAC,CAAE,CAAA,CAAA;AAAA,MACd,EAAI,EAAA,YAAA;AAAA,MACJ,MAAO,EAAA,MAAA;AAAA,MACP,WAAa,EAAA,CAAA;AAAA,MACb,eAAgB,EAAA;AAAA;AAAA,GAClB;AAEJ;;;;"}

package/dist/components/Common/EmptyChartState.esm.js

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import Typography from '@mui/material/Typography';
+
+const EmptyChartState = () => {
+  return /* @__PURE__ */ React__default.createElement(Typography, null, "No results for this date range.");
+};
+
+export { EmptyChartState as default };
+//# sourceMappingURL=EmptyChartState.esm.js.map

package/dist/components/Common/EmptyChartState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyChartState.esm.js","sources":["../../../src/components/Common/EmptyChartState.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';\nimport Typography from '@mui/material/Typography';\n\nconst EmptyChartState = () => {\n  return <Typography>No results for this date range.</Typography>;\n};\n\nexport default EmptyChartState;\n"],"names":["React"],"mappings":";;;AAkBA,MAAM,kBAAkB,MAAM;AAC5B,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAW,iCAA+B,CAAA;AACpD;;;;"}

package/dist/components/Common/PermissionRequiredIcon.esm.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import permissionRequired from '../../images/permission-required.svg';
+
+const PermissionRequiredIcon = () => {
+  return /* @__PURE__ */ React.createElement("img", { src: permissionRequired, alt: "permission required icon" });
+};
+
+export { PermissionRequiredIcon };
+//# sourceMappingURL=PermissionRequiredIcon.esm.js.map

package/dist/components/Common/PermissionRequiredIcon.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionRequiredIcon.esm.js","sources":["../../../src/components/Common/PermissionRequiredIcon.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 * as React from 'react';\n\nimport permissionRequired from '../../images/permission-required.svg';\n\nexport const PermissionRequiredIcon = () => {\n  return <img src={permissionRequired as any} alt=\"permission required icon\" />;\n};\n"],"names":[],"mappings":";;;AAmBO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,GAAK,EAAA,kBAAA,EAA2B,KAAI,0BAA2B,EAAA,CAAA;AAC7E;;;;"}

package/dist/components/Common/PermissionRequiredState.esm.js

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import { EmptyState } from '@backstage/core-components';
+import OpenInNewIcon from '@mui/icons-material/OpenInNew';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
+import Button from '@mui/material/Button';
+import { PermissionRequiredIcon } from './PermissionRequiredIcon.esm.js';
+
+const PermissionRequiredState = () => {
+  return /* @__PURE__ */ React__default.createElement(
+    Box,
+    {
+      sx: {
+        display: "flex",
+        height: "100%",
+        alignItems: "center",
+        padding: "100px"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      EmptyState,
+      {
+        title: "Missing permissions",
+        description: /* @__PURE__ */ React__default.createElement(Typography, { variant: "subtitle1", component: "span" }, "To view Adoption Insights plugin, contact your administrator to give the ", /* @__PURE__ */ React__default.createElement("b", null, "adoption-insights.events.read"), " permissions."),
+        missing: { customImage: /* @__PURE__ */ React__default.createElement(PermissionRequiredIcon, null) },
+        action: /* @__PURE__ */ React__default.createElement(
+          Button,
+          {
+            variant: "outlined",
+            color: "primary",
+            target: "_blank",
+            href: "https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/adoption-insights/plugins/adoption-insights/README.md#permission-framework-support"
+          },
+          "Read more \xA0 ",
+          /* @__PURE__ */ React__default.createElement(OpenInNewIcon, null)
+        )
+      }
+    )
+  );
+};
+
+export { PermissionRequiredState as default };
+//# sourceMappingURL=PermissionRequiredState.esm.js.map

package/dist/components/Common/PermissionRequiredState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PermissionRequiredState.esm.js","sources":["../../../src/components/Common/PermissionRequiredState.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 { EmptyState } from '@backstage/core-components';\nimport OpenInNewIcon from '@mui/icons-material/OpenInNew';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport Button from '@mui/material/Button';\n\nimport { PermissionRequiredIcon } from './PermissionRequiredIcon';\n\nconst PermissionRequiredState = () => {\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        height: '100%',\n        alignItems: 'center',\n        padding: '100px',\n      }}\n    >\n      <EmptyState\n        title=\"Missing permissions\"\n        description={\n          <Typography variant=\"subtitle1\" component=\"span\">\n            To view Adoption Insights plugin, contact your administrator to give\n            the <b>adoption-insights.events.read</b> permissions.\n          </Typography>\n        }\n        missing={{ customImage: <PermissionRequiredIcon /> }}\n        action={\n          <Button\n            variant=\"outlined\"\n            color=\"primary\"\n            target=\"_blank\"\n            href=\"https://github.com/redhat-developer/rhdh-plugins/blob/main/workspaces/adoption-insights/plugins/adoption-insights/README.md#permission-framework-support\"\n          >\n            Read more &nbsp; <OpenInNewIcon />\n          </Button>\n        }\n      />\n    </Box>\n  );\n};\n\nexport default PermissionRequiredState;\n"],"names":["React"],"mappings":";;;;;;;;AAyBA,MAAM,0BAA0B,MAAM;AACpC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,OAAS,EAAA,MAAA;AAAA,QACT,MAAQ,EAAA,MAAA;AAAA,QACR,UAAY,EAAA,QAAA;AAAA,QACZ,OAAS,EAAA;AAAA;AACX,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,qBAAA;AAAA,QACN,WACE,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,WAAY,EAAA,SAAA,EAAU,MAAO,EAAA,EAAA,2EAAA,kBAE1CA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAE,+BAA6B,CAAA,EAAI,eAC1C,CAAA;AAAA,QAEF,OAAS,EAAA,EAAE,WAAa,kBAAAA,cAAA,CAAA,aAAA,CAAC,4BAAuB,CAAG,EAAA;AAAA,QACnD,MACE,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,UAAA;AAAA,YACR,KAAM,EAAA,SAAA;AAAA,YACN,MAAO,EAAA,QAAA;AAAA,YACP,IAAK,EAAA;AAAA,WAAA;AAAA,UACN,iBAAA;AAAA,uDACmB,aAAc,EAAA,IAAA;AAAA;AAClC;AAAA;AAEJ,GACF;AAEJ;;;;"}

package/dist/components/Header/DateRangeContext.esm.js

@@ -0,0 +1,34 @@
+import React__default, { createContext, useContext } from 'react';
+
+const DateRangeContext = createContext(
+  void 0
+);
+const DateRangeProvider = ({
+  children
+}) => {
+  const [startDateRange, setStartDateRange] = React__default.useState(null);
+  const [endDateRange, setEndDateRange] = React__default.useState(null);
+  const [isDefaultDateRange, setIsDefaultDateRange] = React__default.useState(true);
+  const value = React__default.useMemo(
+    () => ({
+      startDateRange,
+      endDateRange,
+      isDefaultDateRange,
+      setStartDateRange,
+      setEndDateRange,
+      setIsDefaultDateRange
+    }),
+    [startDateRange, endDateRange, isDefaultDateRange]
+  );
+  return /* @__PURE__ */ React__default.createElement(DateRangeContext.Provider, { value }, children);
+};
+const useDateRange = () => {
+  const context = useContext(DateRangeContext);
+  if (!context) {
+    throw new Error("useDateRange must be used within a DateRangeProvider");
+  }
+  return context;
+};
+
+export { DateRangeContext, DateRangeProvider, useDateRange };
+//# sourceMappingURL=DateRangeContext.esm.js.map

package/dist/components/Header/DateRangeContext.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeContext.esm.js","sources":["../../../src/components/Header/DateRangeContext.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, { createContext, useContext } from 'react';\n\ninterface DateRange {\n  startDateRange: Date | null;\n  endDateRange: Date | null;\n  setStartDateRange: (date: Date | null) => void;\n  setEndDateRange: (date: Date | null) => void;\n  isDefaultDateRange: boolean;\n  setIsDefaultDateRange: (val: boolean) => void;\n}\n\nexport const DateRangeContext = createContext<DateRange | undefined>(\n  undefined as any,\n);\n\nexport const DateRangeProvider: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [startDateRange, setStartDateRange] = React.useState<Date | null>(null);\n  const [endDateRange, setEndDateRange] = React.useState<Date | null>(null);\n  const [isDefaultDateRange, setIsDefaultDateRange] =\n    React.useState<boolean>(true);\n\n  const value = React.useMemo(\n    () => ({\n      startDateRange,\n      endDateRange,\n      isDefaultDateRange,\n      setStartDateRange,\n      setEndDateRange,\n      setIsDefaultDateRange,\n    }),\n    [startDateRange, endDateRange, isDefaultDateRange],\n  );\n\n  return (\n    <DateRangeContext.Provider value={value}>\n      {children}\n    </DateRangeContext.Provider>\n  );\n};\n\nexport const useDateRange = () => {\n  const context = useContext(DateRangeContext);\n  if (!context) {\n    throw new Error('useDateRange must be used within a DateRangeProvider');\n  }\n\n  return context;\n};\n"],"names":["React"],"mappings":";;AA0BO,MAAM,gBAAmB,GAAA,aAAA;AAAA,EAC9B;AACF;AAEO,MAAM,oBAA6D,CAAC;AAAA,EACzE;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA,CAAM,SAAsB,IAAI,CAAA;AAC5E,EAAA,MAAM,CAAC,YAAc,EAAA,eAAe,CAAI,GAAAA,cAAA,CAAM,SAAsB,IAAI,CAAA;AACxE,EAAA,MAAM,CAAC,kBAAoB,EAAA,qBAAqB,CAC9C,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAE9B,EAAA,MAAM,QAAQA,cAAM,CAAA,OAAA;AAAA,IAClB,OAAO;AAAA,MACL,cAAA;AAAA,MACA,YAAA;AAAA,MACA,kBAAA;AAAA,MACA,iBAAA;AAAA,MACA,eAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,cAAgB,EAAA,YAAA,EAAc,kBAAkB;AAAA,GACnD;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,gBAAA,CAAiB,QAAjB,EAAA,EAA0B,SACxB,QACH,CAAA;AAEJ;AAEO,MAAM,eAAe,MAAM;AAChC,EAAM,MAAA,OAAA,GAAU,WAAW,gBAAgB,CAAA;AAC3C,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAM,MAAA,IAAI,MAAM,sDAAsD,CAAA;AAAA;AAGxE,EAAO,OAAA,OAAA;AACT;;;;"}