npm - @red-hat-developer-hub/backstage-plugin-adoption-insights - Versions diffs - 0.1.0 → 0.2.1 - Mend

@red-hat-developer-hub/backstage-plugin-adoption-insights 0.1.0 → 0.2.1

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

Files changed (71) hide show

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { ResponseErrorPanel } from '@backstage/core-components';
 import { ResponsiveContainer, PieChart, Pie, Cell, Label, Tooltip } from 'recharts';
 import Typography from '@mui/material/Typography';
@@ -19,19 +19,19 @@ const Users = () => {
   const theme = useTheme();
   const { users, loading, error } = useUsers();
   if (error) {
-    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
+    return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
   }
   if ((!users || users.data?.length === 0 || !users.data?.[0] && !loading) && !error) {
-    return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: /* @__PURE__ */ jsx(
       Box,
       {
         display: "flex",
         justifyContent: "center",
         alignItems: "center",
-        height: 200
-      },
-      /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
-    ));
+        height: 200,
+        children: /* @__PURE__ */ jsx(EmptyChartState, {})
+      }
+    ) });
   }
   const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};
   const loggedInPercentage = logged_in_users && licensed_users ? Math.round(Number(logged_in_users) / Number(licensed_users) * 100) || 0 : 0;
@@ -43,104 +43,128 @@ const Users = () => {
     },
     { name: "Licensed", value: Number(licensed_users), color: "#E5E5E5" }
   ];
-  return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, loading ? /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: loading ? /* @__PURE__ */ jsx(
     Box,
     {
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
-      height: 200
-    },
-    /* @__PURE__ */ React__default.createElement(CircularProgress, null)
-  ) : /* @__PURE__ */ React__default.createElement(
+      height: 200,
+      children: /* @__PURE__ */ jsx(CircularProgress, {})
+    }
+  ) : /* @__PURE__ */ jsxs(
     Box,
     {
       display: "flex",
       alignItems: "center",
       gap: 2,
-      justifyContent: "flex-start"
-    },
-    /* @__PURE__ */ React__default.createElement(Box, { display: "flex", alignItems: "center", flex: 7 }, /* @__PURE__ */ React__default.createElement(Box, { sx: { width: "100%", maxWidth: "240px" } }, /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { width: "100%", height: 240 }, /* @__PURE__ */ React__default.createElement(PieChart, null, /* @__PURE__ */ React__default.createElement(
-      Pie,
-      {
-        data,
-        dataKey: "value",
-        nameKey: "name",
-        innerRadius: "60%",
-        outerRadius: "70%",
-        startAngle: 90,
-        endAngle: -270,
-        stroke: "none"
-      },
-      data.map((entry) => /* @__PURE__ */ React__default.createElement(Cell, { key: entry.name, fill: entry.color })),
-      /* @__PURE__ */ React__default.createElement(
-        Label,
-        {
-          value: logged_in_users.toLocaleString(),
-          position: "center",
-          style: {
-            fontSize: "24px",
-            fill: theme.palette.text.primary,
-            textAnchor: "middle"
-          }
-        }
-      ),
-      /* @__PURE__ */ React__default.createElement(
-        Label,
-        {
-          value: `of ${licensed_users.toLocaleString()}`,
-          position: "center",
-          dy: 20,
-          style: {
-            fontSize: "14px",
-            textAnchor: "middle",
-            fill: theme.palette.text.secondary
-          }
-        }
-      )
-    ), /* @__PURE__ */ React__default.createElement(
-      Tooltip,
-      {
-        content: /* @__PURE__ */ React__default.createElement(
-          Tooltip$1,
-          {
-            licensed_users,
-            logged_in_users
-          }
-        )
-      }
-    )))), /* @__PURE__ */ React__default.createElement(List, { dense: true }, /* @__PURE__ */ React__default.createElement(ListItem, { key: "logged-in users", disableGutters: true }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { sx: { minWidth: 24 } }, /* @__PURE__ */ React__default.createElement(
-      Box,
-      {
-        sx: {
-          width: 12,
-          height: 12,
-          bgcolor: "#00AEEF",
-          borderRadius: "2px"
-        }
-      }
-    )), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: "Logged-in users" })), /* @__PURE__ */ React__default.createElement(ListItem, { key: "licensed users", disableGutters: true }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { sx: { minWidth: 24 } }, /* @__PURE__ */ React__default.createElement(
-      Box,
-      {
-        sx: {
-          width: 12,
-          height: 12,
-          bgcolor: "#E5E5E5",
-          borderRadius: "2px"
-        }
-      }
-    )), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: "Licensed" })))),
-    /* @__PURE__ */ React__default.createElement(Box, { flex: 3, gap: 2 }, /* @__PURE__ */ React__default.createElement(
-      Typography,
-      {
-        variant: "h1",
-        fontWeight: "bold",
-        sx: { fontSize: "54px" }
-      },
-      loggedInPercentage,
-      "%"
-    ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", color: "textSecondary" }, "have logged in"))
-  ));
+      justifyContent: "flex-start",
+      children: [
+        /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", flex: 7, children: [
+          /* @__PURE__ */ jsx(Box, { sx: { width: "100%", maxWidth: "240px" }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 240, children: /* @__PURE__ */ jsxs(PieChart, { children: [
+            /* @__PURE__ */ jsxs(
+              Pie,
+              {
+                data,
+                dataKey: "value",
+                nameKey: "name",
+                innerRadius: "60%",
+                outerRadius: "70%",
+                startAngle: 90,
+                endAngle: -270,
+                stroke: "none",
+                children: [
+                  data.map((entry) => /* @__PURE__ */ jsx(Cell, { fill: entry.color }, entry.name)),
+                  /* @__PURE__ */ jsx(
+                    Label,
+                    {
+                      value: logged_in_users.toLocaleString("en-US"),
+                      position: "center",
+                      style: {
+                        fontSize: "24px",
+                        fill: theme.palette.text.primary,
+                        textAnchor: "middle"
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Label,
+                    {
+                      value: `of ${licensed_users.toLocaleString("en-US")}`,
+                      position: "center",
+                      dy: 20,
+                      style: {
+                        fontSize: "14px",
+                        textAnchor: "middle",
+                        fill: theme.palette.text.secondary
+                      }
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Tooltip,
+              {
+                content: /* @__PURE__ */ jsx(
+                  Tooltip$1,
+                  {
+                    licensed_users,
+                    logged_in_users
+                  }
+                )
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ jsxs(List, { dense: true, children: [
+            /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 24 }, children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    width: 12,
+                    height: 12,
+                    bgcolor: "#00AEEF",
+                    borderRadius: "2px"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsx(ListItemText, { primary: "Logged-in users" })
+            ] }, "logged-in users"),
+            /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
+              /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 24 }, children: /* @__PURE__ */ jsx(
+                Box,
+                {
+                  sx: {
+                    width: 12,
+                    height: 12,
+                    bgcolor: "#E5E5E5",
+                    borderRadius: "2px"
+                  }
+                }
+              ) }),
+              /* @__PURE__ */ jsx(ListItemText, { primary: "Licensed" })
+            ] }, "licensed users")
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Box, { flex: 3, gap: 2, children: [
+          /* @__PURE__ */ jsxs(
+            Typography,
+            {
+              variant: "h1",
+              fontWeight: "bold",
+              sx: { fontSize: "54px" },
+              children: [
+                loggedInPercentage,
+                "%"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "textSecondary", children: "have logged in" })
+        ] })
+      ]
+    }
+  ) });
 };
 export { Users as default };

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.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 { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n Cell,\n Label,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n const theme = useTheme();\n\n const { users, loading, error } = useUsers();\n\n if (error) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <ResponseErrorPanel error={error} />\n </CardWrapper>\n );\n }\n\n if (\n (!users \|\| users.data?.length === 0 \|\| (!users.data?.[0] && !loading)) &&\n !error\n ) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\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 const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n const loggedInPercentage =\n logged_in_users && licensed_users\n ? Math.round((Number(logged_in_users) / Number(licensed_users)) 100) \|\|\n 0\n : 0;\n\n const data = [\n {\n name: 'Logged-in users',\n value: Number(logged_in_users),\n color: '#00AEEF',\n },\n { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n ];\n\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n {loading ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <CircularProgress />\n </Box>\n ) : (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={2}\n justifyContent=\"flex-start\"\n >\n <Box display=\"flex\" alignItems=\"center\" flex={7}>\n <Box sx={{ width: '100%', maxWidth: '240px' }}>\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={data}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius=\"60%\"\n outerRadius=\"70%\"\n startAngle={90}\n endAngle={-270}\n stroke=\"none\"\n >\n {data.map(entry => (\n <Cell key={entry.name} fill={entry.color} />\n ))}\n\n <Label\n value={logged_in_users.toLocaleString()}\n position=\"center\"\n style={{\n fontSize: '24px',\n fill: theme.palette.text.primary,\n textAnchor: 'middle',\n }}\n />\n <Label\n value={`of ${licensed_users.toLocaleString()}`}\n position=\"center\"\n dy={20}\n style={{\n fontSize: '14px',\n textAnchor: 'middle',\n fill: theme.palette.text.secondary,\n }}\n />\n </Pie>\n <Tooltip\n content={\n <CustomTooltip\n licensed_users={licensed_users}\n logged_in_users={logged_in_users}\n />\n }\n />\n </PieChart>\n </ResponsiveContainer>\n </Box>\n\n <List dense>\n <ListItem key=\"logged-in users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#00AEEF',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Logged-in users\" />\n </ListItem>\n <ListItem key=\"licensed users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#E5E5E5',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Licensed\" />\n </ListItem>\n </List>\n </Box>\n\n <Box flex={3} gap={2}>\n <Typography\n variant=\"h1\"\n fontWeight=\"bold\"\n sx={{ fontSize: '54px' }}\n >\n {loggedInPercentage}%\n </Typography>\n <Typography variant=\"body1\" color=\"textSecondary\">\n have logged in\n </Typography>\n </Box>\n </Box>\n )}\n </CardWrapper>\n );\n};\n\nexport default Users;\n"],"names":["React","CustomTooltip"],"mappings":"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"}
1	+ {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.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 { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n Cell,\n Label,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n const theme = useTheme();\n\n const { users, loading, error } = useUsers();\n\n if (error) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <ResponseErrorPanel error={error} />\n </CardWrapper>\n );\n }\n\n if (\n (!users \|\| users.data?.length === 0 \|\| (!users.data?.[0] && !loading)) &&\n !error\n ) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\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 const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n const loggedInPercentage =\n logged_in_users && licensed_users\n ? Math.round((Number(logged_in_users) / Number(licensed_users)) 100) \|\|\n 0\n : 0;\n\n const data = [\n {\n name: 'Logged-in users',\n value: Number(logged_in_users),\n color: '#00AEEF',\n },\n { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n ];\n\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n {loading ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <CircularProgress />\n </Box>\n ) : (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={2}\n justifyContent=\"flex-start\"\n >\n <Box display=\"flex\" alignItems=\"center\" flex={7}>\n <Box sx={{ width: '100%', maxWidth: '240px' }}>\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={data}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius=\"60%\"\n outerRadius=\"70%\"\n startAngle={90}\n endAngle={-270}\n stroke=\"none\"\n >\n {data.map(entry => (\n <Cell key={entry.name} fill={entry.color} />\n ))}\n\n <Label\n value={logged_in_users.toLocaleString('en-US')}\n position=\"center\"\n style={{\n fontSize: '24px',\n fill: theme.palette.text.primary,\n textAnchor: 'middle',\n }}\n />\n <Label\n value={`of ${licensed_users.toLocaleString('en-US')}`}\n position=\"center\"\n dy={20}\n style={{\n fontSize: '14px',\n textAnchor: 'middle',\n fill: theme.palette.text.secondary,\n }}\n />\n </Pie>\n <Tooltip\n content={\n <CustomTooltip\n licensed_users={licensed_users}\n logged_in_users={logged_in_users}\n />\n }\n />\n </PieChart>\n </ResponsiveContainer>\n </Box>\n\n <List dense>\n <ListItem key=\"logged-in users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#00AEEF',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Logged-in users\" />\n </ListItem>\n <ListItem key=\"licensed users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#E5E5E5',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Licensed\" />\n </ListItem>\n </List>\n </Box>\n\n <Box flex={3} gap={2}>\n <Typography\n variant=\"h1\"\n fontWeight=\"bold\"\n sx={{ fontSize: '54px' }}\n >\n {loggedInPercentage}%\n </Typography>\n <Typography variant=\"body1\" color=\"textSecondary\">\n have logged in\n </Typography>\n </Box>\n </Box>\n )}\n </CardWrapper>\n );\n};\n\nexport default Users;\n"],"names":["CustomTooltip"],"mappings":"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"}

package/dist/hooks/useActiveUsers.esm.js CHANGED Viewed

@@ -1,25 +1,27 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
-import { format } from 'date-fns';
+import { formatInTimeZone } from 'date-fns-tz';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
 import { determineGrouping } from '../utils/utils.esm.js';
 const useActiveUsers = () => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [activeUsers, setActiveUsers] = React__default.useState({
+  const [loadingData, setLoadingData] = useState(true);
+  const [activeUsers, setActiveUsers] = useState({
     grouping: void 0,
     data: []
   });
   const { startDateRange, endDateRange } = useDateRange();
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
-  const getActiveUsers = React__default.useCallback(async () => {
+  const getActiveUsers = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getActiveUsers({
       type: "active_users",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
-      end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
+      end_date: endDateRange ? formatInTimeZone(endDateRange, timezone, "yyyy-MM-dd") : void 0,
+      timezone,
       grouping
     }).then(
       (response) => setActiveUsers(response ?? { grouping: void 0, data: [] })
@@ -28,7 +30,7 @@ const useActiveUsers = () => {
   const { error, loading } = useAsyncRetry(async () => {
     return await getActiveUsers();
   }, [getActiveUsers]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

package/dist/hooks/useActiveUsers.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.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 { useAsyncRetry } from 'react-use';\nimport { ~~format~~ } from 'date-fns';\n\nimport { ActiveUsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useActiveUsers = (): {\n activeUsers: ActiveUsersResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = ~~React.~~useState<boolean>(true);\n const [activeUsers, setActiveUsers] = ~~React.~~useState<ActiveUsersResponse>({\n grouping: undefined,\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getActiveUsers = ~~React.~~useCallback(async () => {\n return await api\n .getActiveUsers({\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 grouping,\n })\n .then(response =>\n setActiveUsers(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getActiveUsers();\n }, [getActiveUsers]);\n\n ~~React.~~useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { activeUsers, error, loading: loadingData };\n};\n"],"names":[~~"React"~~],"mappings":";;;;;;;;AA0BO,MAAM,iBAAiB,MAIzB;AACH,EAAA,MAAM,CAAC,~~WAAa~~,~~EAAA~~,cAAc,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAkB,IAAI,CAAA;~~AAClE~~,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,~~GAAIA~~,~~eAAM,~~QAA8B,CAAA;AAAA,~~IACxE~~,QAAU,EAAA,MAAA;AAAA,IACV,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,cAAA,~~GAAiBA~~,~~cAAM~~,~~CAAA~~,~~WAAA~~,~~CAAY~~,~~YAAY~~;~~AACnD~~,IAAO,OAAA,MAAM,IACV,cAAe,CAAA;AAAA,MACd,IAAM,EAAA,cAAA;AAAA,MACN,~~UAAY~~,~~EAAA~~,~~cAAA~~,~~GACR~~,~~MAAO~~,~~CAAA~~,~~cAAA~~,~~EAAgB~~,YAAY,~~CACnC~~,GAAA,MAAA;AAAA,MACJ,~~QAAU~~,~~EAAA~~,~~YAAA~~,~~GAAe~~,~~MAAO~~,~~CAAA~~,~~YAAA~~,~~EAAc~~,YAAY,~~CAAI~~,GAAA,MAAA;AAAA,~~MAC9D~~;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,eAAe,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC9D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,cAAe,EAAA;AAAA,GAC9B,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,~~EAAAA~~,~~cAAA~~,~~CAAM~~,~~UAAU,~~MAAM;~~AACpB~~,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,WAAA,EAAa,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACpD;;;;"}
1	+ {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.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 { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nimport { ActiveUsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useActiveUsers = (): {\n activeUsers: ActiveUsersResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [activeUsers, setActiveUsers] = useState<ActiveUsersResponse>({\n grouping: undefined,\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getActiveUsers = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getActiveUsers({\n type: 'active_users',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange\n ? formatInTimeZone(endDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n timezone,\n grouping,\n })\n .then(response =>\n setActiveUsers(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getActiveUsers();\n }, [getActiveUsers]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { activeUsers, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,iBAAiB,MAIzB;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAA8B,CAAA;AAAA,IAClE,QAAU,EAAA,MAAA;AAAA,IACV,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,cAAA,GAAiB,YAAY,YAAY;AAC7C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,cAAe,CAAA;AAAA,MACd,IAAM,EAAA,cAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,UAAU,YACN,GAAA,gBAAA,CAAiB,YAAc,EAAA,QAAA,EAAU,YAAY,CACrD,GAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,eAAe,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC9D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,cAAe,EAAA;AAAA,GAC9B,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,WAAA,EAAa,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACpD;;;;"}

package/dist/hooks/useCatalogEntities.esm.js CHANGED Viewed

@@ -1,23 +1,26 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 const useCatalogEntities = ({
   limit = 20,
   kind = ""
 }) => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [catalogEntities, setCatalogEntities] = React__default.useState({ data: [] });
+  const [loadingData, setLoadingData] = useState(true);
+  const [catalogEntities, setCatalogEntities] = useState({ data: [] });
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
-  const getCatalogEntities = React__default.useCallback(async () => {
+  const getCatalogEntities = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getCatalogEntities({
       type: "top_catalog_entities",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
       end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone,
       limit,
       kind
     }).then(
@@ -27,7 +30,7 @@ const useCatalogEntities = ({
   const { error, loading } = useAsyncRetry(async () => {
     return await getCatalogEntities();
   }, [getCatalogEntities]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

package/dist/hooks/useCatalogEntities.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.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 { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, CatalogEntitiesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useCatalogEntities = ({\n limit = 20,\n kind = '',\n}: APIsViewOptions): {\n catalogEntities: CatalogEntitiesResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = ~~React.~~useState<boolean>(true);\n const [catalogEntities, setCatalogEntities] =\n ~~React.~~useState<CatalogEntitiesResponse>({ data: [] });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getCatalogEntities = ~~React.~~useCallback(async () => {\n return await api\n .getCatalogEntities({\n type: 'top_catalog_entities',\n start_date: startDateRange\n ? ~~format~~(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n limit,\n kind,\n })\n .then((response: CatalogEntitiesResponse) =>\n setCatalogEntities(response ?? { data: [] }),\n );\n }, [api, kind, limit, startDateRange, endDateRange]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getCatalogEntities();\n }, [getCatalogEntities]);\n\n ~~React.~~useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n } else {\n setLoadingData(true);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { catalogEntities, error, loading: loadingData };\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;AAyBO~~,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAQ,GAAA,EAAA;AAAA,EACR,IAAO,GAAA;AACT,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,~~WAAa~~,~~EAAA~~,cAAc,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAkB,IAAI,CAAA;~~AAClE~~,EAAM,MAAA,CAAC,~~eAAiB~~,~~EAAA,~~kBAAkB,~~CACxC~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAkC,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;~~AAEtD~~,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,kBAAA,~~GAAqBA~~,~~cAAM~~,~~CAAA~~,~~WAAA~~,~~CAAY~~,~~YAAY~~;~~AACvD~~,IAAO,OAAA,MAAM,IACV,kBAAmB,CAAA;AAAA,MAClB,IAAM,EAAA,sBAAA;AAAA,MACN,~~UAAY~~,~~EAAA~~,~~cAAA~~,~~GACR~~,~~MAAO~~,~~CAAA~~,~~cAAA~~,~~EAAgB~~,YAAY,~~CACnC~~,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,kBAAmB,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KAC7C;AAAA,KACD,CAAC,GAAA,EAAK,MAAM,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,kBAAmB,EAAA;AAAA,GAClC,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,~~EAAAA~~,~~cAAA~~,~~CAAM~~,~~UAAU,~~MAAM;~~AACpB~~,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,KACf,MAAA;AACL,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA;AAErB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,eAAA,EAAiB,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACxD;;;;"}
1	+ {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.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 { useState, useCallback, useEffect } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, CatalogEntitiesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useCatalogEntities = ({\n limit = 20,\n kind = '',\n}: APIsViewOptions): {\n catalogEntities: CatalogEntitiesResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [catalogEntities, setCatalogEntities] =\n useState<CatalogEntitiesResponse>({ data: [] });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getCatalogEntities = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getCatalogEntities({\n type: 'top_catalog_entities',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n limit,\n kind,\n })\n .then((response: CatalogEntitiesResponse) =>\n setCatalogEntities(response ?? { data: [] }),\n );\n }, [api, kind, limit, startDateRange, endDateRange]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getCatalogEntities();\n }, [getCatalogEntities]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n } else {\n setLoadingData(true);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { catalogEntities, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAQ,GAAA,EAAA;AAAA,EACR,IAAO,GAAA;AACT,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAM,MAAA,CAAC,iBAAiB,kBAAkB,CAAA,GACxC,SAAkC,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAEhD,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,kBAAA,GAAqB,YAAY,YAAY;AACjD,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,kBAAmB,CAAA;AAAA,MAClB,IAAM,EAAA,sBAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,kBAAmB,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KAC7C;AAAA,KACD,CAAC,GAAA,EAAK,MAAM,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,kBAAmB,EAAA;AAAA,GAClC,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,KACf,MAAA;AACL,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA;AAErB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,eAAA,EAAiB,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACxD;;;;"}

package/dist/hooks/usePlugins.esm.js CHANGED Viewed

@@ -1,26 +1,29 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
 import { determineGrouping } from '../utils/utils.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 const usePlugins = ({
   limit = 20
 }) => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [plugins, setPlugins] = React__default.useState({
+  const [loadingData, setLoadingData] = useState(true);
+  const [plugins, setPlugins] = useState({
     data: []
   });
   const { startDateRange, endDateRange } = useDateRange();
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
-  const getPlugins = React__default.useCallback(async () => {
+  const getPlugins = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getPlugins({
       type: "top_plugins",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
       end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone,
       limit,
       grouping
     }).then((response) => setPlugins(response ?? { data: [] }));
@@ -28,7 +31,7 @@ const usePlugins = ({
   const { error, loading } = useAsyncRetry(async () => {
     return await getPlugins();
   }, [getPlugins]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

package/dist/hooks/usePlugins.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.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 { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, PluginTrendResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const usePlugins = ({\n limit = 20,\n}: APIsViewOptions): {\n plugins: PluginTrendResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = ~~React.~~useState<boolean>(true);\n const [plugins, setPlugins] = ~~React.~~useState<PluginTrendResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getPlugins = ~~React.~~useCallback(async () => {\n return await api\n .getPlugins({\n type: 'top_plugins',\n start_date: startDateRange\n ? ~~format~~(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n limit,\n grouping,\n })\n .then(response => setPlugins(response ?? { data: [] }));\n }, [api, limit, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getPlugins();\n }, [getPlugins]);\n\n ~~React.~~useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { plugins, error, loading: loadingData };\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;AA0BO~~,MAAM,aAAa,CAAC;AAAA,EACzB,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,~~WAAa~~,~~EAAA~~,cAAc,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAkB,IAAI,CAAA;~~AAClE~~,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,~~GAAIA~~,~~eAAM,~~QAA8B,CAAA;AAAA,~~IAChE~~,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,UAAA,~~GAAaA~~,~~cAAM~~,~~CAAA~~,~~WAAA~~,~~CAAY~~,~~YAAY~~;~~AAC/C~~,IAAO,OAAA,MAAM,IACV,UAAW,CAAA;AAAA,MACV,IAAM,EAAA,aAAA;AAAA,MACN,~~UAAY~~,~~EAAA~~,~~cAAA~~,~~GACR~~,~~MAAO~~,~~CAAA~~,~~cAAA~~,~~EAAgB~~,YAAY,~~CACnC~~,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,UAAA,CAAW,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACvD,CAAC,GAAA,EAAK,OAAO,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEvD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,UAAW,EAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,~~EAAAA~~,~~cAAA~~,~~CAAM~~,~~UAAU,~~MAAM;~~AACpB~~,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,OAAA,EAAS,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAChD;;;;"}
1	+ {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.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 { useState, useEffect, useCallback } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, PluginTrendResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const usePlugins = ({\n limit = 20,\n}: APIsViewOptions): {\n plugins: PluginTrendResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [plugins, setPlugins] = useState<PluginTrendResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getPlugins = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getPlugins({\n type: 'top_plugins',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n limit,\n grouping,\n })\n .then(response => setPlugins(response ?? { data: [] }));\n }, [api, limit, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getPlugins();\n }, [getPlugins]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { plugins, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAA8B,CAAA;AAAA,IAC1D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,UAAW,CAAA;AAAA,MACV,IAAM,EAAA,aAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,UAAA,CAAW,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACvD,CAAC,GAAA,EAAK,OAAO,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEvD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,UAAW,EAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,OAAA,EAAS,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAChD;;;;"}

package/dist/hooks/useSearches.esm.js CHANGED Viewed

@@ -1,25 +1,29 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
 import { determineGrouping } from '../utils/utils.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 const useSearches = () => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [searches, setSearches] = React__default.useState({
+  const [loadingData, setLoadingData] = useState(true);
+  const [searches, setSearches] = useState({
     data: []
   });
   const { startDateRange, endDateRange } = useDateRange();
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
-  const getSearches = React__default.useCallback(async () => {
+  const getSearches = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getSearches({
       type: "top_searches",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
       end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
-      grouping
+      timezone,
+      grouping,
+      limit: 24
     }).then(
       (response) => setSearches(response ?? { grouping: void 0, data: [] })
     );
@@ -27,7 +31,7 @@ const useSearches = () => {
   const { error, loading } = useAsyncRetry(async () => {
     return await getSearches();
   }, [getSearches]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);

package/dist/hooks/useSearches.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.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 { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { SearchesResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useSearches = (): {\n searches: SearchesResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = ~~React.~~useState<boolean>(true);\n const [searches, setSearches] = ~~React.~~useState<SearchesResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getSearches = ~~React.~~useCallback(async () => {\n return await api\n .getSearches({\n type: 'top_searches',\n start_date: startDateRange\n ? ~~format~~(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n grouping,\n })\n .then(response =>\n setSearches(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getSearches();\n }, [getSearches]);\n\n ~~React.~~useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { searches, error, loading: loadingData };\n};\n"],"names":[~~"React"~~],"mappings":"~~;;;;;;;;AA0BO~~,MAAM,cAAc,MAItB;AACH,EAAA,MAAM,CAAC,~~WAAa~~,~~EAAA~~,cAAc,~~CAAI~~,~~GAAAA~~,~~cAAA,CAAM,~~SAAkB,IAAI,CAAA;~~AAClE~~,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,~~GAAIA~~,~~eAAM,~~QAA2B,CAAA;AAAA,~~IAC/D~~,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,~~GAAcA~~,~~cAAM~~,~~CAAA~~,~~WAAA~~,~~CAAY~~,~~YAAY~~;~~AAChD~~,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,~~UAAY~~,~~EAAA~~,~~cAAA~~,~~GACR~~,~~MAAO~~,~~CAAA~~,~~cAAA~~,~~EAAgB~~,YAAY,~~CACnC~~,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,~~KACD~~,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,YAAY,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC3D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,~~EAAAA~~,~~cAAA~~,~~CAAM~~,~~UAAU,~~MAAM;~~AACpB~~,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}
1	+ {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.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 { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { SearchesResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useSearches = (): {\n searches: SearchesResponse;\n error: Error \| undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [searches, setSearches] = useState<SearchesResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getSearches = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getSearches({\n type: 'top_searches',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n grouping,\n limit: 24,\n })\n .then(response =>\n setSearches(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getSearches();\n }, [getSearches]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { searches, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BO,MAAM,cAAc,MAItB;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA2B,CAAA;AAAA,IACzD,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,KACR,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,YAAY,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC3D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}

package/dist/hooks/useTechdocs.esm.js CHANGED Viewed

@@ -1,31 +1,34 @@
-import React__default from 'react';
+import { useState, useCallback, useEffect } from 'react';
 import { useApi } from '@backstage/core-plugin-api';
 import { useAsyncRetry } from 'react-use';
 import { format } from 'date-fns';
 import { adoptionInsightsApiRef } from '../api/index.esm.js';
 import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
+import { formatInTimeZone } from 'date-fns-tz';
 const useTechdocs = ({
   limit = 20
 }) => {
-  const [loadingData, setLoadingData] = React__default.useState(true);
-  const [techdocs, setTechdocs] = React__default.useState({
+  const [loadingData, setLoadingData] = useState(true);
+  const [techdocs, setTechdocs] = useState({
     data: []
   });
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
-  const getTechdocs = React__default.useCallback(async () => {
+  const getTechdocs = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getTechdocs({
       type: "top_techdocs",
-      start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
+      start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
       end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone: new Intl.DateTimeFormat().resolvedOptions().timeZone,
       limit
     }).then((response) => setTechdocs(response ?? { data: [] }));
   }, [api, limit, startDateRange, endDateRange]);
   const { error, loading } = useAsyncRetry(async () => {
     return await getTechdocs();
   }, [getTechdocs]);
-  React__default.useEffect(() => {
+  useEffect(() => {
     let mounted = true;
     if (!loading && mounted) {
       setLoadingData(false);