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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/api/index.esm.js +1 -1
  3. package/dist/api/index.esm.js.map +1 -1
  4. package/dist/components/ActiveUsers/ActiveUsers.esm.js +8 -7
  5. package/dist/components/ActiveUsers/ActiveUsers.esm.js.map +1 -1
  6. package/dist/components/ActiveUsers/ExportCSVButton.esm.js +1 -0
  7. package/dist/components/ActiveUsers/ExportCSVButton.esm.js.map +1 -1
  8. package/dist/components/CatalogEntities/CatalogEntities.esm.js +1 -1
  9. package/dist/components/CatalogEntities/CatalogEntities.esm.js.map +1 -1
  10. package/dist/components/Common/ChartTooltip.esm.js +91 -0
  11. package/dist/components/Common/ChartTooltip.esm.js.map +1 -0
  12. package/dist/components/Header/Header.esm.js +1 -0
  13. package/dist/components/Header/Header.esm.js.map +1 -1
  14. package/dist/components/Plugins/Plugins.esm.js +1 -1
  15. package/dist/components/Plugins/Plugins.esm.js.map +1 -1
  16. package/dist/components/Searches/Searches.esm.js +7 -7
  17. package/dist/components/Searches/Searches.esm.js.map +1 -1
  18. package/dist/components/Techdocs/Techdocs.esm.js +1 -1
  19. package/dist/components/Techdocs/Techdocs.esm.js.map +1 -1
  20. package/dist/components/Templates/Templates.esm.js +1 -1
  21. package/dist/components/Templates/Templates.esm.js.map +1 -1
  22. package/dist/components/Users/Tooltip.esm.js +1 -1
  23. package/dist/components/Users/Tooltip.esm.js.map +1 -1
  24. package/dist/components/Users/Users.esm.js +2 -2
  25. package/dist/components/Users/Users.esm.js.map +1 -1
  26. package/dist/hooks/useActiveUsers.esm.js +5 -3
  27. package/dist/hooks/useActiveUsers.esm.js.map +1 -1
  28. package/dist/hooks/useCatalogEntities.esm.js +4 -1
  29. package/dist/hooks/useCatalogEntities.esm.js.map +1 -1
  30. package/dist/hooks/usePlugins.esm.js +4 -1
  31. package/dist/hooks/usePlugins.esm.js.map +1 -1
  32. package/dist/hooks/useSearches.esm.js +6 -2
  33. package/dist/hooks/useSearches.esm.js.map +1 -1
  34. package/dist/hooks/useTechdocs.esm.js +4 -1
  35. package/dist/hooks/useTechdocs.esm.js.map +1 -1
  36. package/dist/hooks/useTemplates.esm.js +4 -1
  37. package/dist/hooks/useTemplates.esm.js.map +1 -1
  38. package/dist/hooks/useUsers.esm.js +5 -2
  39. package/dist/hooks/useUsers.esm.js.map +1 -1
  40. package/dist/utils/utils.esm.js +70 -30
  41. package/dist/utils/utils.esm.js.map +1 -1
  42. package/package.json +3 -2
  43. package/dist/components/ActiveUsers/CustomTooltip.esm.js +0 -98
  44. package/dist/components/ActiveUsers/CustomTooltip.esm.js.map +0 -1
  45. package/dist/components/Searches/CustomTooltip.esm.js +0 -71
  46. package/dist/components/Searches/CustomTooltip.esm.js.map +0 -1
@@ -1 +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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"}
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 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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"}
@@ -107,7 +107,7 @@ const Techdocs = () => {
107
107
  }
108
108
  ) : "--" }),
109
109
  /* @__PURE__ */ jsx(TableCell, { children: getLastUsedDay(techdoc.last_used) ?? "--" }),
110
- /* @__PURE__ */ jsx(TableCell, { children: Number(techdoc.count).toLocaleString() ?? "--" })
110
+ /* @__PURE__ */ jsx(TableCell, { children: Number(techdoc.count).toLocaleString("en-US") ?? "--" })
111
111
  ]
112
112
  },
113
113
  techdoc.name ?? "index-page"
@@ -1 +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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"}
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('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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"}
@@ -96,7 +96,7 @@ const Templates = () => {
96
96
  children: name ?? "--"
97
97
  }
98
98
  ) }),
99
- /* @__PURE__ */ jsx(TableCell, { sx: { width: "50%" }, children: Number(template.count).toLocaleString() ?? "--" })
99
+ /* @__PURE__ */ jsx(TableCell, { sx: { width: "50%" }, children: Number(template.count).toLocaleString("en-US") ?? "--" })
100
100
  ]
101
101
  },
102
102
  template.entityref
@@ -1 +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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"}
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('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":";;;;;;;;;;;;;;;;;;;AAoCA,MAAM,YAAY,MAAM;AACtB,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAA,MAAM,CAAC,KAAK,CAAI,GAAA,QAAA,CAAS,EAAE,CAAA;AAC3B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAS,CAAC,CAAA;AAEhD,EAAM,MAAA,EAAE,WAAW,OAAS,EAAA,KAAA,KAAU,YAAa,CAAA,EAAE,OAAO,CAAA;AAE5D,EAAA,MAAM,gBAAmB,GAAA,WAAA,CAAY,CAAC,MAAA,EAAiB,OAAoB,KAAA;AACzE,IAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,GACjB,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,uBAA0B,GAAA,WAAA;AAAA,IAC9B,CAAC,KAA+D,KAAA;AAC9D,MAAe,cAAA,CAAA,CAAC,KAAM,CAAA,MAAA,CAAO,KAAK,CAAA;AAClC,MAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,KACX;AAAA,IACA;AAAC,GACH;AAEA,EAAM,MAAA,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IAAA,OAAO,UAAU,IAAM,EAAA,KAAA;AAAA,MACrB,IAAO,GAAA,WAAA;AAAA,MACP,OAAO,WAAc,GAAA;AAAA,KACvB;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,IAAA,EAAM,WAAW,CAAC,CAAA;AAEjC,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,2BACG,WAAY,EAAA,EAAA,KAAA,EAAM,iBACjB,QAAC,kBAAA,GAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAI,CAAC,gBAAA,IAAoB,gBAAkB,EAAA,MAAA,KAAW,CAAG,EAAA;AACvD,IACE,uBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,eACjB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,MAAQ,EAAA,GAAA;AAAA,QAER,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,EAAA,CAAA;AAAA;AAIJ,EAAA,uBACG,GAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA,CAAA,IAAA,EAAO,WAAW,CACpC,UAAA,CAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAM,EAAA,EAAA,iBAAA,EAAgB,kBAAmB,EAAA,EAAA,EAAI,EAAE,KAAA,EAAO,QACrD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QACE,EAAA,EAAA,QAAA,EAAA,sBAAA,CAAuB,IAAI,CAC1B,MAAA,qBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QAEC,KAAM,EAAA,MAAA;AAAA,QACN,EAAI,EAAA;AAAA,UACF,cAAc,CAAS,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,SAC7D;AAAA,QAEC,QAAO,EAAA,MAAA,CAAA;AAAA,OAAA;AAAA,MANH,MAAO,CAAA;AAAA,KAQf,GACH,CACF,EAAA,CAAA;AAAA,wBACC,SACE,EAAA,EAAA,QAAA,EAAA,OAAA,uBACE,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,aAAU,OAAS,EAAA,sBAAA,CAAuB,QAAQ,KAAM,EAAA,QAAA,EACvD,8BAAC,gBAAiB,EAAA,EAAA,CAAA,EACpB,GACF,CAEA,GAAA,gBAAA,EAAkB,IAAI,CAAY,QAAA,KAAA;AAChC,MACE,IAAA,CAAC,SAAS,SACV,IAAA,MAAA,CAAO,KAAK,QAAS,CAAA,SAAS,EAAE,MAAW,KAAA,CAAA;AAE3C,QAAO,OAAA,IAAA;AAET,MAAA,MAAM,EAAE,IAAA,EAAM,SAAY,GAAA,SAAA,EAAc,GAAA,cAAA;AAAA,QACtC,QAAU,EAAA;AAAA,OACZ;AACA,MAAA,MAAM,cAAiB,GAAA,CAAA,kBAAA,EAAqB,SAAS,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA;AAE7D,MACE,uBAAA,IAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UAEC,EAAI,EAAA;AAAA,YACF,oBAAA,EAAsB,EAAE,eAAA,EAAiB,SAAU,EAAA;AAAA,YACnD,cAAc,CACZ,KAAA,KAAA,CAAA,UAAA,EAAa,MAAM,OAAQ,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA;AAAA,WACxC;AAAA,UAEA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,SAAU,EAAA,EAAA,EAAA,EAAI,EAAE,KAAA,EAAO,OACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,cAAC,IAAA;AAAA,cAAA;AAAA,gBACC,SAAU,EAAA,GAAA;AAAA,gBACV,IAAM,EAAA,cAAA;AAAA,gBACN,MAAO,EAAA,QAAA;AAAA,gBACP,GAAI,EAAA,qBAAA;AAAA,gBACJ,EAAI,EAAA;AAAA,kBACF,cAAgB,EAAA,MAAA;AAAA,kBAChB,SAAW,EAAA;AAAA,oBACT,cAAgB,EAAA;AAAA;AAClB,iBACF;AAAA,gBAEC,QAAQ,EAAA,IAAA,IAAA;AAAA;AAAA,aAEb,EAAA,CAAA;AAAA,4BACC,GAAA,CAAA,SAAA,EAAA,EAAU,EAAI,EAAA,EAAE,OAAO,KAAM,EAAA,EAC3B,QAAO,EAAA,MAAA,CAAA,QAAA,CAAS,KAAK,CAAA,CAAE,cAAe,CAAA,OAAO,KAAK,IACrD,EAAA;AAAA;AAAA,SAAA;AAAA,QAzBK,QAAS,CAAA;AAAA,OA0BhB;AAAA,KAEH,CAEL,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,WACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,SAAS,sBAAuB,CAAA,MAAA;AAAA,QAChC,EAAA,EAAI,EAAE,OAAA,EAAS,CAAE,EAAA;AAAA,QAEjB,QAAA,kBAAA,GAAA;AAAA,UAAC,qBAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,UAAU,IAAM,EAAA,MAAA;AAAA,YACvB,WAAA;AAAA,YACA,IAAA;AAAA,YACA,gBAAA;AAAA,YACA;AAAA;AAAA;AACF;AAAA,OAEJ,CACF,EAAA;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}
@@ -23,7 +23,7 @@ const Tooltip = ({ active, payload, licensed_users, logged_in_users }) => {
23
23
  Typography,
24
24
  {
25
25
  style: { fontSize: "0.875rem", margin: 0, fontWeight: "500" },
26
- children: name === "Licensed" ? (value - logged_in_users).toLocaleString() : value.toLocaleString()
26
+ children: name === "Licensed" ? (value - logged_in_users).toLocaleString("en-US") : value.toLocaleString("en-US")
27
27
  }
28
28
  ),
29
29
  /* @__PURE__ */ jsxs(
@@ -1 +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;;;;"}
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('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;;;;"}
@@ -78,7 +78,7 @@ const Users = () => {
78
78
  /* @__PURE__ */ jsx(
79
79
  Label,
80
80
  {
81
- value: logged_in_users.toLocaleString(),
81
+ value: logged_in_users.toLocaleString("en-US"),
82
82
  position: "center",
83
83
  style: {
84
84
  fontSize: "24px",
@@ -90,7 +90,7 @@ const Users = () => {
90
90
  /* @__PURE__ */ jsx(
91
91
  Label,
92
92
  {
93
- value: `of ${licensed_users.toLocaleString()}`,
93
+ value: `of ${licensed_users.toLocaleString("en-US")}`,
94
94
  position: "center",
95
95
  dy: 20,
96
96
  style: {
@@ -1 +1 @@
1
- {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { 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":";;;;;;;;;;;;;;;;;AAuCA,MAAM,QAAQ,MAAM;AAClB,EAAA,MAAM,QAAQ,QAAS,EAAA;AAEvB,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,KAAU,QAAS,EAAA;AAE3C,EAAA,IAAI,KAAO,EAAA;AACT,IACE,uBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,KAAA,EAAM,uBAAwB,EAAA,MAAA,kBAAS,GAAA,CAAA,aAAA,EAAA,EAAc,CAChE,EAAA,QAAA,kBAAA,GAAA,CAAC,kBAAmB,EAAA,EAAA,KAAA,EAAc,CACpC,EAAA,CAAA;AAAA;AAIJ,EAAA,IAAA,CACG,CAAC,KAAA,IAAS,KAAM,CAAA,IAAA,EAAM,WAAW,CAAM,IAAA,CAAC,KAAM,CAAA,IAAA,GAAO,CAAC,CAAA,IAAK,CAAC,OAAA,KAC7D,CAAC,KACD,EAAA;AACA,IAAA,2BACG,WAAY,EAAA,EAAA,KAAA,EAAM,yBAAwB,MAAQ,kBAAA,GAAA,CAAC,iBAAc,CAChE,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,MAAA;AAAA,QACR,cAAe,EAAA,QAAA;AAAA,QACf,UAAW,EAAA,QAAA;AAAA,QACX,MAAQ,EAAA,GAAA;AAAA,QAER,8BAAC,eAAgB,EAAA,EAAA;AAAA;AAAA,KAErB,EAAA,CAAA;AAAA;AAIJ,EAAM,MAAA,EAAE,eAAkB,GAAA,CAAA,EAAG,cAAiB,GAAA,CAAA,KAAM,KAAO,EAAA,IAAA,GAAO,CAAC,CAAA,IAAK,EAAC;AAEzE,EAAA,MAAM,kBACJ,GAAA,eAAA,IAAmB,cACf,GAAA,IAAA,CAAK,KAAO,CAAA,MAAA,CAAO,eAAe,CAAA,GAAI,MAAO,CAAA,cAAc,CAAK,GAAA,GAAG,KACnE,CACA,GAAA,CAAA;AAEN,EAAA,MAAM,IAAO,GAAA;AAAA,IACX;AAAA,MACE,IAAM,EAAA,iBAAA;AAAA,MACN,KAAA,EAAO,OAAO,eAAe,CAAA;AAAA,MAC7B,KAAO,EAAA;AAAA,KACT;AAAA,IACA,EAAE,MAAM,UAAY,EAAA,KAAA,EAAO,OAAO,cAAc,CAAA,EAAG,OAAO,SAAU;AAAA,GACtE;AAEA,EACE,uBAAA,GAAA,CAAC,eAAY,KAAM,EAAA,uBAAA,EAAwB,wBAAS,GAAA,CAAA,aAAA,EAAA,EAAc,GAC/D,QACC,EAAA,OAAA,mBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,cAAe,EAAA,QAAA;AAAA,MACf,UAAW,EAAA,QAAA;AAAA,MACX,MAAQ,EAAA,GAAA;AAAA,MAER,8BAAC,gBAAiB,EAAA,EAAA;AAAA;AAAA,GAGpB,mBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,MAAA;AAAA,MACR,UAAW,EAAA,QAAA;AAAA,MACX,GAAK,EAAA,CAAA;AAAA,MACL,cAAe,EAAA,YAAA;AAAA,MAEf,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,OAAI,OAAQ,EAAA,MAAA,EAAO,UAAW,EAAA,QAAA,EAAS,MAAM,CAC5C,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,EAAE,KAAA,EAAO,QAAQ,QAAU,EAAA,OAAA,EAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,uBAAoB,KAAM,EAAA,MAAA,EAAO,MAAQ,EAAA,GAAA,EACxC,+BAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,4BAAA,IAAA;AAAA,cAAC,GAAA;AAAA,cAAA;AAAA,gBACC,IAAA;AAAA,gBACA,OAAQ,EAAA,OAAA;AAAA,gBACR,OAAQ,EAAA,MAAA;AAAA,gBACR,WAAY,EAAA,KAAA;AAAA,gBACZ,WAAY,EAAA,KAAA;AAAA,gBACZ,UAAY,EAAA,EAAA;AAAA,gBACZ,QAAU,EAAA,IAAA;AAAA,gBACV,MAAO,EAAA,MAAA;AAAA,gBAEN,QAAA,EAAA;AAAA,kBAAK,IAAA,CAAA,GAAA,CAAI,2BACP,GAAA,CAAA,IAAA,EAAA,EAAsB,MAAM,KAAM,CAAA,KAAA,EAAA,EAAxB,KAAM,CAAA,IAAyB,CAC3C,CAAA;AAAA,kCAED,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAA,EAAO,gBAAgB,cAAe,EAAA;AAAA,sBACtC,QAAS,EAAA,QAAA;AAAA,sBACT,KAAO,EAAA;AAAA,wBACL,QAAU,EAAA,MAAA;AAAA,wBACV,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA,OAAA;AAAA,wBACzB,UAAY,EAAA;AAAA;AACd;AAAA,mBACF;AAAA,kCACA,GAAA;AAAA,oBAAC,KAAA;AAAA,oBAAA;AAAA,sBACC,KAAO,EAAA,CAAA,GAAA,EAAM,cAAe,CAAA,cAAA,EAAgB,CAAA,CAAA;AAAA,sBAC5C,QAAS,EAAA,QAAA;AAAA,sBACT,EAAI,EAAA,EAAA;AAAA,sBACJ,KAAO,EAAA;AAAA,wBACL,QAAU,EAAA,MAAA;AAAA,wBACV,UAAY,EAAA,QAAA;AAAA,wBACZ,IAAA,EAAM,KAAM,CAAA,OAAA,CAAQ,IAAK,CAAA;AAAA;AAC3B;AAAA;AACF;AAAA;AAAA,aACF;AAAA,4BACA,GAAA;AAAA,cAAC,OAAA;AAAA,cAAA;AAAA,gBACC,OACE,kBAAA,GAAA;AAAA,kBAACA,SAAA;AAAA,kBAAA;AAAA,oBACC,cAAA;AAAA,oBACA;AAAA;AAAA;AACF;AAAA;AAEJ,WAAA,EACF,GACF,CACF,EAAA,CAAA;AAAA,0BAEA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAK,IACT,EAAA,QAAA,EAAA;AAAA,4BAAC,IAAA,CAAA,QAAA,EAAA,EAA+B,gBAAc,IAC5C,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAa,EAAA,EAAA,EAAA,EAAI,EAAE,QAAA,EAAU,IAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAI,EAAA;AAAA,oBACF,KAAO,EAAA,EAAA;AAAA,oBACP,MAAQ,EAAA,EAAA;AAAA,oBACR,OAAS,EAAA,SAAA;AAAA,oBACT,YAAc,EAAA;AAAA;AAChB;AAAA,eAEJ,EAAA,CAAA;AAAA,8BACA,GAAA,CAAC,YAAa,EAAA,EAAA,OAAA,EAAQ,iBAAkB,EAAA;AAAA,aAAA,EAAA,EAX5B,iBAYd,CAAA;AAAA,4BACA,IAAA,CAAC,QAA8B,EAAA,EAAA,cAAA,EAAc,IAC3C,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,YAAa,EAAA,EAAA,EAAA,EAAI,EAAE,QAAA,EAAU,IAC5B,EAAA,QAAA,kBAAA,GAAA;AAAA,gBAAC,GAAA;AAAA,gBAAA;AAAA,kBACC,EAAI,EAAA;AAAA,oBACF,KAAO,EAAA,EAAA;AAAA,oBACP,MAAQ,EAAA,EAAA;AAAA,oBACR,OAAS,EAAA,SAAA;AAAA,oBACT,YAAc,EAAA;AAAA;AAChB;AAAA,eAEJ,EAAA,CAAA;AAAA,8BACA,GAAA,CAAC,YAAa,EAAA,EAAA,OAAA,EAAQ,UAAW,EAAA;AAAA,aAAA,EAAA,EAXrB,gBAYd;AAAA,WACF,EAAA;AAAA,SACF,EAAA,CAAA;AAAA,wBAEC,IAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAG,KAAK,CACjB,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,OAAQ,EAAA,IAAA;AAAA,cACR,UAAW,EAAA,MAAA;AAAA,cACX,EAAA,EAAI,EAAE,QAAA,EAAU,MAAO,EAAA;AAAA,cAEtB,QAAA,EAAA;AAAA,gBAAA,kBAAA;AAAA,gBAAmB;AAAA;AAAA;AAAA,WACtB;AAAA,8BACC,UAAW,EAAA,EAAA,OAAA,EAAQ,OAAQ,EAAA,KAAA,EAAM,iBAAgB,QAElD,EAAA,gBAAA,EAAA;AAAA,SACF,EAAA;AAAA;AAAA;AAAA,GAGN,EAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n Cell,\n Label,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n const theme = useTheme();\n\n const { users, loading, error } = useUsers();\n\n if (error) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <ResponseErrorPanel error={error} />\n </CardWrapper>\n );\n }\n\n if (\n (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) &&\n !error\n ) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <EmptyChartState />\n </Box>\n </CardWrapper>\n );\n }\n\n const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n const loggedInPercentage =\n logged_in_users && licensed_users\n ? Math.round((Number(logged_in_users) / Number(licensed_users)) * 100) ||\n 0\n : 0;\n\n const data = [\n {\n name: 'Logged-in users',\n value: Number(logged_in_users),\n color: '#00AEEF',\n },\n { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n ];\n\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n {loading ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <CircularProgress />\n </Box>\n ) : (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={2}\n justifyContent=\"flex-start\"\n >\n <Box display=\"flex\" alignItems=\"center\" flex={7}>\n <Box sx={{ width: '100%', maxWidth: '240px' }}>\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={data}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius=\"60%\"\n outerRadius=\"70%\"\n startAngle={90}\n endAngle={-270}\n stroke=\"none\"\n >\n {data.map(entry => (\n <Cell key={entry.name} fill={entry.color} />\n ))}\n\n <Label\n value={logged_in_users.toLocaleString('en-US')}\n position=\"center\"\n style={{\n fontSize: '24px',\n fill: theme.palette.text.primary,\n textAnchor: 'middle',\n }}\n />\n <Label\n value={`of ${licensed_users.toLocaleString('en-US')}`}\n position=\"center\"\n dy={20}\n style={{\n fontSize: '14px',\n textAnchor: 'middle',\n fill: theme.palette.text.secondary,\n }}\n />\n </Pie>\n <Tooltip\n content={\n <CustomTooltip\n licensed_users={licensed_users}\n logged_in_users={logged_in_users}\n />\n }\n />\n </PieChart>\n </ResponsiveContainer>\n </Box>\n\n <List dense>\n <ListItem key=\"logged-in users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#00AEEF',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Logged-in users\" />\n </ListItem>\n <ListItem key=\"licensed users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#E5E5E5',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Licensed\" />\n </ListItem>\n </List>\n </Box>\n\n <Box flex={3} gap={2}>\n <Typography\n variant=\"h1\"\n fontWeight=\"bold\"\n sx={{ fontSize: '54px' }}\n >\n {loggedInPercentage}%\n </Typography>\n <Typography variant=\"body1\" color=\"textSecondary\">\n have logged in\n </Typography>\n </Box>\n </Box>\n )}\n </CardWrapper>\n );\n};\n\nexport default Users;\n"],"names":["CustomTooltip"],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
- import { format } from 'date-fns';
4
+ import { formatInTimeZone } from 'date-fns-tz';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
7
  import { determineGrouping } from '../utils/utils.esm.js';
@@ -16,10 +16,12 @@ const useActiveUsers = () => {
16
16
  const grouping = determineGrouping(startDateRange, endDateRange);
17
17
  const api = useApi(adoptionInsightsApiRef);
18
18
  const getActiveUsers = useCallback(async () => {
19
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
19
20
  return await api.getActiveUsers({
20
21
  type: "active_users",
21
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
22
- end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
22
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
23
+ end_date: endDateRange ? formatInTimeZone(endDateRange, timezone, "yyyy-MM-dd") : void 0,
24
+ timezone,
23
25
  grouping
24
26
  }).then(
25
27
  (response) => setActiveUsers(response ?? { grouping: void 0, data: [] })
@@ -1 +1 @@
1
- {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { 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;;;;"}
1
+ {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nimport { ActiveUsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useActiveUsers = (): {\n activeUsers: ActiveUsersResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [activeUsers, setActiveUsers] = useState<ActiveUsersResponse>({\n grouping: undefined,\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getActiveUsers = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getActiveUsers({\n type: 'active_users',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange\n ? formatInTimeZone(endDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n timezone,\n grouping,\n })\n .then(response =>\n setActiveUsers(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getActiveUsers();\n }, [getActiveUsers]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { activeUsers, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,iBAAiB,MAIzB;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,QAA8B,CAAA;AAAA,IAClE,QAAU,EAAA,MAAA;AAAA,IACV,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,cAAA,GAAiB,YAAY,YAAY;AAC7C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,cAAe,CAAA;AAAA,MACd,IAAM,EAAA,cAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,UAAU,YACN,GAAA,gBAAA,CAAiB,YAAc,EAAA,QAAA,EAAU,YAAY,CACrD,GAAA,MAAA;AAAA,MACJ,QAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,eAAe,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC9D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,cAAe,EAAA;AAAA,GAC9B,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,WAAA,EAAa,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACpD;;;;"}
@@ -4,6 +4,7 @@ import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { formatInTimeZone } from 'date-fns-tz';
7
8
 
8
9
  const useCatalogEntities = ({
9
10
  limit = 20,
@@ -14,10 +15,12 @@ const useCatalogEntities = ({
14
15
  const { startDateRange, endDateRange } = useDateRange();
15
16
  const api = useApi(adoptionInsightsApiRef);
16
17
  const getCatalogEntities = useCallback(async () => {
18
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
17
19
  return await api.getCatalogEntities({
18
20
  type: "top_catalog_entities",
19
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
21
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
20
22
  end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
23
+ timezone,
21
24
  limit,
22
25
  kind
23
26
  }).then(
@@ -1 +1 @@
1
- {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { 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;;;;"}
1
+ {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, CatalogEntitiesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useCatalogEntities = ({\n limit = 20,\n kind = '',\n}: APIsViewOptions): {\n catalogEntities: CatalogEntitiesResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [catalogEntities, setCatalogEntities] =\n useState<CatalogEntitiesResponse>({ data: [] });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getCatalogEntities = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getCatalogEntities({\n type: 'top_catalog_entities',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n limit,\n kind,\n })\n .then((response: CatalogEntitiesResponse) =>\n setCatalogEntities(response ?? { data: [] }),\n );\n }, [api, kind, limit, startDateRange, endDateRange]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getCatalogEntities();\n }, [getCatalogEntities]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n } else {\n setLoadingData(true);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { catalogEntities, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;AA0BO,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAQ,GAAA,EAAA;AAAA,EACR,IAAO,GAAA;AACT,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAM,MAAA,CAAC,iBAAiB,kBAAkB,CAAA,GACxC,SAAkC,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAEhD,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,kBAAA,GAAqB,YAAY,YAAY;AACjD,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,kBAAmB,CAAA;AAAA,MAClB,IAAM,EAAA,sBAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,kBAAmB,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KAC7C;AAAA,KACD,CAAC,GAAA,EAAK,MAAM,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,kBAAmB,EAAA;AAAA,GAClC,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,KACf,MAAA;AACL,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA;AAErB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,eAAA,EAAiB,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACxD;;;;"}
@@ -5,6 +5,7 @@ import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
7
  import { determineGrouping } from '../utils/utils.esm.js';
8
+ import { formatInTimeZone } from 'date-fns-tz';
8
9
 
9
10
  const usePlugins = ({
10
11
  limit = 20
@@ -17,10 +18,12 @@ const usePlugins = ({
17
18
  const grouping = determineGrouping(startDateRange, endDateRange);
18
19
  const api = useApi(adoptionInsightsApiRef);
19
20
  const getPlugins = useCallback(async () => {
21
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
20
22
  return await api.getPlugins({
21
23
  type: "top_plugins",
22
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
24
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
23
25
  end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
26
+ timezone,
24
27
  limit,
25
28
  grouping
26
29
  }).then((response) => setPlugins(response ?? { data: [] }));
@@ -1 +1 @@
1
- {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { 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;;;;"}
1
+ {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useEffect, useCallback } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, PluginTrendResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const usePlugins = ({\n limit = 20,\n}: APIsViewOptions): {\n plugins: PluginTrendResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [plugins, setPlugins] = useState<PluginTrendResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getPlugins = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getPlugins({\n type: 'top_plugins',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n limit,\n grouping,\n })\n .then(response => setPlugins(response ?? { data: [] }));\n }, [api, limit, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getPlugins();\n }, [getPlugins]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { plugins, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,QAA8B,CAAA;AAAA,IAC1D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,UAAA,GAAa,YAAY,YAAY;AACzC,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,UAAW,CAAA;AAAA,MACV,IAAM,EAAA,aAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,UAAA,CAAW,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACvD,CAAC,GAAA,EAAK,OAAO,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEvD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,UAAW,EAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,OAAA,EAAS,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAChD;;;;"}
@@ -5,6 +5,7 @@ import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
7
  import { determineGrouping } from '../utils/utils.esm.js';
8
+ import { formatInTimeZone } from 'date-fns-tz';
8
9
 
9
10
  const useSearches = () => {
10
11
  const [loadingData, setLoadingData] = useState(true);
@@ -15,11 +16,14 @@ const useSearches = () => {
15
16
  const grouping = determineGrouping(startDateRange, endDateRange);
16
17
  const api = useApi(adoptionInsightsApiRef);
17
18
  const getSearches = useCallback(async () => {
19
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
18
20
  return await api.getSearches({
19
21
  type: "top_searches",
20
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
22
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
21
23
  end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
22
- grouping
24
+ timezone,
25
+ grouping,
26
+ limit: 24
23
27
  }).then(
24
28
  (response) => setSearches(response ?? { grouping: void 0, data: [] })
25
29
  );
@@ -1 +1 @@
1
- {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { 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;;;;"}
1
+ {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { SearchesResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\nimport { formatInTimeZone } from 'date-fns-tz';\n\nexport const useSearches = (): {\n searches: SearchesResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = useState<boolean>(true);\n const [searches, setSearches] = useState<SearchesResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getSearches = useCallback(async () => {\n const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;\n return await api\n .getSearches({\n type: 'top_searches',\n start_date: startDateRange\n ? formatInTimeZone(startDateRange, timezone, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n timezone,\n grouping,\n limit: 24,\n })\n .then(response =>\n setSearches(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getSearches();\n }, [getSearches]);\n\n useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { searches, error, loading: loadingData };\n};\n"],"names":[],"mappings":";;;;;;;;;AA2BO,MAAM,cAAc,MAItB;AACH,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,SAAkB,IAAI,CAAA;AAC5D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA2B,CAAA;AAAA,IACzD,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAc,YAAY,YAAY;AAC1C,IAAA,MAAM,WAAW,IAAI,IAAA,CAAK,cAAe,EAAA,CAAE,iBAAkB,CAAA,QAAA;AAC7D,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,YAAY,cACR,GAAA,gBAAA,CAAiB,cAAgB,EAAA,QAAA,EAAU,YAAY,CACvD,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,QAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAO,EAAA;AAAA,KACR,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,YAAY,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC3D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}
@@ -4,6 +4,7 @@ import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { formatInTimeZone } from 'date-fns-tz';
7
8
 
8
9
  const useTechdocs = ({
9
10
  limit = 20
@@ -15,10 +16,12 @@ const useTechdocs = ({
15
16
  const { startDateRange, endDateRange } = useDateRange();
16
17
  const api = useApi(adoptionInsightsApiRef);
17
18
  const getTechdocs = useCallback(async () => {
19
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
18
20
  return await api.getTechdocs({
19
21
  type: "top_techdocs",
20
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
22
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
21
23
  end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
24
+ timezone: new Intl.DateTimeFormat().resolvedOptions().timeZone,
22
25
  limit
23
26
  }).then((response) => setTechdocs(response ?? { data: [] }));
24
27
  }, [api, limit, startDateRange, endDateRange]);
@@ -1 +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;;;;"}
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';\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;;;;"}
@@ -4,6 +4,7 @@ import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { formatInTimeZone } from 'date-fns-tz';
7
8
 
8
9
  const useTemplates = ({
9
10
  limit = 20
@@ -15,10 +16,12 @@ const useTemplates = ({
15
16
  const { startDateRange, endDateRange } = useDateRange();
16
17
  const api = useApi(adoptionInsightsApiRef);
17
18
  const getTemplates = useCallback(async () => {
19
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
18
20
  return await api.getTemplates({
19
21
  type: "top_templates",
20
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
22
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
21
23
  end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
24
+ timezone,
22
25
  limit
23
26
  }).then(
24
27
  (response) => setTemplates(response ?? { data: [] })
@@ -1 +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;;;;"}
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';\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;;;;"}
@@ -4,6 +4,7 @@ import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
5
5
  import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
6
  import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { formatInTimeZone } from 'date-fns-tz';
7
8
 
8
9
  const useUsers = () => {
9
10
  const [loadingData, setLoadingData] = useState(true);
@@ -11,10 +12,12 @@ const useUsers = () => {
11
12
  const { startDateRange, endDateRange } = useDateRange();
12
13
  const api = useApi(adoptionInsightsApiRef);
13
14
  const getUsers = useCallback(async () => {
15
+ const timezone = new Intl.DateTimeFormat().resolvedOptions().timeZone;
14
16
  return await api.getUsers({
15
17
  type: "total_users",
16
- start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
17
- end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0
18
+ start_date: startDateRange ? formatInTimeZone(startDateRange, timezone, "yyyy-MM-dd") : void 0,
19
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
20
+ timezone
18
21
  }).then((response) => setUsers(response ?? { data: [] }));
19
22
  }, [api, startDateRange, endDateRange]);
20
23
  const { error, loading } = useAsyncRetry(async () => {