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

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 (65) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/components/ActiveUsers/ActiveUsers.esm.js +106 -89
  3. package/dist/components/ActiveUsers/ActiveUsers.esm.js.map +1 -1
  4. package/dist/components/ActiveUsers/CustomLegend.esm.js +40 -35
  5. package/dist/components/ActiveUsers/CustomLegend.esm.js.map +1 -1
  6. package/dist/components/ActiveUsers/CustomTooltip.esm.js +68 -57
  7. package/dist/components/ActiveUsers/CustomTooltip.esm.js.map +1 -1
  8. package/dist/components/ActiveUsers/ExportCSVButton.esm.js +26 -25
  9. package/dist/components/ActiveUsers/ExportCSVButton.esm.js.map +1 -1
  10. package/dist/components/AdoptionInsightsPage/AdoptionInsightsPage.esm.js +13 -2
  11. package/dist/components/AdoptionInsightsPage/AdoptionInsightsPage.esm.js.map +1 -1
  12. package/dist/components/CardFooter/TableFooterPagination.esm.js +42 -42
  13. package/dist/components/CardFooter/TableFooterPagination.esm.js.map +1 -1
  14. package/dist/components/CardWrapper/CardWrapper.esm.js +29 -24
  15. package/dist/components/CardWrapper/CardWrapper.esm.js.map +1 -1
  16. package/dist/components/CatalogEntities/CatalogEntities.esm.js +96 -92
  17. package/dist/components/CatalogEntities/CatalogEntities.esm.js.map +1 -1
  18. package/dist/components/CatalogEntities/FilterDropdown.esm.js +22 -17
  19. package/dist/components/CatalogEntities/FilterDropdown.esm.js.map +1 -1
  20. package/dist/components/Common/CustomCursor.esm.js +2 -2
  21. package/dist/components/Common/CustomCursor.esm.js.map +1 -1
  22. package/dist/components/Common/EmptyChartState.esm.js +2 -2
  23. package/dist/components/Common/EmptyChartState.esm.js.map +1 -1
  24. package/dist/components/Common/PermissionRequiredIcon.esm.js +2 -2
  25. package/dist/components/Common/PermissionRequiredIcon.esm.js.map +1 -1
  26. package/dist/components/Common/PermissionRequiredState.esm.js +29 -23
  27. package/dist/components/Common/PermissionRequiredState.esm.js.map +1 -1
  28. package/dist/components/Header/DateRangeContext.esm.js +7 -6
  29. package/dist/components/Header/DateRangeContext.esm.js.map +1 -1
  30. package/dist/components/Header/DateRangePicker.esm.js +67 -59
  31. package/dist/components/Header/DateRangePicker.esm.js.map +1 -1
  32. package/dist/components/Header/Header.esm.js +116 -106
  33. package/dist/components/Header/Header.esm.js.map +1 -1
  34. package/dist/components/Plugins/Plugins.esm.js +74 -64
  35. package/dist/components/Plugins/Plugins.esm.js.map +1 -1
  36. package/dist/components/Searches/CustomTooltip.esm.js +41 -36
  37. package/dist/components/Searches/CustomTooltip.esm.js.map +1 -1
  38. package/dist/components/Searches/Searches.esm.js +85 -74
  39. package/dist/components/Searches/Searches.esm.js.map +1 -1
  40. package/dist/components/Techdocs/Techdocs.esm.js +85 -81
  41. package/dist/components/Techdocs/Techdocs.esm.js.map +1 -1
  42. package/dist/components/Templates/Templates.esm.js +74 -70
  43. package/dist/components/Templates/Templates.esm.js.map +1 -1
  44. package/dist/components/Users/Info.esm.js +12 -12
  45. package/dist/components/Users/Info.esm.js.map +1 -1
  46. package/dist/components/Users/Tooltip.esm.js +27 -23
  47. package/dist/components/Users/Tooltip.esm.js.map +1 -1
  48. package/dist/components/Users/Users.esm.js +119 -95
  49. package/dist/components/Users/Users.esm.js.map +1 -1
  50. package/dist/hooks/useActiveUsers.esm.js +5 -5
  51. package/dist/hooks/useActiveUsers.esm.js.map +1 -1
  52. package/dist/hooks/useCatalogEntities.esm.js +5 -5
  53. package/dist/hooks/useCatalogEntities.esm.js.map +1 -1
  54. package/dist/hooks/usePlugins.esm.js +5 -5
  55. package/dist/hooks/usePlugins.esm.js.map +1 -1
  56. package/dist/hooks/useSearches.esm.js +5 -5
  57. package/dist/hooks/useSearches.esm.js.map +1 -1
  58. package/dist/hooks/useTechdocs.esm.js +5 -5
  59. package/dist/hooks/useTechdocs.esm.js.map +1 -1
  60. package/dist/hooks/useTemplates.esm.js +5 -5
  61. package/dist/hooks/useTemplates.esm.js.map +1 -1
  62. package/dist/hooks/useUsers.esm.js +5 -5
  63. package/dist/hooks/useUsers.esm.js.map +1 -1
  64. package/dist/index.d.ts +2 -3
  65. package/package.json +18 -17
@@ -1,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { ResponseErrorPanel } from '@backstage/core-components';
3
3
  import { ResponsiveContainer, PieChart, Pie, Cell, Label, Tooltip } from 'recharts';
4
4
  import Typography from '@mui/material/Typography';
@@ -19,19 +19,19 @@ const Users = () => {
19
19
  const theme = useTheme();
20
20
  const { users, loading, error } = useUsers();
21
21
  if (error) {
22
- return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(ResponseErrorPanel, { error }));
22
+ return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: /* @__PURE__ */ jsx(ResponseErrorPanel, { error }) });
23
23
  }
24
24
  if ((!users || users.data?.length === 0 || !users.data?.[0] && !loading) && !error) {
25
- return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(
25
+ return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: /* @__PURE__ */ jsx(
26
26
  Box,
27
27
  {
28
28
  display: "flex",
29
29
  justifyContent: "center",
30
30
  alignItems: "center",
31
- height: 200
32
- },
33
- /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
34
- ));
31
+ height: 200,
32
+ children: /* @__PURE__ */ jsx(EmptyChartState, {})
33
+ }
34
+ ) });
35
35
  }
36
36
  const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};
37
37
  const loggedInPercentage = logged_in_users && licensed_users ? Math.round(Number(logged_in_users) / Number(licensed_users) * 100) || 0 : 0;
@@ -43,104 +43,128 @@ const Users = () => {
43
43
  },
44
44
  { name: "Licensed", value: Number(licensed_users), color: "#E5E5E5" }
45
45
  ];
46
- return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, loading ? /* @__PURE__ */ React__default.createElement(
46
+ return /* @__PURE__ */ jsx(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ jsx(InfoComponent, {}), children: loading ? /* @__PURE__ */ jsx(
47
47
  Box,
48
48
  {
49
49
  display: "flex",
50
50
  justifyContent: "center",
51
51
  alignItems: "center",
52
- height: 200
53
- },
54
- /* @__PURE__ */ React__default.createElement(CircularProgress, null)
55
- ) : /* @__PURE__ */ React__default.createElement(
52
+ height: 200,
53
+ children: /* @__PURE__ */ jsx(CircularProgress, {})
54
+ }
55
+ ) : /* @__PURE__ */ jsxs(
56
56
  Box,
57
57
  {
58
58
  display: "flex",
59
59
  alignItems: "center",
60
60
  gap: 2,
61
- justifyContent: "flex-start"
62
- },
63
- /* @__PURE__ */ React__default.createElement(Box, { display: "flex", alignItems: "center", flex: 7 }, /* @__PURE__ */ React__default.createElement(Box, { sx: { width: "100%", maxWidth: "240px" } }, /* @__PURE__ */ React__default.createElement(ResponsiveContainer, { width: "100%", height: 240 }, /* @__PURE__ */ React__default.createElement(PieChart, null, /* @__PURE__ */ React__default.createElement(
64
- Pie,
65
- {
66
- data,
67
- dataKey: "value",
68
- nameKey: "name",
69
- innerRadius: "60%",
70
- outerRadius: "70%",
71
- startAngle: 90,
72
- endAngle: -270,
73
- stroke: "none"
74
- },
75
- data.map((entry) => /* @__PURE__ */ React__default.createElement(Cell, { key: entry.name, fill: entry.color })),
76
- /* @__PURE__ */ React__default.createElement(
77
- Label,
78
- {
79
- value: logged_in_users.toLocaleString(),
80
- position: "center",
81
- style: {
82
- fontSize: "24px",
83
- fill: theme.palette.text.primary,
84
- textAnchor: "middle"
85
- }
86
- }
87
- ),
88
- /* @__PURE__ */ React__default.createElement(
89
- Label,
90
- {
91
- value: `of ${licensed_users.toLocaleString()}`,
92
- position: "center",
93
- dy: 20,
94
- style: {
95
- fontSize: "14px",
96
- textAnchor: "middle",
97
- fill: theme.palette.text.secondary
98
- }
99
- }
100
- )
101
- ), /* @__PURE__ */ React__default.createElement(
102
- Tooltip,
103
- {
104
- content: /* @__PURE__ */ React__default.createElement(
105
- Tooltip$1,
106
- {
107
- licensed_users,
108
- logged_in_users
109
- }
110
- )
111
- }
112
- )))), /* @__PURE__ */ React__default.createElement(List, { dense: true }, /* @__PURE__ */ React__default.createElement(ListItem, { key: "logged-in users", disableGutters: true }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { sx: { minWidth: 24 } }, /* @__PURE__ */ React__default.createElement(
113
- Box,
114
- {
115
- sx: {
116
- width: 12,
117
- height: 12,
118
- bgcolor: "#00AEEF",
119
- borderRadius: "2px"
120
- }
121
- }
122
- )), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: "Logged-in users" })), /* @__PURE__ */ React__default.createElement(ListItem, { key: "licensed users", disableGutters: true }, /* @__PURE__ */ React__default.createElement(ListItemIcon, { sx: { minWidth: 24 } }, /* @__PURE__ */ React__default.createElement(
123
- Box,
124
- {
125
- sx: {
126
- width: 12,
127
- height: 12,
128
- bgcolor: "#E5E5E5",
129
- borderRadius: "2px"
130
- }
131
- }
132
- )), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: "Licensed" })))),
133
- /* @__PURE__ */ React__default.createElement(Box, { flex: 3, gap: 2 }, /* @__PURE__ */ React__default.createElement(
134
- Typography,
135
- {
136
- variant: "h1",
137
- fontWeight: "bold",
138
- sx: { fontSize: "54px" }
139
- },
140
- loggedInPercentage,
141
- "%"
142
- ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", color: "textSecondary" }, "have logged in"))
143
- ));
61
+ justifyContent: "flex-start",
62
+ children: [
63
+ /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", flex: 7, children: [
64
+ /* @__PURE__ */ jsx(Box, { sx: { width: "100%", maxWidth: "240px" }, children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 240, children: /* @__PURE__ */ jsxs(PieChart, { children: [
65
+ /* @__PURE__ */ jsxs(
66
+ Pie,
67
+ {
68
+ data,
69
+ dataKey: "value",
70
+ nameKey: "name",
71
+ innerRadius: "60%",
72
+ outerRadius: "70%",
73
+ startAngle: 90,
74
+ endAngle: -270,
75
+ stroke: "none",
76
+ children: [
77
+ data.map((entry) => /* @__PURE__ */ jsx(Cell, { fill: entry.color }, entry.name)),
78
+ /* @__PURE__ */ jsx(
79
+ Label,
80
+ {
81
+ value: logged_in_users.toLocaleString(),
82
+ position: "center",
83
+ style: {
84
+ fontSize: "24px",
85
+ fill: theme.palette.text.primary,
86
+ textAnchor: "middle"
87
+ }
88
+ }
89
+ ),
90
+ /* @__PURE__ */ jsx(
91
+ Label,
92
+ {
93
+ value: `of ${licensed_users.toLocaleString()}`,
94
+ position: "center",
95
+ dy: 20,
96
+ style: {
97
+ fontSize: "14px",
98
+ textAnchor: "middle",
99
+ fill: theme.palette.text.secondary
100
+ }
101
+ }
102
+ )
103
+ ]
104
+ }
105
+ ),
106
+ /* @__PURE__ */ jsx(
107
+ Tooltip,
108
+ {
109
+ content: /* @__PURE__ */ jsx(
110
+ Tooltip$1,
111
+ {
112
+ licensed_users,
113
+ logged_in_users
114
+ }
115
+ )
116
+ }
117
+ )
118
+ ] }) }) }),
119
+ /* @__PURE__ */ jsxs(List, { dense: true, children: [
120
+ /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
121
+ /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 24 }, children: /* @__PURE__ */ jsx(
122
+ Box,
123
+ {
124
+ sx: {
125
+ width: 12,
126
+ height: 12,
127
+ bgcolor: "#00AEEF",
128
+ borderRadius: "2px"
129
+ }
130
+ }
131
+ ) }),
132
+ /* @__PURE__ */ jsx(ListItemText, { primary: "Logged-in users" })
133
+ ] }, "logged-in users"),
134
+ /* @__PURE__ */ jsxs(ListItem, { disableGutters: true, children: [
135
+ /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 24 }, children: /* @__PURE__ */ jsx(
136
+ Box,
137
+ {
138
+ sx: {
139
+ width: 12,
140
+ height: 12,
141
+ bgcolor: "#E5E5E5",
142
+ borderRadius: "2px"
143
+ }
144
+ }
145
+ ) }),
146
+ /* @__PURE__ */ jsx(ListItemText, { primary: "Licensed" })
147
+ ] }, "licensed users")
148
+ ] })
149
+ ] }),
150
+ /* @__PURE__ */ jsxs(Box, { flex: 3, gap: 2, children: [
151
+ /* @__PURE__ */ jsxs(
152
+ Typography,
153
+ {
154
+ variant: "h1",
155
+ fontWeight: "bold",
156
+ sx: { fontSize: "54px" },
157
+ children: [
158
+ loggedInPercentage,
159
+ "%"
160
+ ]
161
+ }
162
+ ),
163
+ /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "textSecondary", children: "have logged in" })
164
+ ] })
165
+ ]
166
+ }
167
+ ) });
144
168
  };
145
169
 
146
170
  export { Users as default };
@@ -1 +1 @@
1
- {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n Cell,\n Label,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n const theme = useTheme();\n\n const { users, loading, error } = useUsers();\n\n if (error) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <ResponseErrorPanel error={error} />\n </CardWrapper>\n );\n }\n\n if (\n (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) &&\n !error\n ) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <EmptyChartState />\n </Box>\n </CardWrapper>\n );\n }\n\n const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n const loggedInPercentage =\n logged_in_users && licensed_users\n ? Math.round((Number(logged_in_users) / Number(licensed_users)) * 100) ||\n 0\n : 0;\n\n const data = [\n {\n name: 'Logged-in users',\n value: Number(logged_in_users),\n color: '#00AEEF',\n },\n { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n ];\n\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n {loading ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <CircularProgress />\n </Box>\n ) : (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={2}\n justifyContent=\"flex-start\"\n >\n <Box display=\"flex\" alignItems=\"center\" flex={7}>\n <Box sx={{ width: '100%', maxWidth: '240px' }}>\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={data}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius=\"60%\"\n outerRadius=\"70%\"\n startAngle={90}\n endAngle={-270}\n stroke=\"none\"\n >\n {data.map(entry => (\n <Cell key={entry.name} fill={entry.color} />\n ))}\n\n <Label\n value={logged_in_users.toLocaleString()}\n position=\"center\"\n style={{\n fontSize: '24px',\n fill: theme.palette.text.primary,\n textAnchor: 'middle',\n }}\n />\n <Label\n value={`of ${licensed_users.toLocaleString()}`}\n position=\"center\"\n dy={20}\n style={{\n fontSize: '14px',\n textAnchor: 'middle',\n fill: theme.palette.text.secondary,\n }}\n />\n </Pie>\n <Tooltip\n content={\n <CustomTooltip\n licensed_users={licensed_users}\n logged_in_users={logged_in_users}\n />\n }\n />\n </PieChart>\n </ResponsiveContainer>\n </Box>\n\n <List dense>\n <ListItem key=\"logged-in users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#00AEEF',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Logged-in users\" />\n </ListItem>\n <ListItem key=\"licensed users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#E5E5E5',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Licensed\" />\n </ListItem>\n </List>\n </Box>\n\n <Box flex={3} gap={2}>\n <Typography\n variant=\"h1\"\n fontWeight=\"bold\"\n sx={{ fontSize: '54px' }}\n >\n {loggedInPercentage}%\n </Typography>\n <Typography variant=\"body1\" color=\"textSecondary\">\n have logged in\n </Typography>\n </Box>\n </Box>\n )}\n </CardWrapper>\n );\n};\n\nexport default Users;\n"],"names":["React","CustomTooltip"],"mappings":"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"}
1
+ {"version":3,"file":"Users.esm.js","sources":["../../../src/components/Users/Users.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { ResponseErrorPanel } from '@backstage/core-components';\nimport {\n Cell,\n Label,\n Pie,\n PieChart,\n ResponsiveContainer,\n Tooltip,\n} from 'recharts';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemIcon from '@mui/material/ListItemIcon';\nimport ListItemText from '@mui/material/ListItemText';\nimport { useTheme } from '@mui/material/styles';\nimport CircularProgress from '@mui/material/CircularProgress';\n\nimport CardWrapper from '../CardWrapper';\nimport InfoComponent from './Info';\nimport CustomTooltip from './Tooltip';\nimport { useUsers } from '../../hooks/useUsers';\nimport EmptyChartState from '../Common/EmptyChartState';\n\nconst Users = () => {\n const theme = useTheme();\n\n const { users, loading, error } = useUsers();\n\n if (error) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <ResponseErrorPanel error={error} />\n </CardWrapper>\n );\n }\n\n if (\n (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) &&\n !error\n ) {\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <EmptyChartState />\n </Box>\n </CardWrapper>\n );\n }\n\n const { logged_in_users = 0, licensed_users = 0 } = users?.data?.[0] ?? {};\n\n const loggedInPercentage =\n logged_in_users && licensed_users\n ? Math.round((Number(logged_in_users) / Number(licensed_users)) * 100) ||\n 0\n : 0;\n\n const data = [\n {\n name: 'Logged-in users',\n value: Number(logged_in_users),\n color: '#00AEEF',\n },\n { name: 'Licensed', value: Number(licensed_users), color: '#E5E5E5' },\n ];\n\n return (\n <CardWrapper title=\"Total number of users\" filter={<InfoComponent />}>\n {loading ? (\n <Box\n display=\"flex\"\n justifyContent=\"center\"\n alignItems=\"center\"\n height={200}\n >\n <CircularProgress />\n </Box>\n ) : (\n <Box\n display=\"flex\"\n alignItems=\"center\"\n gap={2}\n justifyContent=\"flex-start\"\n >\n <Box display=\"flex\" alignItems=\"center\" flex={7}>\n <Box sx={{ width: '100%', maxWidth: '240px' }}>\n <ResponsiveContainer width=\"100%\" height={240}>\n <PieChart>\n <Pie\n data={data}\n dataKey=\"value\"\n nameKey=\"name\"\n innerRadius=\"60%\"\n outerRadius=\"70%\"\n startAngle={90}\n endAngle={-270}\n stroke=\"none\"\n >\n {data.map(entry => (\n <Cell key={entry.name} fill={entry.color} />\n ))}\n\n <Label\n value={logged_in_users.toLocaleString()}\n position=\"center\"\n style={{\n fontSize: '24px',\n fill: theme.palette.text.primary,\n textAnchor: 'middle',\n }}\n />\n <Label\n value={`of ${licensed_users.toLocaleString()}`}\n position=\"center\"\n dy={20}\n style={{\n fontSize: '14px',\n textAnchor: 'middle',\n fill: theme.palette.text.secondary,\n }}\n />\n </Pie>\n <Tooltip\n content={\n <CustomTooltip\n licensed_users={licensed_users}\n logged_in_users={logged_in_users}\n />\n }\n />\n </PieChart>\n </ResponsiveContainer>\n </Box>\n\n <List dense>\n <ListItem key=\"logged-in users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#00AEEF',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Logged-in users\" />\n </ListItem>\n <ListItem key=\"licensed users\" disableGutters>\n <ListItemIcon sx={{ minWidth: 24 }}>\n <Box\n sx={{\n width: 12,\n height: 12,\n bgcolor: '#E5E5E5',\n borderRadius: '2px',\n }}\n />\n </ListItemIcon>\n <ListItemText primary=\"Licensed\" />\n </ListItem>\n </List>\n </Box>\n\n <Box flex={3} gap={2}>\n <Typography\n variant=\"h1\"\n fontWeight=\"bold\"\n sx={{ fontSize: '54px' }}\n >\n {loggedInPercentage}%\n </Typography>\n <Typography variant=\"body1\" color=\"textSecondary\">\n have logged in\n </Typography>\n </Box>\n </Box>\n )}\n </CardWrapper>\n );\n};\n\nexport default Users;\n"],"names":["CustomTooltip"],"mappings":"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"}
@@ -1,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -7,15 +7,15 @@ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
7
  import { determineGrouping } from '../utils/utils.esm.js';
8
8
 
9
9
  const useActiveUsers = () => {
10
- const [loadingData, setLoadingData] = React__default.useState(true);
11
- const [activeUsers, setActiveUsers] = React__default.useState({
10
+ const [loadingData, setLoadingData] = useState(true);
11
+ const [activeUsers, setActiveUsers] = useState({
12
12
  grouping: void 0,
13
13
  data: []
14
14
  });
15
15
  const { startDateRange, endDateRange } = useDateRange();
16
16
  const grouping = determineGrouping(startDateRange, endDateRange);
17
17
  const api = useApi(adoptionInsightsApiRef);
18
- const getActiveUsers = React__default.useCallback(async () => {
18
+ const getActiveUsers = useCallback(async () => {
19
19
  return await api.getActiveUsers({
20
20
  type: "active_users",
21
21
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -28,7 +28,7 @@ const useActiveUsers = () => {
28
28
  const { error, loading } = useAsyncRetry(async () => {
29
29
  return await getActiveUsers();
30
30
  }, [getActiveUsers]);
31
- React__default.useEffect(() => {
31
+ useEffect(() => {
32
32
  let mounted = true;
33
33
  if (!loading && mounted) {
34
34
  setLoadingData(false);
@@ -1 +1 @@
1
- {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { ActiveUsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useActiveUsers = (): {\n activeUsers: ActiveUsersResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = React.useState<boolean>(true);\n const [activeUsers, setActiveUsers] = React.useState<ActiveUsersResponse>({\n grouping: undefined,\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getActiveUsers = React.useCallback(async () => {\n return await api\n .getActiveUsers({\n type: 'active_users',\n start_date: startDateRange\n ? format(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n grouping,\n })\n .then(response =>\n setActiveUsers(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getActiveUsers();\n }, [getActiveUsers]);\n\n React.useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { activeUsers, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;;AA0BO,MAAM,iBAAiB,MAIzB;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,eAAM,QAA8B,CAAA;AAAA,IACxE,QAAU,EAAA,MAAA;AAAA,IACV,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,WAAA,CAAY,YAAY;AACnD,IAAO,OAAA,MAAM,IACV,cAAe,CAAA;AAAA,MACd,IAAM,EAAA,cAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,eAAe,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC9D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,cAAe,EAAA;AAAA,GAC9B,EAAG,CAAC,cAAc,CAAC,CAAA;AAEnB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,WAAA,EAAa,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACpD;;;;"}
1
+ {"version":3,"file":"useActiveUsers.esm.js","sources":["../../src/hooks/useActiveUsers.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { 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,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -9,11 +9,11 @@ const useCatalogEntities = ({
9
9
  limit = 20,
10
10
  kind = ""
11
11
  }) => {
12
- const [loadingData, setLoadingData] = React__default.useState(true);
13
- const [catalogEntities, setCatalogEntities] = React__default.useState({ data: [] });
12
+ const [loadingData, setLoadingData] = useState(true);
13
+ const [catalogEntities, setCatalogEntities] = useState({ data: [] });
14
14
  const { startDateRange, endDateRange } = useDateRange();
15
15
  const api = useApi(adoptionInsightsApiRef);
16
- const getCatalogEntities = React__default.useCallback(async () => {
16
+ const getCatalogEntities = useCallback(async () => {
17
17
  return await api.getCatalogEntities({
18
18
  type: "top_catalog_entities",
19
19
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -27,7 +27,7 @@ const useCatalogEntities = ({
27
27
  const { error, loading } = useAsyncRetry(async () => {
28
28
  return await getCatalogEntities();
29
29
  }, [getCatalogEntities]);
30
- React__default.useEffect(() => {
30
+ useEffect(() => {
31
31
  let mounted = true;
32
32
  if (!loading && mounted) {
33
33
  setLoadingData(false);
@@ -1 +1 @@
1
- {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, CatalogEntitiesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useCatalogEntities = ({\n limit = 20,\n kind = '',\n}: APIsViewOptions): {\n catalogEntities: CatalogEntitiesResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = React.useState<boolean>(true);\n const [catalogEntities, setCatalogEntities] =\n React.useState<CatalogEntitiesResponse>({ data: [] });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getCatalogEntities = React.useCallback(async () => {\n return await api\n .getCatalogEntities({\n type: 'top_catalog_entities',\n start_date: startDateRange\n ? format(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n limit,\n kind,\n })\n .then((response: CatalogEntitiesResponse) =>\n setCatalogEntities(response ?? { data: [] }),\n );\n }, [api, kind, limit, startDateRange, endDateRange]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getCatalogEntities();\n }, [getCatalogEntities]);\n\n React.useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n } else {\n setLoadingData(true);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { catalogEntities, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,qBAAqB,CAAC;AAAA,EACjC,KAAQ,GAAA,EAAA;AAAA,EACR,IAAO,GAAA;AACT,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAM,MAAA,CAAC,eAAiB,EAAA,kBAAkB,CACxC,GAAAA,cAAA,CAAM,SAAkC,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAEtD,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,kBAAA,GAAqBA,cAAM,CAAA,WAAA,CAAY,YAAY;AACvD,IAAO,OAAA,MAAM,IACV,kBAAmB,CAAA;AAAA,MAClB,IAAM,EAAA,sBAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAC,aACL,kBAAmB,CAAA,QAAA,IAAY,EAAE,IAAM,EAAA,IAAI;AAAA,KAC7C;AAAA,KACD,CAAC,GAAA,EAAK,MAAM,KAAO,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEnD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,kBAAmB,EAAA;AAAA,GAClC,EAAG,CAAC,kBAAkB,CAAC,CAAA;AAEvB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA,KACf,MAAA;AACL,MAAA,cAAA,CAAe,IAAI,CAAA;AAAA;AAErB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,eAAA,EAAiB,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACxD;;;;"}
1
+ {"version":3,"file":"useCatalogEntities.esm.js","sources":["../../src/hooks/useCatalogEntities.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, CatalogEntitiesResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\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,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -9,14 +9,14 @@ import { determineGrouping } from '../utils/utils.esm.js';
9
9
  const usePlugins = ({
10
10
  limit = 20
11
11
  }) => {
12
- const [loadingData, setLoadingData] = React__default.useState(true);
13
- const [plugins, setPlugins] = React__default.useState({
12
+ const [loadingData, setLoadingData] = useState(true);
13
+ const [plugins, setPlugins] = useState({
14
14
  data: []
15
15
  });
16
16
  const { startDateRange, endDateRange } = useDateRange();
17
17
  const grouping = determineGrouping(startDateRange, endDateRange);
18
18
  const api = useApi(adoptionInsightsApiRef);
19
- const getPlugins = React__default.useCallback(async () => {
19
+ const getPlugins = useCallback(async () => {
20
20
  return await api.getPlugins({
21
21
  type: "top_plugins",
22
22
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -28,7 +28,7 @@ const usePlugins = ({
28
28
  const { error, loading } = useAsyncRetry(async () => {
29
29
  return await getPlugins();
30
30
  }, [getPlugins]);
31
- React__default.useEffect(() => {
31
+ useEffect(() => {
32
32
  let mounted = true;
33
33
  if (!loading && mounted) {
34
34
  setLoadingData(false);
@@ -1 +1 @@
1
- {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, PluginTrendResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const usePlugins = ({\n limit = 20,\n}: APIsViewOptions): {\n plugins: PluginTrendResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = React.useState<boolean>(true);\n const [plugins, setPlugins] = React.useState<PluginTrendResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getPlugins = React.useCallback(async () => {\n return await api\n .getPlugins({\n type: 'top_plugins',\n start_date: startDateRange\n ? format(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n limit,\n grouping,\n })\n .then(response => setPlugins(response ?? { data: [] }));\n }, [api, limit, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getPlugins();\n }, [getPlugins]);\n\n React.useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { plugins, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;;AA0BO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAM,QAA8B,CAAA;AAAA,IAChE,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,WAAA,CAAY,YAAY;AAC/C,IAAO,OAAA,MAAM,IACV,UAAW,CAAA;AAAA,MACV,IAAM,EAAA,aAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D,KAAA;AAAA,MACA;AAAA,KACD,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,UAAA,CAAW,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,KACvD,CAAC,GAAA,EAAK,OAAO,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEvD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,UAAW,EAAA;AAAA,GAC1B,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,OAAA,EAAS,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAChD;;;;"}
1
+ {"version":3,"file":"usePlugins.esm.js","sources":["../../src/hooks/usePlugins.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState, useEffect, useCallback } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, PluginTrendResponse } from '../types';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\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,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -7,14 +7,14 @@ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
7
  import { determineGrouping } from '../utils/utils.esm.js';
8
8
 
9
9
  const useSearches = () => {
10
- const [loadingData, setLoadingData] = React__default.useState(true);
11
- const [searches, setSearches] = React__default.useState({
10
+ const [loadingData, setLoadingData] = useState(true);
11
+ const [searches, setSearches] = useState({
12
12
  data: []
13
13
  });
14
14
  const { startDateRange, endDateRange } = useDateRange();
15
15
  const grouping = determineGrouping(startDateRange, endDateRange);
16
16
  const api = useApi(adoptionInsightsApiRef);
17
- const getSearches = React__default.useCallback(async () => {
17
+ const getSearches = useCallback(async () => {
18
18
  return await api.getSearches({
19
19
  type: "top_searches",
20
20
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -27,7 +27,7 @@ const useSearches = () => {
27
27
  const { error, loading } = useAsyncRetry(async () => {
28
28
  return await getSearches();
29
29
  }, [getSearches]);
30
- React__default.useEffect(() => {
30
+ useEffect(() => {
31
31
  let mounted = true;
32
32
  if (!loading && mounted) {
33
33
  setLoadingData(false);
@@ -1 +1 @@
1
- {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { SearchesResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\n\nexport const useSearches = (): {\n searches: SearchesResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = React.useState<boolean>(true);\n const [searches, setSearches] = React.useState<SearchesResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n const grouping = determineGrouping(startDateRange, endDateRange);\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getSearches = React.useCallback(async () => {\n return await api\n .getSearches({\n type: 'top_searches',\n start_date: startDateRange\n ? format(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n grouping,\n })\n .then(response =>\n setSearches(response ?? { grouping: undefined, data: [] }),\n );\n }, [api, startDateRange, endDateRange, grouping]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getSearches();\n }, [getSearches]);\n\n React.useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { searches, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;;AA0BO,MAAM,cAAc,MAItB;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAM,QAA2B,CAAA;AAAA,IAC/D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AACtD,EAAM,MAAA,QAAA,GAAW,iBAAkB,CAAA,cAAA,EAAgB,YAAY,CAAA;AAE/D,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,WAAA,CAAY,YAAY;AAChD,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA;AAAA,MAAK,CAAA,QAAA,KACJ,YAAY,QAAY,IAAA,EAAE,UAAU,MAAW,EAAA,IAAA,EAAM,EAAC,EAAG;AAAA,KAC3D;AAAA,KACD,CAAC,GAAA,EAAK,cAAgB,EAAA,YAAA,EAAc,QAAQ,CAAC,CAAA;AAEhD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,WAAY,EAAA;AAAA,GAC3B,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}
1
+ {"version":3,"file":"useSearches.esm.js","sources":["../../src/hooks/useSearches.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useEffect, useCallback, useState } from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { SearchesResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\nimport { determineGrouping } from '../utils/utils';\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,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -8,13 +8,13 @@ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
8
8
  const useTechdocs = ({
9
9
  limit = 20
10
10
  }) => {
11
- const [loadingData, setLoadingData] = React__default.useState(true);
12
- const [techdocs, setTechdocs] = React__default.useState({
11
+ const [loadingData, setLoadingData] = useState(true);
12
+ const [techdocs, setTechdocs] = useState({
13
13
  data: []
14
14
  });
15
15
  const { startDateRange, endDateRange } = useDateRange();
16
16
  const api = useApi(adoptionInsightsApiRef);
17
- const getTechdocs = React__default.useCallback(async () => {
17
+ const getTechdocs = useCallback(async () => {
18
18
  return await api.getTechdocs({
19
19
  type: "top_techdocs",
20
20
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -25,7 +25,7 @@ const useTechdocs = ({
25
25
  const { error, loading } = useAsyncRetry(async () => {
26
26
  return await getTechdocs();
27
27
  }, [getTechdocs]);
28
- React__default.useEffect(() => {
28
+ useEffect(() => {
29
29
  let mounted = true;
30
30
  if (!loading && mounted) {
31
31
  setLoadingData(false);
@@ -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 React from 'react';\n\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useAsyncRetry } from 'react-use';\nimport { format } from 'date-fns';\n\nimport { adoptionInsightsApiRef } from '../api';\nimport { APIsViewOptions, 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] = React.useState<boolean>(true);\n const [techdocs, setTechdocs] = React.useState<TechdocsResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getTechdocs = React.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 React.useEffect(() => {\n let mounted = true;\n if (!loading && mounted) {\n setLoadingData(false);\n }\n return () => {\n mounted = false;\n };\n }, [loading]);\n\n return { techdocs, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,cAAc,CAAC;AAAA,EAC1B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAIA,eAAM,QAA2B,CAAA;AAAA,IAC/D,MAAM;AAAC,GACR,CAAA;AAED,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,WAAA,GAAcA,cAAM,CAAA,WAAA,CAAY,YAAY;AAChD,IAAO,OAAA,MAAM,IACV,WAAY,CAAA;AAAA,MACX,IAAM,EAAA,cAAA;AAAA,MACN,UAAY,EAAA,cAAA,GACR,MAAO,CAAA,cAAA,EAAgB,YAAY,CACnC,GAAA,MAAA;AAAA,MACJ,QAAU,EAAA,YAAA,GAAe,MAAO,CAAA,YAAA,EAAc,YAAY,CAAI,GAAA,MAAA;AAAA,MAC9D;AAAA,KACD,CACA,CAAA,IAAA,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,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,IAAI,OAAU,GAAA,IAAA;AACd,IAAI,IAAA,CAAC,WAAW,OAAS,EAAA;AACvB,MAAA,cAAA,CAAe,KAAK,CAAA;AAAA;AAEtB,IAAA,OAAO,MAAM;AACX,MAAU,OAAA,GAAA,KAAA;AAAA,KACZ;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AACjD;;;;"}
1
+ {"version":3,"file":"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,4 +1,4 @@
1
- import React__default from 'react';
1
+ import { useState, useCallback, useEffect } from 'react';
2
2
  import { useApi } from '@backstage/core-plugin-api';
3
3
  import { useAsyncRetry } from 'react-use';
4
4
  import { format } from 'date-fns';
@@ -8,13 +8,13 @@ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
8
8
  const useTemplates = ({
9
9
  limit = 20
10
10
  }) => {
11
- const [loadingData, setLoadingData] = React__default.useState(true);
12
- const [templates, setTemplates] = React__default.useState({
11
+ const [loadingData, setLoadingData] = useState(true);
12
+ const [templates, setTemplates] = useState({
13
13
  data: []
14
14
  });
15
15
  const { startDateRange, endDateRange } = useDateRange();
16
16
  const api = useApi(adoptionInsightsApiRef);
17
- const getTemplates = React__default.useCallback(async () => {
17
+ const getTemplates = useCallback(async () => {
18
18
  return await api.getTemplates({
19
19
  type: "top_templates",
20
20
  start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
@@ -27,7 +27,7 @@ const useTemplates = ({
27
27
  const { error, loading } = useAsyncRetry(async () => {
28
28
  return await getTemplates();
29
29
  }, [getTemplates]);
30
- React__default.useEffect(() => {
30
+ useEffect(() => {
31
31
  let mounted = true;
32
32
  if (!loading && mounted) {
33
33
  setLoadingData(false);