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

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

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

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

@@ -107,7 +107,7 @@ const Techdocs = () => {
               }
             ) : "--" }),
             /* @__PURE__ */ jsx(TableCell, { children: getLastUsedDay(techdoc.last_used) ?? "--" }),
-            /* @__PURE__ */ jsx(TableCell, { children: Number(techdoc.count).toLocaleString() ?? "--" })
+            /* @__PURE__ */ jsx(TableCell, { children: Number(techdoc.count).toLocaleString("en-US") ?? "--" })
           ]
         },
         techdoc.name ?? "index-page"

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

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

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

@@ -96,7 +96,7 @@ const Templates = () => {
                 children: name ?? "--"
               }
             ) }),
-            /* @__PURE__ */ jsx(TableCell, { sx: { width: "50%" }, children: Number(template.count).toLocaleString() ?? "--" })
+            /* @__PURE__ */ jsx(TableCell, { sx: { width: "50%" }, children: Number(template.count).toLocaleString("en-US") ?? "--" })
           ]
         },
         template.entityref

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

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

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

@@ -23,7 +23,7 @@ const Tooltip = ({ active, payload, licensed_users, logged_in_users }) => {
             Typography,
             {
               style: { fontSize: "0.875rem", margin: 0, fontWeight: "500" },
-              children: name === "Licensed" ? (value - logged_in_users).toLocaleString() : value.toLocaleString()
+              children: name === "Licensed" ? (value - logged_in_users).toLocaleString("en-US") : value.toLocaleString("en-US")
             }
           ),
           /* @__PURE__ */ jsxs(

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

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

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

@@ -78,7 +78,7 @@ const Users = () => {
                   /* @__PURE__ */ jsx(
                     Label,
                     {
-                      value: logged_in_users.toLocaleString(),
+                      value: logged_in_users.toLocaleString("en-US"),
                       position: "center",
                       style: {
                         fontSize: "24px",
@@ -90,7 +90,7 @@ const Users = () => {
                   /* @__PURE__ */ jsx(
                     Label,
                     {
-                      value: `of ${licensed_users.toLocaleString()}`,
+                      value: `of ${licensed_users.toLocaleString("en-US")}`,
                       position: "center",
                       dy: 20,
                       style: {

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

@@ -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 { 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":["CustomTooltip"],"mappings":"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"}
+{"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

@@ -1,7 +1,7 @@
 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';
@@ -16,10 +16,12 @@ const useActiveUsers = () => {
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
   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: [] })

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

@@ -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 { 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 { 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    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  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,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,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;;;;"}
+{"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

@@ -4,6 +4,7 @@ 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,
@@ -14,10 +15,12 @@ const useCatalogEntities = ({
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
   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(

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

@@ -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 { 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';\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    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  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":";;;;;;;AAyBO,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,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,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;;;;"}
+{"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

@@ -5,6 +5,7 @@ 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
@@ -17,10 +18,12 @@ const usePlugins = ({
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
   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: [] }));

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

@@ -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 { 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';\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    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  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":";;;;;;;;AA0BO,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,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,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;;;;"}
+{"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

@@ -5,6 +5,7 @@ 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] = useState(true);
@@ -15,11 +16,14 @@ const useSearches = () => {
   const grouping = determineGrouping(startDateRange, endDateRange);
   const api = useApi(adoptionInsightsApiRef);
   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: [] })
     );

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

@@ -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 { 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';\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    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  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":";;;;;;;;AA0BO,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,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,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;;;;"}
+{"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

@@ -4,6 +4,7 @@ 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
@@ -15,10 +16,12 @@ const useTechdocs = ({
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
   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]);

package/dist/hooks/useTechdocs.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTechdocs.esm.js","sources":["../../src/hooks/useTechdocs.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, TechdocsResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useTechdocs = ({\n  limit = 20,\n}: APIsViewOptions): {\n  techdocs: TechdocsResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [techdocs, setTechdocs] = useState<TechdocsResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTechdocs = useCallback(async () => {\n    return await api\n      .getTechdocs({\n        type: 'top_techdocs',\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      })\n      .then(response => setTechdocs(response ?? { data: [] }));\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTechdocs();\n  }, [getTechdocs]);\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 { techdocs, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAQ,GAAA;AACV,CAIK,KAAA;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;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAc,YAAY,YAAY;AAC1C,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,CAAK,CAAY,QAAA,KAAA,WAAA,CAAY,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACxD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,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;;;;"}
+{"version":3,"file":"useTechdocs.esm.js","sources":["../../src/hooks/useTechdocs.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, TechdocsResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useTechdocs = ({\n  limit = 20,\n}: APIsViewOptions): {\n  techdocs: TechdocsResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [techdocs, setTechdocs] = useState<TechdocsResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTechdocs = useCallback(async () => {\n    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    return await api\n      .getTechdocs({\n        type: 'top_techdocs',\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: new Intl.DateTimeFormat().resolvedOptions().timeZone,\n        limit,\n      })\n      .then(response => setTechdocs(response ?? { data: [] }));\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTechdocs();\n  }, [getTechdocs]);\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 { techdocs, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAQ,GAAA;AACV,CAIK,KAAA;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;AAEtD,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;AAE7D,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,UAAU,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAAA,MACtD;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,WAAA,CAAY,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACxD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,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/useTemplates.esm.js

@@ -4,6 +4,7 @@ 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 useTemplates = ({
   limit = 20
@@ -15,10 +16,12 @@ const useTemplates = ({
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
   const getTemplates = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getTemplates({
       type: "top_templates",
-      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
     }).then(
       (response) => setTemplates(response ?? { data: [] })

package/dist/hooks/useTemplates.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTemplates.esm.js","sources":["../../src/hooks/useTemplates.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, TemplatesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useTemplates = ({\n  limit = 20,\n}: APIsViewOptions): {\n  templates: TemplatesResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [templates, setTemplates] = useState<TemplatesResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTemplates = useCallback(async () => {\n    return await api\n      .getTemplates({\n        type: 'top_templates',\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      })\n      .then((response: TemplatesResponse) =>\n        setTemplates(response ?? { data: [] }),\n      );\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTemplates();\n  }, [getTemplates]);\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 { templates, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAA4B,CAAA;AAAA,IAC5D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,YAAA,GAAe,YAAY,YAAY;AAC3C,IAAO,OAAA,MAAM,IACV,YAAa,CAAA;AAAA,MACZ,IAAM,EAAA,eAAA;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,CAAC,aACL,YAAa,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KACvC;AAAA,KACD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,YAAa,EAAA;AAAA,GAC5B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,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,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAClD;;;;"}
+{"version":3,"file":"useTemplates.esm.js","sources":["../../src/hooks/useTemplates.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, TemplatesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useTemplates = ({\n  limit = 20,\n}: APIsViewOptions): {\n  templates: TemplatesResponse;\n  error: Error | undefined;\n  loading: boolean;\n} => {\n  const [loadingData, setLoadingData] = useState<boolean>(true);\n  const [templates, setTemplates] = useState<TemplatesResponse>({\n    data: [],\n  });\n\n  const { startDateRange, endDateRange } = useDateRange();\n\n  const api = useApi(adoptionInsightsApiRef);\n\n  const getTemplates = useCallback(async () => {\n    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n\n    return await api\n      .getTemplates({\n        type: 'top_templates',\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      })\n      .then((response: TemplatesResponse) =>\n        setTemplates(response ?? { data: [] }),\n      );\n  }, [api, limit, startDateRange, endDateRange]);\n\n  const { error, loading } = useAsyncRetry(async () => {\n    return await getTemplates();\n  }, [getTemplates]);\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 { templates, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAA4B,CAAA;AAAA,IAC5D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,YAAA,GAAe,YAAY,YAAY;AAC3C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAE7D,IAAO,OAAA,MAAM,IACV,YAAa,CAAA;AAAA,MACZ,IAAM,EAAA,eAAA;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;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,YAAa,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KACvC;AAAA,KACD,CAAC,GAAA,EAAK,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAE7C,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,YAAa,EAAA;AAAA,GAC5B,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,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,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAClD;;;;"}

package/dist/hooks/useUsers.esm.js

@@ -4,6 +4,7 @@ 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 useUsers = () => {
   const [loadingData, setLoadingData] = useState(true);
@@ -11,10 +12,12 @@ const useUsers = () => {
   const { startDateRange, endDateRange } = useDateRange();
   const api = useApi(adoptionInsightsApiRef);
   const getUsers = useCallback(async () => {
+    const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
     return await api.getUsers({
       type: "total_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 ? format(endDateRange, "yyyy-MM-dd") : void 0,
+      timezone
     }).then((response) => setUsers(response ?? { data: [] }));
   }, [api, startDateRange, endDateRange]);
   const { error, loading } = useAsyncRetry(async () => {