@red-hat-developer-hub/backstage-plugin-adoption-insights 0.0.4 → 0.2.0

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useRef } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import Button from '@mui/material/Button';
 import FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';
@@ -9,11 +10,11 @@ import { adoptionInsightsApiRef } from '../../api/index.esm.js';
 import { useDateRange } from '../Header/DateRangeContext.esm.js';
 
 const ExportCSVButton = () => {
-  const [loading, setLoading] = React__default.useState(false);
+  const [loading, setLoading] = useState(false);
   const api = useApi(adoptionInsightsApiRef);
   const { startDateRange, endDateRange } = useDateRange();
   const theme = useTheme();
-  const debounceRef = React__default.useRef(null);
+  const debounceRef = useRef(null);
   const handleCSVDownload = async () => {
     try {
       await api.downloadBlob({
@@ -37,7 +38,7 @@ const ExportCSVButton = () => {
       handleCSVDownload();
     }, 500);
   };
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Box,
     {
       sx: {
@@ -46,28 +47,28 @@ const ExportCSVButton = () => {
         display: "flex",
         alignItems: "center",
         justifyContent: "center"
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        variant: "text",
-        startIcon: /* @__PURE__ */ React__default.createElement(FileDownloadOutlinedIcon, null),
-        onClick: debouncedHandleCSVDownload,
-        sx: {
-          color: theme.palette.primary.main,
-          textTransform: "none",
-          fontSize: "1rem",
-          fontWeight: 400,
-          textDecoration: "none",
-          "&:hover": {
-            backgroundColor: "transparent",
-            textDecoration: "none"
-          }
-        }
       },
-      loading ? "Downloading..." : "Export CSV"
-    )
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          startIcon: /* @__PURE__ */ jsx(FileDownloadOutlinedIcon, {}),
+          onClick: debouncedHandleCSVDownload,
+          sx: {
+            color: theme.palette.primary.main,
+            textTransform: "none",
+            fontSize: "1rem",
+            fontWeight: 400,
+            textDecoration: "none",
+            "&:hover": {
+              backgroundColor: "transparent",
+              textDecoration: "none"
+            }
+          },
+          children: loading ? "Downloading..." : "Export CSV"
+        }
+      )
+    }
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"ExportCSVButton.esm.js","sources":["../../../src/components/ActiveUsers/ExportCSVButton.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 { useApi } from '@backstage/core-plugin-api';\nimport Button from '@mui/material/Button';\nimport FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../../api';\nimport { useDateRange } from '../Header/DateRangeContext';\n\nconst ExportCSVButton = () => {\n  const [loading, setLoading] = React.useState(false);\n  const api = useApi(adoptionInsightsApiRef);\n  const { startDateRange, endDateRange } = useDateRange();\n  const theme = useTheme();\n  const debounceRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const handleCSVDownload = async () => {\n    try {\n      await api.downloadBlob({\n        type: 'active_users',\n        start_date: startDateRange\n          ? format(startDateRange, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        format: 'csv',\n      });\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('CSV Download failed:', error);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const debouncedHandleCSVDownload = () => {\n    setLoading(true);\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n    }\n    debounceRef.current = setTimeout(() => {\n      handleCSVDownload();\n    }, 500);\n  };\n\n  return (\n    <Box\n      sx={{\n        height: '100%',\n        minWidth: 160,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <Button\n        variant=\"text\"\n        startIcon={<FileDownloadOutlinedIcon />}\n        onClick={debouncedHandleCSVDownload}\n        sx={{\n          color: theme.palette.primary.main,\n          textTransform: 'none',\n          fontSize: '1rem',\n          fontWeight: 400,\n          textDecoration: 'none',\n          '&:hover': {\n            backgroundColor: 'transparent',\n            textDecoration: 'none',\n          },\n        }}\n      >\n        {loading ? 'Downloading...' : 'Export CSV'}\n      </Button>\n    </Box>\n  );\n};\n\nexport default ExportCSVButton;\n"],"names":["React"],"mappings":";;;;;;;;;;AA2BA,MAAM,kBAAkB,MAAM;AAC5B,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA;AAClD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AACzC,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,MAAA,CAA8B,IAAI,CAAA;AAE5D,EAAA,MAAM,oBAAoB,YAAY;AACpC,IAAI,IAAA;AACF,MAAA,MAAM,IAAI,YAAa,CAAA;AAAA,QACrB,IAAM,EAAA,cAAA;AAAA,QACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,KAAA,CAAA;AAAA,QACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,KAAA,CAAA;AAAA,QAC9D,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,aACM,KAAO,EAAA;AAEd,MAAQ,OAAA,CAAA,KAAA,CAAM,wBAAwB,KAAK,CAAA;AAAA,KAC3C,SAAA;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF;AAEA,EAAA,MAAM,6BAA6B,MAAM;AACvC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI,YAAY,OAAS,EAAA;AACvB,MAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAAA;AAElC,IAAY,WAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACrC,MAAkB,iBAAA,EAAA;AAAA,OACjB,GAAG,CAAA;AAAA,GACR;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,MAAQ,EAAA,MAAA;AAAA,QACR,QAAU,EAAA,GAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,cAAgB,EAAA;AAAA;AAClB,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,SAAA,+CAAY,wBAAyB,EAAA,IAAA,CAAA;AAAA,QACrC,OAAS,EAAA,0BAAA;AAAA,QACT,EAAI,EAAA;AAAA,UACF,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,UAC7B,aAAe,EAAA,MAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,UACV,UAAY,EAAA,GAAA;AAAA,UACZ,cAAgB,EAAA,MAAA;AAAA,UAChB,SAAW,EAAA;AAAA,YACT,eAAiB,EAAA,aAAA;AAAA,YACjB,cAAgB,EAAA;AAAA;AAClB;AACF,OAAA;AAAA,MAEC,UAAU,gBAAmB,GAAA;AAAA;AAChC,GACF;AAEJ;;;;"}
+{"version":3,"file":"ExportCSVButton.esm.js","sources":["../../../src/components/ActiveUsers/ExportCSVButton.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 { useRef, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport Button from '@mui/material/Button';\nimport FileDownloadOutlinedIcon from '@mui/icons-material/FileDownloadOutlined';\nimport Box from '@mui/material/Box';\nimport { useTheme } from '@mui/material/styles';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../../api';\nimport { useDateRange } from '../Header/DateRangeContext';\n\nconst ExportCSVButton = () => {\n  const [loading, setLoading] = useState(false);\n  const api = useApi(adoptionInsightsApiRef);\n  const { startDateRange, endDateRange } = useDateRange();\n  const theme = useTheme();\n  const debounceRef = useRef<NodeJS.Timeout | null>(null);\n\n  const handleCSVDownload = async () => {\n    try {\n      await api.downloadBlob({\n        type: 'active_users',\n        start_date: startDateRange\n          ? format(startDateRange, 'yyyy-MM-dd')\n          : undefined,\n        end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n        format: 'csv',\n      });\n    } catch (error) {\n      // eslint-disable-next-line no-console\n      console.error('CSV Download failed:', error);\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  const debouncedHandleCSVDownload = () => {\n    setLoading(true);\n    if (debounceRef.current) {\n      clearTimeout(debounceRef.current);\n    }\n    debounceRef.current = setTimeout(() => {\n      handleCSVDownload();\n    }, 500);\n  };\n\n  return (\n    <Box\n      sx={{\n        height: '100%',\n        minWidth: 160,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n      }}\n    >\n      <Button\n        variant=\"text\"\n        startIcon={<FileDownloadOutlinedIcon />}\n        onClick={debouncedHandleCSVDownload}\n        sx={{\n          color: theme.palette.primary.main,\n          textTransform: 'none',\n          fontSize: '1rem',\n          fontWeight: 400,\n          textDecoration: 'none',\n          '&:hover': {\n            backgroundColor: 'transparent',\n            textDecoration: 'none',\n          },\n        }}\n      >\n        {loading ? 'Downloading...' : 'Export CSV'}\n      </Button>\n    </Box>\n  );\n};\n\nexport default ExportCSVButton;\n"],"names":[],"mappings":";;;;;;;;;;;AA2BA,MAAM,kBAAkB,MAAM;AAC5B,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AACzC,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAA,MAAM,QAAQ,QAAS,EAAA;AACvB,EAAM,MAAA,WAAA,GAAc,OAA8B,IAAI,CAAA;AAEtD,EAAA,MAAM,oBAAoB,YAAY;AACpC,IAAI,IAAA;AACF,MAAA,MAAM,IAAI,YAAa,CAAA;AAAA,QACrB,IAAM,EAAA,cAAA;AAAA,QACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,KAAA,CAAA;AAAA,QACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,KAAA,CAAA;AAAA,QAC9D,MAAQ,EAAA;AAAA,OACT,CAAA;AAAA,aACM,KAAO,EAAA;AAEd,MAAQ,OAAA,CAAA,KAAA,CAAM,wBAAwB,KAAK,CAAA;AAAA,KAC3C,SAAA;AACA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF;AAEA,EAAA,MAAM,6BAA6B,MAAM;AACvC,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,IAAI,YAAY,OAAS,EAAA;AACvB,MAAA,YAAA,CAAa,YAAY,OAAO,CAAA;AAAA;AAElC,IAAY,WAAA,CAAA,OAAA,GAAU,WAAW,MAAM;AACrC,MAAkB,iBAAA,EAAA;AAAA,OACjB,GAAG,CAAA;AAAA,GACR;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,EAAI,EAAA;AAAA,QACF,MAAQ,EAAA,MAAA;AAAA,QACR,QAAU,EAAA,GAAA;AAAA,QACV,OAAS,EAAA,MAAA;AAAA,QACT,UAAY,EAAA,QAAA;AAAA,QACZ,cAAgB,EAAA;AAAA,OAClB;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,MAAA;AAAA,UACR,SAAA,sBAAY,wBAAyB,EAAA,EAAA,CAAA;AAAA,UACrC,OAAS,EAAA,0BAAA;AAAA,UACT,EAAI,EAAA;AAAA,YACF,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,OAAQ,CAAA,IAAA;AAAA,YAC7B,aAAe,EAAA,MAAA;AAAA,YACf,QAAU,EAAA,MAAA;AAAA,YACV,UAAY,EAAA,GAAA;AAAA,YACZ,cAAgB,EAAA,MAAA;AAAA,YAChB,SAAW,EAAA;AAAA,cACT,eAAiB,EAAA,aAAA;AAAA,cACjB,cAAgB,EAAA;AAAA;AAClB,WACF;AAAA,UAEC,oBAAU,gBAAmB,GAAA;AAAA;AAAA;AAChC;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Page, Content } from '@backstage/core-components';
 import Masonry from '@mui/lab/Masonry';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -22,7 +22,18 @@ const AdoptionInsightsPage = () => {
   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)))));
+  return /* @__PURE__ */ jsx(Page, { themeId: "home", children: !hasEventsReadPermission ? /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(PermissionRequiredState, {}) }) : /* @__PURE__ */ jsxs(DateRangeProvider, { children: [
+    /* @__PURE__ */ jsx(InsightsHeader, { title: "Adoption Insights" }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsxs(Masonry, { columns: isSmallScreen ? 1 : 2, spacing: 2, children: [
+      /* @__PURE__ */ jsx(ActiveUsers, {}),
+      /* @__PURE__ */ jsx(Users, {}),
+      /* @__PURE__ */ jsx(Templates, {}),
+      /* @__PURE__ */ jsx(CatalogEntities, {}),
+      /* @__PURE__ */ jsx(Plugins, {}),
+      /* @__PURE__ */ jsx(Techdocs, {}),
+      /* @__PURE__ */ jsx(Searches, {})
+    ] }) })
+  ] }) });
 };
 
 export { AdoptionInsightsPage };

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

@@ -1 +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;;;;"}
+{"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 { 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":[],"mappings":";;;;;;;;;;;;;;;;;AAgCO,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,EAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EACX,QAAC,EAAA,CAAA,uBAAA,mBACC,GAAA,CAAA,OAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,uBAAA,EAAA,EAAwB,CAC3B,EAAA,CAAA,wBAEC,iBACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,OAAM,mBAAoB,EAAA,CAAA;AAAA,oBAC1C,GAAA,CAAC,WACC,QAAC,kBAAA,IAAA,CAAA,OAAA,EAAA,EAAQ,SAAS,aAAgB,GAAA,CAAA,GAAI,CAAG,EAAA,OAAA,EAAS,CAChD,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,CAAA;AAAA,0BACZ,KAAM,EAAA,EAAA,CAAA;AAAA,0BACN,SAAU,EAAA,EAAA,CAAA;AAAA,0BACV,eAAgB,EAAA,EAAA,CAAA;AAAA,0BAChB,OAAQ,EAAA,EAAA,CAAA;AAAA,0BACR,QAAS,EAAA,EAAA,CAAA;AAAA,0BACT,QAAS,EAAA,EAAA;AAAA,KAAA,EACZ,CACF,EAAA;AAAA,GAAA,EACF,CAEJ,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import Box from '@mui/material/Box';
 import Paper from '@mui/material/Paper';
 import TablePagination from '@mui/material/TablePagination';
@@ -10,7 +10,7 @@ const TableFooterPagination = ({
   handleChangePage,
   handleChangeRowsPerPage
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     Box,
     {
       component: Paper,
@@ -18,51 +18,51 @@ const TableFooterPagination = ({
         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"
+      },
+      children: /* @__PURE__ */ jsx(
+        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"
+                  }
                 }
               }
             }
           }
         }
-      }
-    )
+      )
+    }
   );
 };
 

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

@@ -1 +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;;;;"}
+{"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 type { MouseEvent, ChangeEvent, FC } 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: MouseEvent<HTMLButtonElement> | null,\n    newPage: number,\n  ) => void;\n  handleChangeRowsPerPage: (\n    event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => void;\n}\n\nconst TableFooterPagination: 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":[],"mappings":";;;;;AAiCA,MAAM,wBAAwD,CAAC;AAAA,EAC7D,KAAA;AAAA,EACA,WAAA;AAAA,EACA,IAAA;AAAA,EACA,gBAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,GAAA;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,OACX;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,EAAI,EAAA;AAAA,YACF,uCAAyC,EAAA;AAAA,cACvC,eAAiB,EAAA;AAAA;AACnB,WACF;AAAA,UACA,kBAAoB,EAAA;AAAA,YAClB,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA,YAC3B,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAO,CAAE,EAAA;AAAA,YAC3B,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,EAAG,EAAA;AAAA,YAC7B,EAAE,KAAA,EAAO,QAAU,EAAA,KAAA,EAAO,EAAG;AAAA,WAC/B;AAAA,UACA,SAAU,EAAA,KAAA;AAAA,UACV,KAAA;AAAA,UACA,WAAA;AAAA,UACA,IAAA;AAAA,UACA,YAAc,EAAA,gBAAA;AAAA,UACd,mBAAqB,EAAA,uBAAA;AAAA,UACrB,gBAAkB,EAAA,IAAA;AAAA,UAClB,oBAAoB,MAAM,IAAA;AAAA,UAC1B,kBAAkB,MAAM,IAAA;AAAA,UACxB,SAAW,EAAA;AAAA,YACT,MAAQ,EAAA;AAAA,cACN,SAAW,EAAA;AAAA,gBACT,aAAe,EAAA;AAAA,kBACb,aAAe,EAAA;AAAA,iBACjB;AAAA,gBACA,UAAY,EAAA;AAAA,kBACV,EAAI,EAAA;AAAA,oBACF,KAAO,EAAA,GAAA;AAAA,oBACP,SAAW,EAAA,iCAAA;AAAA,oBACX,YAAc,EAAA,CAAA;AAAA,oBACd,QAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,oBACrD,QAAU,EAAA;AAAA;AACZ;AACF;AACF;AACF;AACF;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import Paper from '@mui/material/Paper';
 import Box from '@mui/material/Box';
 import Divider from '@mui/material/Divider';
@@ -9,32 +9,37 @@ const CardWrapper = ({
   title,
   filter
 }) => {
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsxs(
     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)
+      sx: { border: (theme) => `1px solid ${theme.palette.grey[300]}` },
+      children: [
+        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsx(
+            Typography,
+            {
+              variant: "h5",
+              sx: {
+                p: 3,
+                display: "flex",
+                alignItems: "center",
+                fontWeight: "bold"
+              },
+              children: title
+            }
+          ),
+          filter && /* @__PURE__ */ jsx(Box, { children: filter })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Divider,
+          {
+            sx: { border: (theme) => `1px solid ${theme.palette.grey[300]}` }
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { children })
+      ]
+    }
   );
 };
 

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

@@ -1 +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;;;;"}
+{"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 type { ReactNode, HTMLProps, FC } 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 HTMLProps<HTMLDivElement> {\n  children: ReactNode;\n  title: string;\n  filter?: ReactNode;\n}\n\nconst CardWrapper: 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":[],"mappings":";;;;;;AA4BA,MAAM,cAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EACE,uBAAA,IAAA;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,EAAA;AAAA,MAE9D,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAI,EAAI,EAAA,EAAE,SAAS,MAAQ,EAAA,cAAA,EAAgB,iBAC1C,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,IAAA;AAAA,cACR,EAAI,EAAA;AAAA,gBACF,CAAG,EAAA,CAAA;AAAA,gBACH,OAAS,EAAA,MAAA;AAAA,gBACT,UAAY,EAAA,QAAA;AAAA,gBACZ,UAAY,EAAA;AAAA,eACd;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA,WACH;AAAA,UAEC,MAAA,oBAAW,GAAA,CAAA,GAAA,EAAA,EAAK,QAAO,EAAA,MAAA,EAAA;AAAA,SAC1B,EAAA,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,EAAA,EAAI,EAAE,MAAA,EAAQ,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAG,CAAA;AAAA;AAAA,SAChE;AAAA,wBACA,GAAA,CAAC,OAAK,QAAS,EAAA;AAAA;AAAA;AAAA,GACjB;AAEJ;;;;"}

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

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect, useCallback, useMemo } from 'react';
 import { ResponseErrorPanel } from '@backstage/core-components';
 import Box from '@mui/material/Box';
 import Table from '@mui/material/Table';
@@ -20,39 +21,36 @@ 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 [page, setPage] = useState(0);
+  const [limit] = useState(20);
+  const [rowsPerPage, setRowsPerPage] = useState(3);
+  const [selectedOption, setSelectedOption] = useState("");
+  const [uniqueCatalogEntityKinds, setUniqueCatalogEntityKinds] = useState([]);
   const entityLink = useRouteRef(entityRouteRef);
   const { catalogEntities, loading, error } = useCatalogEntities({
     limit,
     kind: selectedOption === "All" ? "" : selectedOption.toLocaleLowerCase()
   });
-  React__default.useEffect(() => {
+  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(
+  const handleChangePage = useCallback((_event, newPage) => {
+    setPage(newPage);
+  }, []);
+  const handleChangeRowsPerPage = useCallback(
     (event) => {
       setRowsPerPage(+event.target.value);
       setPage(0);
     },
     []
   );
-  const handleChange = React__default.useCallback((event) => {
+  const handleChange = useCallback((event) => {
     setSelectedOption(event.target.value);
   }, []);
-  const visibleCatalogEntities = React__default.useMemo(() => {
+  const visibleCatalogEntities = useMemo(() => {
     return catalogEntities.data?.filter((entity) => {
       if (selectedOption && selectedOption !== "All") {
         return entity.kind.toLocaleLowerCase() === selectedOption.toLocaleLowerCase();
@@ -61,100 +59,106 @@ const CatalogEntities = () => {
     }).slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
   }, [catalogEntities, page, rowsPerPage, selectedOption]);
   if (error) {
-    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: CATALOG_ENTITIES_TITLE }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+    return /* @__PURE__ */ jsx(CardWrapper, { title: CATALOG_ENTITIES_TITLE, children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
   }
   if ((!visibleCatalogEntities || visibleCatalogEntities?.length === 0) && !loading) {
-    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: CATALOG_ENTITIES_TITLE }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(CardWrapper, { title: CATALOG_ENTITIES_TITLE, children: /* @__PURE__ */ jsx(
       Box,
       {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        height: 200
-      },
-      /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
-    ));
+        height: 200,
+        children: /* @__PURE__ */ jsx(EmptyChartState, {})
+      }
+    ) });
   }
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     CardWrapper,
     {
       title: CATALOG_ENTITIES_TITLE,
-      filter: /* @__PURE__ */ React__default.createElement(
+      filter: /* @__PURE__ */ jsx(
         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"
-            }
+      ),
+      children: /* @__PURE__ */ jsxs(Table, { "aria-labelledby": "Catalog entities", sx: { width: "100%" }, children: [
+        /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsx(TableRow, { children: CATALOG_ENTITIES_TABLE_HEADERS.map((header) => /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            align: "left",
+            sx: {
+              borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`,
+              width: "25%"
+            },
+            children: header.title
+          },
+          header.id
+        )) }) }),
+        /* @__PURE__ */ jsx(TableBody, { children: loading ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            colSpan: CATALOG_ENTITIES_TABLE_HEADERS.length,
+            align: "center",
+            children: /* @__PURE__ */ jsx(CircularProgress, {})
           }
-        },
-        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
-        }
-      )
-    ))))
+        ) }) : visibleCatalogEntities?.map((entity) => /* @__PURE__ */ jsxs(
+          TableRow,
+          {
+            sx: {
+              "&:nth-of-type(odd)": { backgroundColor: "inherit" },
+              borderBottom: (theme) => `1px solid ${theme.palette.grey[300]}`
+            },
+            children: [
+              /* @__PURE__ */ jsx(TableCell, { sx: { width: "25%" }, children: /* @__PURE__ */ jsx(
+                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"
+                    }
+                  },
+                  children: entity.name ?? "--"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(TableCell, { sx: { width: "25%" }, children: entity.kind?.charAt(0).toLocaleUpperCase("en-US") + entity.kind?.slice(1) || "--" }),
+              /* @__PURE__ */ jsx(TableCell, { sx: { width: "25%" }, children: getLastUsedDay(entity.last_used) ?? "--" }),
+              /* @__PURE__ */ jsx(TableCell, { sx: { width: "25%" }, children: Number(entity.count).toLocaleString() ?? "--" })
+            ]
+          },
+          `${entity.kind}-${entity.name}`
+        )) }),
+        /* @__PURE__ */ jsx(TableFooter, { children: /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+          TableCell,
+          {
+            colSpan: CATALOG_ENTITIES_TABLE_HEADERS.length,
+            sx: { padding: 0 },
+            children: /* @__PURE__ */ jsx(
+              TableFooterPagination,
+              {
+                count: catalogEntities.data?.length,
+                rowsPerPage,
+                page,
+                handleChangePage,
+                handleChangeRowsPerPage
+              }
+            )
+          }
+        ) }) })
+      ] })
+    }
   );
 };