@red-hat-developer-hub/backstage-plugin-adoption-insights 0.0.2

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 (104) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +88 -0
  3. package/app-config.dynamic.yaml +16 -0
  4. package/dist/api/index.esm.js +106 -0
  5. package/dist/api/index.esm.js.map +1 -0
  6. package/dist/components/ActiveUsers/ActiveUsers.esm.js +125 -0
  7. package/dist/components/ActiveUsers/ActiveUsers.esm.js.map +1 -0
  8. package/dist/components/ActiveUsers/CustomLegend.esm.js +58 -0
  9. package/dist/components/ActiveUsers/CustomLegend.esm.js.map +1 -0
  10. package/dist/components/ActiveUsers/CustomTooltip.esm.js +87 -0
  11. package/dist/components/ActiveUsers/CustomTooltip.esm.js.map +1 -0
  12. package/dist/components/ActiveUsers/ExportCSVButton.esm.js +75 -0
  13. package/dist/components/ActiveUsers/ExportCSVButton.esm.js.map +1 -0
  14. package/dist/components/ActiveUsers/index.esm.js +6 -0
  15. package/dist/components/ActiveUsers/index.esm.js.map +1 -0
  16. package/dist/components/AdoptionInsightsPage/AdoptionInsightsPage.esm.js +29 -0
  17. package/dist/components/AdoptionInsightsPage/AdoptionInsightsPage.esm.js.map +1 -0
  18. package/dist/components/AdoptionInsightsPage/index.esm.js +2 -0
  19. package/dist/components/AdoptionInsightsPage/index.esm.js.map +1 -0
  20. package/dist/components/CardFooter/TableFooterPagination.esm.js +70 -0
  21. package/dist/components/CardFooter/TableFooterPagination.esm.js.map +1 -0
  22. package/dist/components/CardFooter/index.esm.js +6 -0
  23. package/dist/components/CardFooter/index.esm.js.map +1 -0
  24. package/dist/components/CardWrapper/CardWrapper.esm.js +42 -0
  25. package/dist/components/CardWrapper/CardWrapper.esm.js.map +1 -0
  26. package/dist/components/CardWrapper/index.esm.js +6 -0
  27. package/dist/components/CardWrapper/index.esm.js.map +1 -0
  28. package/dist/components/CatalogEntities/CatalogEntities.esm.js +158 -0
  29. package/dist/components/CatalogEntities/CatalogEntities.esm.js.map +1 -0
  30. package/dist/components/CatalogEntities/FilterDropdown.esm.js +33 -0
  31. package/dist/components/CatalogEntities/FilterDropdown.esm.js.map +1 -0
  32. package/dist/components/CatalogEntities/index.esm.js +6 -0
  33. package/dist/components/CatalogEntities/index.esm.js.map +1 -0
  34. package/dist/components/Common/CustomCursor.esm.js +22 -0
  35. package/dist/components/Common/CustomCursor.esm.js.map +1 -0
  36. package/dist/components/Common/EmptyChartState.esm.js +9 -0
  37. package/dist/components/Common/EmptyChartState.esm.js.map +1 -0
  38. package/dist/components/Common/PermissionRequiredIcon.esm.js +9 -0
  39. package/dist/components/Common/PermissionRequiredIcon.esm.js.map +1 -0
  40. package/dist/components/Common/PermissionRequiredState.esm.js +43 -0
  41. package/dist/components/Common/PermissionRequiredState.esm.js.map +1 -0
  42. package/dist/components/Header/DateRangeContext.esm.js +34 -0
  43. package/dist/components/Header/DateRangeContext.esm.js.map +1 -0
  44. package/dist/components/Header/DateRangePicker.esm.js +160 -0
  45. package/dist/components/Header/DateRangePicker.esm.js.map +1 -0
  46. package/dist/components/Header/Header.esm.js +195 -0
  47. package/dist/components/Header/Header.esm.js.map +1 -0
  48. package/dist/components/Header/index.esm.js +6 -0
  49. package/dist/components/Header/index.esm.js.map +1 -0
  50. package/dist/components/Plugins/Plugins.esm.js +113 -0
  51. package/dist/components/Plugins/Plugins.esm.js.map +1 -0
  52. package/dist/components/Plugins/index.esm.js +6 -0
  53. package/dist/components/Plugins/index.esm.js.map +1 -0
  54. package/dist/components/Searches/CustomTooltip.esm.js +66 -0
  55. package/dist/components/Searches/CustomTooltip.esm.js.map +1 -0
  56. package/dist/components/Searches/Searches.esm.js +106 -0
  57. package/dist/components/Searches/Searches.esm.js.map +1 -0
  58. package/dist/components/Searches/index.esm.js +6 -0
  59. package/dist/components/Searches/index.esm.js.map +1 -0
  60. package/dist/components/Techdocs/Techdocs.esm.js +129 -0
  61. package/dist/components/Techdocs/Techdocs.esm.js.map +1 -0
  62. package/dist/components/Techdocs/index.esm.js +6 -0
  63. package/dist/components/Techdocs/index.esm.js.map +1 -0
  64. package/dist/components/Templates/Templates.esm.js +118 -0
  65. package/dist/components/Templates/Templates.esm.js.map +1 -0
  66. package/dist/components/Templates/index.esm.js +6 -0
  67. package/dist/components/Templates/index.esm.js.map +1 -0
  68. package/dist/components/Users/Info.esm.js +39 -0
  69. package/dist/components/Users/Info.esm.js.map +1 -0
  70. package/dist/components/Users/Tooltip.esm.js +48 -0
  71. package/dist/components/Users/Tooltip.esm.js.map +1 -0
  72. package/dist/components/Users/Users.esm.js +143 -0
  73. package/dist/components/Users/Users.esm.js.map +1 -0
  74. package/dist/components/Users/index.esm.js +6 -0
  75. package/dist/components/Users/index.esm.js.map +1 -0
  76. package/dist/hooks/useActiveUsers.esm.js +44 -0
  77. package/dist/hooks/useActiveUsers.esm.js.map +1 -0
  78. package/dist/hooks/useAdoptionInsightsEventsReadPermission.esm.js +15 -0
  79. package/dist/hooks/useAdoptionInsightsEventsReadPermission.esm.js.map +1 -0
  80. package/dist/hooks/useCatalogEntities.esm.js +45 -0
  81. package/dist/hooks/useCatalogEntities.esm.js.map +1 -0
  82. package/dist/hooks/usePlugins.esm.js +44 -0
  83. package/dist/hooks/usePlugins.esm.js.map +1 -0
  84. package/dist/hooks/useSearches.esm.js +43 -0
  85. package/dist/hooks/useSearches.esm.js.map +1 -0
  86. package/dist/hooks/useTechdocs.esm.js +41 -0
  87. package/dist/hooks/useTechdocs.esm.js.map +1 -0
  88. package/dist/hooks/useTemplates.esm.js +43 -0
  89. package/dist/hooks/useTemplates.esm.js.map +1 -0
  90. package/dist/hooks/useUsers.esm.js +36 -0
  91. package/dist/hooks/useUsers.esm.js.map +1 -0
  92. package/dist/images/permission-required.svg +48 -0
  93. package/dist/index.d.ts +23 -0
  94. package/dist/index.esm.js +7 -0
  95. package/dist/index.esm.js.map +1 -0
  96. package/dist/plugin.esm.js +34 -0
  97. package/dist/plugin.esm.js.map +1 -0
  98. package/dist/routes.esm.js +8 -0
  99. package/dist/routes.esm.js.map +1 -0
  100. package/dist/utils/constants.esm.js +33 -0
  101. package/dist/utils/constants.esm.js.map +1 -0
  102. package/dist/utils/utils.esm.js +148 -0
  103. package/dist/utils/utils.esm.js.map +1 -0
  104. package/package.json +83 -0
@@ -0,0 +1,143 @@
1
+ import React__default from 'react';
2
+ import { ResponsiveContainer, PieChart, Pie, Cell, Label, Tooltip } from 'recharts';
3
+ import Typography from '@mui/material/Typography';
4
+ import Box from '@mui/material/Box';
5
+ import List from '@mui/material/List';
6
+ import ListItem from '@mui/material/ListItem';
7
+ import ListItemIcon from '@mui/material/ListItemIcon';
8
+ import ListItemText from '@mui/material/ListItemText';
9
+ import { useTheme } from '@mui/material/styles';
10
+ import CircularProgress from '@mui/material/CircularProgress';
11
+ import CardWrapper from '../CardWrapper/CardWrapper.esm.js';
12
+ import InfoComponent from './Info.esm.js';
13
+ import Tooltip$1 from './Tooltip.esm.js';
14
+ import { useUsers } from '../../hooks/useUsers.esm.js';
15
+ import EmptyChartState from '../Common/EmptyChartState.esm.js';
16
+
17
+ const Users = () => {
18
+ const theme = useTheme();
19
+ const { users, loading } = useUsers();
20
+ if (!users || users.data?.length === 0 || !users.data?.[0] && !loading) {
21
+ return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, /* @__PURE__ */ React__default.createElement(
22
+ Box,
23
+ {
24
+ display: "flex",
25
+ justifyContent: "center",
26
+ alignItems: "center",
27
+ height: 200
28
+ },
29
+ /* @__PURE__ */ React__default.createElement(EmptyChartState, null)
30
+ ));
31
+ }
32
+ const { logged_in_users = 0, licensed_users = 0 } = users.data[0];
33
+ const loggedInPercentage = logged_in_users && licensed_users ? Math.round(Number(logged_in_users) / Number(licensed_users) * 100) || 0 : 0;
34
+ const data = [
35
+ {
36
+ name: "Logged-in users",
37
+ value: Number(logged_in_users),
38
+ color: "#00AEEF"
39
+ },
40
+ { name: "Licensed", value: Number(licensed_users), color: "#E5E5E5" }
41
+ ];
42
+ return /* @__PURE__ */ React__default.createElement(CardWrapper, { title: "Total number of users", filter: /* @__PURE__ */ React__default.createElement(InfoComponent, null) }, loading ? /* @__PURE__ */ React__default.createElement(
43
+ Box,
44
+ {
45
+ display: "flex",
46
+ justifyContent: "center",
47
+ alignItems: "center",
48
+ height: 200
49
+ },
50
+ /* @__PURE__ */ React__default.createElement(CircularProgress, null)
51
+ ) : /* @__PURE__ */ React__default.createElement(
52
+ Box,
53
+ {
54
+ display: "flex",
55
+ alignItems: "center",
56
+ gap: 2,
57
+ justifyContent: "flex-start"
58
+ },
59
+ /* @__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(
60
+ Pie,
61
+ {
62
+ data,
63
+ dataKey: "value",
64
+ nameKey: "name",
65
+ innerRadius: "60%",
66
+ outerRadius: "70%",
67
+ startAngle: 90,
68
+ endAngle: -270,
69
+ stroke: "none"
70
+ },
71
+ data.map((entry) => /* @__PURE__ */ React__default.createElement(Cell, { key: entry.name, fill: entry.color })),
72
+ /* @__PURE__ */ React__default.createElement(
73
+ Label,
74
+ {
75
+ value: logged_in_users.toLocaleString(),
76
+ position: "center",
77
+ style: {
78
+ fontSize: "24px",
79
+ fill: theme.palette.text.primary,
80
+ textAnchor: "middle"
81
+ }
82
+ }
83
+ ),
84
+ /* @__PURE__ */ React__default.createElement(
85
+ Label,
86
+ {
87
+ value: `of ${licensed_users.toLocaleString()}`,
88
+ position: "center",
89
+ dy: 20,
90
+ style: {
91
+ fontSize: "14px",
92
+ textAnchor: "middle",
93
+ fill: theme.palette.text.secondary
94
+ }
95
+ }
96
+ )
97
+ ), /* @__PURE__ */ React__default.createElement(
98
+ Tooltip,
99
+ {
100
+ content: /* @__PURE__ */ React__default.createElement(
101
+ Tooltip$1,
102
+ {
103
+ licensed_users,
104
+ logged_in_users
105
+ }
106
+ )
107
+ }
108
+ )))), /* @__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(
109
+ Box,
110
+ {
111
+ sx: {
112
+ width: 12,
113
+ height: 12,
114
+ bgcolor: "#00AEEF",
115
+ borderRadius: "2px"
116
+ }
117
+ }
118
+ )), /* @__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(
119
+ Box,
120
+ {
121
+ sx: {
122
+ width: 12,
123
+ height: 12,
124
+ bgcolor: "#E5E5E5",
125
+ borderRadius: "2px"
126
+ }
127
+ }
128
+ )), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: "Licensed" })))),
129
+ /* @__PURE__ */ React__default.createElement(Box, { flex: 3, gap: 2 }, /* @__PURE__ */ React__default.createElement(
130
+ Typography,
131
+ {
132
+ variant: "h1",
133
+ fontWeight: "bold",
134
+ sx: { fontSize: "54px" }
135
+ },
136
+ loggedInPercentage,
137
+ "%"
138
+ ), /* @__PURE__ */ React__default.createElement(Typography, { variant: "body1", color: "textSecondary" }, "have logged in"))
139
+ ));
140
+ };
141
+
142
+ export { Users as default };
143
+ //# sourceMappingURL=Users.esm.js.map
@@ -0,0 +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 {\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 } = useUsers();\n\n if (!users || users.data?.length === 0 || (!users.data?.[0] && !loading)) {\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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"}
@@ -0,0 +1,6 @@
1
+ import Users from './Users.esm.js';
2
+
3
+
4
+
5
+ export { Users as default };
6
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1,44 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { determineGrouping } from '../utils/utils.esm.js';
8
+
9
+ const useActiveUsers = () => {
10
+ const [loadingData, setLoadingData] = React__default.useState(true);
11
+ const [activeUsers, setActiveUsers] = React__default.useState({
12
+ grouping: void 0,
13
+ data: []
14
+ });
15
+ const { startDateRange, endDateRange } = useDateRange();
16
+ const grouping = determineGrouping(startDateRange, endDateRange);
17
+ const api = useApi(adoptionInsightsApiRef);
18
+ const getActiveUsers = React__default.useCallback(async () => {
19
+ return await api.getActiveUsers({
20
+ 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,
23
+ grouping
24
+ }).then(
25
+ (response) => setActiveUsers(response ?? { grouping: void 0, data: [] })
26
+ );
27
+ }, [api, startDateRange, endDateRange, grouping]);
28
+ const { error, loading } = useAsyncRetry(async () => {
29
+ return await getActiveUsers();
30
+ }, [getActiveUsers]);
31
+ React__default.useEffect(() => {
32
+ let mounted = true;
33
+ if (!loading && mounted) {
34
+ setLoadingData(false);
35
+ }
36
+ return () => {
37
+ mounted = false;
38
+ };
39
+ }, [loading]);
40
+ return { activeUsers, error, loading: loadingData };
41
+ };
42
+
43
+ export { useActiveUsers };
44
+ //# sourceMappingURL=useActiveUsers.esm.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,15 @@
1
+ import { usePermission } from '@backstage/plugin-permission-react';
2
+ import { adoptionInsightsEventsReadPermission } from '@red-hat-developer-hub/backstage-plugin-adoption-insights-common';
3
+
4
+ const useAdoptionInsightsEventsReadPermission = () => {
5
+ const canReadInsightsEvents = usePermission({
6
+ permission: adoptionInsightsEventsReadPermission
7
+ });
8
+ return {
9
+ loading: canReadInsightsEvents.loading,
10
+ allowed: canReadInsightsEvents.allowed
11
+ };
12
+ };
13
+
14
+ export { useAdoptionInsightsEventsReadPermission };
15
+ //# sourceMappingURL=useAdoptionInsightsEventsReadPermission.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useAdoptionInsightsEventsReadPermission.esm.js","sources":["../../src/hooks/useAdoptionInsightsEventsReadPermission.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 { usePermission } from '@backstage/plugin-permission-react';\n\nimport { adoptionInsightsEventsReadPermission } from '@red-hat-developer-hub/backstage-plugin-adoption-insights-common';\n\nexport const useAdoptionInsightsEventsReadPermission = () => {\n const canReadInsightsEvents = usePermission({\n permission: adoptionInsightsEventsReadPermission,\n });\n\n return {\n loading: canReadInsightsEvents.loading,\n allowed: canReadInsightsEvents.allowed,\n };\n};\n"],"names":[],"mappings":";;;AAmBO,MAAM,0CAA0C,MAAM;AAC3D,EAAA,MAAM,wBAAwB,aAAc,CAAA;AAAA,IAC1C,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAO,OAAA;AAAA,IACL,SAAS,qBAAsB,CAAA,OAAA;AAAA,IAC/B,SAAS,qBAAsB,CAAA;AAAA,GACjC;AACF;;;;"}
@@ -0,0 +1,45 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+
8
+ const useCatalogEntities = ({
9
+ limit = 20,
10
+ kind = ""
11
+ }) => {
12
+ const [loadingData, setLoadingData] = React__default.useState(true);
13
+ const [catalogEntities, setCatalogEntities] = React__default.useState({ data: [] });
14
+ const { startDateRange, endDateRange } = useDateRange();
15
+ const api = useApi(adoptionInsightsApiRef);
16
+ const getCatalogEntities = React__default.useCallback(async () => {
17
+ return await api.getCatalogEntities({
18
+ type: "top_catalog_entities",
19
+ start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
20
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
21
+ limit,
22
+ kind
23
+ }).then(
24
+ (response) => setCatalogEntities(response ?? { data: [] })
25
+ );
26
+ }, [api, kind, limit, startDateRange, endDateRange]);
27
+ const { error, loading } = useAsyncRetry(async () => {
28
+ return await getCatalogEntities();
29
+ }, [getCatalogEntities]);
30
+ React__default.useEffect(() => {
31
+ let mounted = true;
32
+ if (!loading && mounted) {
33
+ setLoadingData(false);
34
+ } else {
35
+ setLoadingData(true);
36
+ }
37
+ return () => {
38
+ mounted = false;
39
+ };
40
+ }, [loading]);
41
+ return { catalogEntities, error, loading: loadingData };
42
+ };
43
+
44
+ export { useCatalogEntities };
45
+ //# sourceMappingURL=useCatalogEntities.esm.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,44 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { determineGrouping } from '../utils/utils.esm.js';
8
+
9
+ const usePlugins = ({
10
+ limit = 20
11
+ }) => {
12
+ const [loadingData, setLoadingData] = React__default.useState(true);
13
+ const [plugins, setPlugins] = React__default.useState({
14
+ data: []
15
+ });
16
+ const { startDateRange, endDateRange } = useDateRange();
17
+ const grouping = determineGrouping(startDateRange, endDateRange);
18
+ const api = useApi(adoptionInsightsApiRef);
19
+ const getPlugins = React__default.useCallback(async () => {
20
+ return await api.getPlugins({
21
+ type: "top_plugins",
22
+ start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
23
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
24
+ limit,
25
+ grouping
26
+ }).then((response) => setPlugins(response ?? { data: [] }));
27
+ }, [api, limit, startDateRange, endDateRange, grouping]);
28
+ const { error, loading } = useAsyncRetry(async () => {
29
+ return await getPlugins();
30
+ }, [getPlugins]);
31
+ React__default.useEffect(() => {
32
+ let mounted = true;
33
+ if (!loading && mounted) {
34
+ setLoadingData(false);
35
+ }
36
+ return () => {
37
+ mounted = false;
38
+ };
39
+ }, [loading]);
40
+ return { plugins, error, loading: loadingData };
41
+ };
42
+
43
+ export { usePlugins };
44
+ //# sourceMappingURL=usePlugins.esm.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,43 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+ import { determineGrouping } from '../utils/utils.esm.js';
8
+
9
+ const useSearches = () => {
10
+ const [loadingData, setLoadingData] = React__default.useState(true);
11
+ const [searches, setSearches] = React__default.useState({
12
+ data: []
13
+ });
14
+ const { startDateRange, endDateRange } = useDateRange();
15
+ const grouping = determineGrouping(startDateRange, endDateRange);
16
+ const api = useApi(adoptionInsightsApiRef);
17
+ const getSearches = React__default.useCallback(async () => {
18
+ return await api.getSearches({
19
+ type: "top_searches",
20
+ start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
21
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
22
+ grouping
23
+ }).then(
24
+ (response) => setSearches(response ?? { grouping: void 0, data: [] })
25
+ );
26
+ }, [api, startDateRange, endDateRange, grouping]);
27
+ const { error, loading } = useAsyncRetry(async () => {
28
+ return await getSearches();
29
+ }, [getSearches]);
30
+ React__default.useEffect(() => {
31
+ let mounted = true;
32
+ if (!loading && mounted) {
33
+ setLoadingData(false);
34
+ }
35
+ return () => {
36
+ mounted = false;
37
+ };
38
+ }, [loading]);
39
+ return { searches, error, loading: loadingData };
40
+ };
41
+
42
+ export { useSearches };
43
+ //# sourceMappingURL=useSearches.esm.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,41 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+
8
+ const useTechdocs = ({
9
+ limit = 20
10
+ }) => {
11
+ const [loadingData, setLoadingData] = React__default.useState(true);
12
+ const [techdocs, setTechdocs] = React__default.useState({
13
+ data: []
14
+ });
15
+ const { startDateRange, endDateRange } = useDateRange();
16
+ const api = useApi(adoptionInsightsApiRef);
17
+ const getTechdocs = React__default.useCallback(async () => {
18
+ return await api.getTechdocs({
19
+ type: "top_techdocs",
20
+ start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
21
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
22
+ limit
23
+ }).then((response) => setTechdocs(response ?? { data: [] }));
24
+ }, [api, limit, startDateRange, endDateRange]);
25
+ const { error, loading } = useAsyncRetry(async () => {
26
+ return await getTechdocs();
27
+ }, [getTechdocs]);
28
+ React__default.useEffect(() => {
29
+ let mounted = true;
30
+ if (!loading && mounted) {
31
+ setLoadingData(false);
32
+ }
33
+ return () => {
34
+ mounted = false;
35
+ };
36
+ }, [loading]);
37
+ return { techdocs, error, loading: loadingData };
38
+ };
39
+
40
+ export { useTechdocs };
41
+ //# sourceMappingURL=useTechdocs.esm.js.map
@@ -0,0 +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;;;;"}
@@ -0,0 +1,43 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+
8
+ const useTemplates = ({
9
+ limit = 20
10
+ }) => {
11
+ const [loadingData, setLoadingData] = React__default.useState(true);
12
+ const [templates, setTemplates] = React__default.useState({
13
+ data: []
14
+ });
15
+ const { startDateRange, endDateRange } = useDateRange();
16
+ const api = useApi(adoptionInsightsApiRef);
17
+ const getTemplates = React__default.useCallback(async () => {
18
+ return await api.getTemplates({
19
+ type: "top_templates",
20
+ start_date: startDateRange ? format(startDateRange, "yyyy-MM-dd") : void 0,
21
+ end_date: endDateRange ? format(endDateRange, "yyyy-MM-dd") : void 0,
22
+ limit
23
+ }).then(
24
+ (response) => setTemplates(response ?? { data: [] })
25
+ );
26
+ }, [api, limit, startDateRange, endDateRange]);
27
+ const { error, loading } = useAsyncRetry(async () => {
28
+ return await getTemplates();
29
+ }, [getTemplates]);
30
+ React__default.useEffect(() => {
31
+ let mounted = true;
32
+ if (!loading && mounted) {
33
+ setLoadingData(false);
34
+ }
35
+ return () => {
36
+ mounted = false;
37
+ };
38
+ }, [loading]);
39
+ return { templates, error, loading: loadingData };
40
+ };
41
+
42
+ export { useTemplates };
43
+ //# sourceMappingURL=useTemplates.esm.js.map
@@ -0,0 +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 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, 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] = React.useState<boolean>(true);\n const [templates, setTemplates] = React.useState<TemplatesResponse>({\n data: [],\n });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getTemplates = React.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 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 { templates, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,eAAe,CAAC;AAAA,EAC3B,KAAQ,GAAA;AACV,CAIK,KAAA;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAM,QAA4B,CAAA;AAAA,IAClE,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,GAAeA,cAAM,CAAA,WAAA,CAAY,YAAY;AACjD,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,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,SAAA,EAAW,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAClD;;;;"}
@@ -0,0 +1,36 @@
1
+ import React__default from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { useAsyncRetry } from 'react-use';
4
+ import { format } from 'date-fns';
5
+ import { adoptionInsightsApiRef } from '../api/index.esm.js';
6
+ import { useDateRange } from '../components/Header/DateRangeContext.esm.js';
7
+
8
+ const useUsers = () => {
9
+ const [loadingData, setLoadingData] = React__default.useState(true);
10
+ const [users, setUsers] = React__default.useState({ data: [] });
11
+ const { startDateRange, endDateRange } = useDateRange();
12
+ const api = useApi(adoptionInsightsApiRef);
13
+ const getUsers = React__default.useCallback(async () => {
14
+ return await api.getUsers({
15
+ 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
+ }).then((response) => setUsers(response ?? { data: [] }));
19
+ }, [api, startDateRange, endDateRange]);
20
+ const { error, loading } = useAsyncRetry(async () => {
21
+ return await getUsers();
22
+ }, [getUsers]);
23
+ React__default.useEffect(() => {
24
+ let mounted = true;
25
+ if (!loading && mounted) {
26
+ setLoadingData(false);
27
+ }
28
+ return () => {
29
+ mounted = false;
30
+ };
31
+ }, [loading]);
32
+ return { users, error, loading: loadingData };
33
+ };
34
+
35
+ export { useUsers };
36
+ //# sourceMappingURL=useUsers.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useUsers.esm.js","sources":["../../src/hooks/useUsers.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 { UsersResponse } from '../types';\nimport { adoptionInsightsApiRef } from '../api';\nimport { useDateRange } from '../components/Header/DateRangeContext';\n\nexport const useUsers = (): {\n users: UsersResponse;\n error: Error | undefined;\n loading: boolean;\n} => {\n const [loadingData, setLoadingData] = React.useState<boolean>(true);\n const [users, setUsers] = React.useState<UsersResponse>({ data: [] });\n\n const { startDateRange, endDateRange } = useDateRange();\n\n const api = useApi(adoptionInsightsApiRef);\n\n const getUsers = React.useCallback(async () => {\n return await api\n .getUsers({\n type: 'total_users',\n start_date: startDateRange\n ? format(startDateRange, 'yyyy-MM-dd')\n : undefined,\n end_date: endDateRange ? format(endDateRange, 'yyyy-MM-dd') : undefined,\n })\n .then(response => setUsers(response ?? { data: [] }));\n }, [api, startDateRange, endDateRange]);\n\n const { error, loading } = useAsyncRetry(async () => {\n return await getUsers();\n }, [getUsers]);\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 { users, error, loading: loadingData };\n};\n"],"names":["React"],"mappings":";;;;;;;AAyBO,MAAM,WAAW,MAInB;AACH,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAAA,cAAA,CAAM,SAAkB,IAAI,CAAA;AAClE,EAAM,MAAA,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAwB,EAAE,IAAA,EAAM,EAAC,EAAG,CAAA;AAEpE,EAAA,MAAM,EAAE,cAAA,EAAgB,YAAa,EAAA,GAAI,YAAa,EAAA;AAEtD,EAAM,MAAA,GAAA,GAAM,OAAO,sBAAsB,CAAA;AAEzC,EAAM,MAAA,QAAA,GAAWA,cAAM,CAAA,WAAA,CAAY,YAAY;AAC7C,IAAO,OAAA,MAAM,IACV,QAAS,CAAA;AAAA,MACR,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;AAAA,KAC/D,CACA,CAAA,IAAA,CAAK,CAAY,QAAA,KAAA,QAAA,CAAS,QAAY,IAAA,EAAE,IAAM,EAAA,EAAG,EAAC,CAAC,CAAA;AAAA,GACrD,EAAA,CAAC,GAAK,EAAA,cAAA,EAAgB,YAAY,CAAC,CAAA;AAEtC,EAAA,MAAM,EAAE,KAAA,EAAO,OAAQ,EAAA,GAAI,cAAc,YAAY;AACnD,IAAA,OAAO,MAAM,QAAS,EAAA;AAAA,GACxB,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,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,KAAA,EAAO,KAAO,EAAA,OAAA,EAAS,WAAY,EAAA;AAC9C;;;;"}