@drodil/backstage-plugin-qeta-react 3.3.0 → 3.4.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 (199) hide show
  1. package/dist/components/AnswerCard/AnswerCard.esm.js +6 -1
  2. package/dist/components/AnswerCard/AnswerCard.esm.js.map +1 -1
  3. package/dist/components/AnswerForm/AnswerForm.esm.js +5 -1
  4. package/dist/components/AnswerForm/AnswerForm.esm.js.map +1 -1
  5. package/dist/components/AnswersContainer/AnswerList.esm.js +16 -38
  6. package/dist/components/AnswersContainer/AnswerList.esm.js.map +1 -1
  7. package/dist/components/AnswersContainer/AnswerListItem.esm.js +6 -1
  8. package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +1 -1
  9. package/dist/components/AnswersContainer/AnswersContainer.esm.js +5 -1
  10. package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +1 -1
  11. package/dist/components/ArticleContent/ArticleButtons.esm.js +6 -1
  12. package/dist/components/ArticleContent/ArticleButtons.esm.js.map +1 -1
  13. package/dist/components/ArticleContent/ArticleContent.esm.js +7 -1
  14. package/dist/components/ArticleContent/ArticleContent.esm.js.map +1 -1
  15. package/dist/components/AuthorBox/AuthorBox.esm.js +7 -1
  16. package/dist/components/AuthorBox/AuthorBox.esm.js.map +1 -1
  17. package/dist/components/Buttons/AddToCollectionButton.esm.js +4 -1
  18. package/dist/components/Buttons/AddToCollectionButton.esm.js.map +1 -1
  19. package/dist/components/Buttons/AskQuestionButton.esm.js +5 -1
  20. package/dist/components/Buttons/AskQuestionButton.esm.js.map +1 -1
  21. package/dist/components/Buttons/BackToArticlesButton.esm.js +5 -1
  22. package/dist/components/Buttons/BackToArticlesButton.esm.js.map +1 -1
  23. package/dist/components/Buttons/BackToCollectionsButton.esm.js +5 -1
  24. package/dist/components/Buttons/BackToCollectionsButton.esm.js.map +1 -1
  25. package/dist/components/Buttons/BackToQuestionsButton.esm.js +5 -1
  26. package/dist/components/Buttons/BackToQuestionsButton.esm.js.map +1 -1
  27. package/dist/components/Buttons/CollectionFollowButton.esm.js +40 -0
  28. package/dist/components/Buttons/CollectionFollowButton.esm.js.map +1 -0
  29. package/dist/components/Buttons/CreateCollectionButton.esm.js +5 -1
  30. package/dist/components/Buttons/CreateCollectionButton.esm.js.map +1 -1
  31. package/dist/components/Buttons/EntityFollowButton.esm.js +7 -1
  32. package/dist/components/Buttons/EntityFollowButton.esm.js.map +1 -1
  33. package/dist/components/Buttons/FavoriteButton.esm.js +4 -1
  34. package/dist/components/Buttons/FavoriteButton.esm.js.map +1 -1
  35. package/dist/components/Buttons/LinkButton.esm.js +6 -1
  36. package/dist/components/Buttons/LinkButton.esm.js.map +1 -1
  37. package/dist/components/Buttons/TagFollowButton.esm.js +7 -1
  38. package/dist/components/Buttons/TagFollowButton.esm.js.map +1 -1
  39. package/dist/components/Buttons/UserFollowButton.esm.js +7 -1
  40. package/dist/components/Buttons/UserFollowButton.esm.js.map +1 -1
  41. package/dist/components/Buttons/VoteButtons.esm.js +1 -1
  42. package/dist/components/Buttons/VoteButtons.esm.js.map +1 -1
  43. package/dist/components/Buttons/WriteArticleButton.esm.js +5 -1
  44. package/dist/components/Buttons/WriteArticleButton.esm.js.map +1 -1
  45. package/dist/components/CollectionCard/CollectionCard.esm.js +7 -3
  46. package/dist/components/CollectionCard/CollectionCard.esm.js.map +1 -1
  47. package/dist/components/CollectionForm/CollectionForm.esm.js +5 -1
  48. package/dist/components/CollectionForm/CollectionForm.esm.js.map +1 -1
  49. package/dist/components/CollectionsGrid/CollectionsGrid.esm.js +57 -14
  50. package/dist/components/CollectionsGrid/CollectionsGrid.esm.js.map +1 -1
  51. package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js +13 -27
  52. package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map +1 -1
  53. package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js +28 -19
  54. package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map +1 -1
  55. package/dist/components/CommentSection/CommentList.esm.js +4 -1
  56. package/dist/components/CommentSection/CommentList.esm.js.map +1 -1
  57. package/dist/components/CommentSection/CommentSection.esm.js +4 -1
  58. package/dist/components/CommentSection/CommentSection.esm.js.map +1 -1
  59. package/dist/components/DeleteModal/DeleteModal.esm.js +5 -1
  60. package/dist/components/DeleteModal/DeleteModal.esm.js.map +1 -1
  61. package/dist/components/EntitiesGrid/EntitiesGrid.esm.js +61 -22
  62. package/dist/components/EntitiesGrid/EntitiesGrid.esm.js.map +1 -1
  63. package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js +31 -0
  64. package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map +1 -0
  65. package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js +6 -1
  66. package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map +1 -1
  67. package/dist/components/FilterPanel/DateRangeFilter.esm.js +6 -1
  68. package/dist/components/FilterPanel/DateRangeFilter.esm.js.map +1 -1
  69. package/dist/components/FilterPanel/FilterPanel.esm.js +9 -5
  70. package/dist/components/FilterPanel/FilterPanel.esm.js.map +1 -1
  71. package/dist/components/FollowedLists/FollowedCollectionsList.esm.js +49 -0
  72. package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map +1 -0
  73. package/dist/components/FollowedLists/FollowedEntitiesList.esm.js +7 -1
  74. package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map +1 -1
  75. package/dist/components/FollowedLists/FollowedTagsList.esm.js +7 -1
  76. package/dist/components/FollowedLists/FollowedTagsList.esm.js.map +1 -1
  77. package/dist/components/HeaderImageInput/HeaderImageInput.esm.js +5 -1
  78. package/dist/components/HeaderImageInput/HeaderImageInput.esm.js.map +1 -1
  79. package/dist/components/HomePageCards/ImpactCard.esm.js +6 -1
  80. package/dist/components/HomePageCards/ImpactCard.esm.js.map +1 -1
  81. package/dist/components/HomePageCards/PostsCard.esm.js +8 -3
  82. package/dist/components/HomePageCards/PostsCard.esm.js.map +1 -1
  83. package/dist/components/LeftMenu/LeftMenu.esm.js +11 -3
  84. package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
  85. package/dist/components/Links/Links.esm.js +5 -1
  86. package/dist/components/Links/Links.esm.js.map +1 -1
  87. package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +1 -1
  88. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +1 -1
  89. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +1 -1
  90. package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js +6 -1
  91. package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js.map +1 -1
  92. package/dist/components/PostForm/EntitiesInput.esm.js +5 -1
  93. package/dist/components/PostForm/EntitiesInput.esm.js.map +1 -1
  94. package/dist/components/PostForm/PostForm.esm.js +42 -5
  95. package/dist/components/PostForm/PostForm.esm.js.map +1 -1
  96. package/dist/components/PostForm/TagInput.esm.js +5 -2
  97. package/dist/components/PostForm/TagInput.esm.js.map +1 -1
  98. package/dist/components/PostHighlightList/PostHighlightList.esm.js +5 -1
  99. package/dist/components/PostHighlightList/PostHighlightList.esm.js.map +1 -1
  100. package/dist/components/PostsContainer/NoPostsCard.esm.js +6 -1
  101. package/dist/components/PostsContainer/NoPostsCard.esm.js.map +1 -1
  102. package/dist/components/PostsContainer/PostList.esm.js +16 -38
  103. package/dist/components/PostsContainer/PostList.esm.js.map +1 -1
  104. package/dist/components/PostsContainer/PostListItem.esm.js +6 -1
  105. package/dist/components/PostsContainer/PostListItem.esm.js.map +1 -1
  106. package/dist/components/PostsContainer/PostsContainer.esm.js +6 -2
  107. package/dist/components/PostsContainer/PostsContainer.esm.js.map +1 -1
  108. package/dist/components/PostsGrid/PostsGrid.esm.js +11 -3
  109. package/dist/components/PostsGrid/PostsGrid.esm.js.map +1 -1
  110. package/dist/components/PostsGrid/PostsGridContent.esm.js +23 -12
  111. package/dist/components/PostsGrid/PostsGridContent.esm.js.map +1 -1
  112. package/dist/components/PostsGrid/PostsGridItem.esm.js +6 -1
  113. package/dist/components/PostsGrid/PostsGridItem.esm.js.map +1 -1
  114. package/dist/components/QetaPagination/QetaPagination.esm.js +55 -0
  115. package/dist/components/QetaPagination/QetaPagination.esm.js.map +1 -0
  116. package/dist/components/QuestionCard/QuestionCard.esm.js +5 -1
  117. package/dist/components/QuestionCard/QuestionCard.esm.js.map +1 -1
  118. package/dist/components/QuestionsTable/QuestionsTable.esm.js +6 -1
  119. package/dist/components/QuestionsTable/QuestionsTable.esm.js.map +1 -1
  120. package/dist/components/SelectTemplateList/SelectTemplateList.esm.js +48 -0
  121. package/dist/components/SelectTemplateList/SelectTemplateList.esm.js.map +1 -0
  122. package/dist/components/StatsChart/StatsChart.esm.js +37 -13
  123. package/dist/components/StatsChart/StatsChart.esm.js.map +1 -1
  124. package/dist/components/StatsChart/util.esm.js +9 -0
  125. package/dist/components/StatsChart/util.esm.js.map +1 -0
  126. package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js +25 -1
  127. package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js.map +1 -1
  128. package/dist/components/TagsAndEntities/CollectionChip.esm.js +85 -0
  129. package/dist/components/TagsAndEntities/CollectionChip.esm.js.map +1 -0
  130. package/dist/components/TagsAndEntities/EntityChip.esm.js +5 -1
  131. package/dist/components/TagsAndEntities/EntityChip.esm.js.map +1 -1
  132. package/dist/components/TagsAndEntities/TagChip.esm.js +5 -1
  133. package/dist/components/TagsAndEntities/TagChip.esm.js.map +1 -1
  134. package/dist/components/TagsAndEntities/TagsAndEntities.esm.js +3 -0
  135. package/dist/components/TagsAndEntities/TagsAndEntities.esm.js.map +1 -1
  136. package/dist/components/TagsGrid/EditTagModal.esm.js +4 -1
  137. package/dist/components/TagsGrid/EditTagModal.esm.js.map +1 -1
  138. package/dist/components/TagsGrid/TagGridItem.esm.js +6 -1
  139. package/dist/components/TagsGrid/TagGridItem.esm.js.map +1 -1
  140. package/dist/components/TagsGrid/TagsGrid.esm.js +64 -22
  141. package/dist/components/TagsGrid/TagsGrid.esm.js.map +1 -1
  142. package/dist/components/TagsGrid/TagsGridContent.esm.js +31 -0
  143. package/dist/components/TagsGrid/TagsGridContent.esm.js.map +1 -0
  144. package/dist/components/TemplateList/TemplateForm.esm.js +207 -0
  145. package/dist/components/TemplateList/TemplateForm.esm.js.map +1 -0
  146. package/dist/components/TemplateList/TemplateList.esm.js +105 -0
  147. package/dist/components/TemplateList/TemplateList.esm.js.map +1 -0
  148. package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js +6 -1
  149. package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js.map +1 -1
  150. package/dist/components/UsersGrid/UsersGrid.esm.js +49 -19
  151. package/dist/components/UsersGrid/UsersGrid.esm.js.map +1 -1
  152. package/dist/components/UsersGrid/UsersGridContent.esm.js +31 -0
  153. package/dist/components/UsersGrid/UsersGridContent.esm.js.map +1 -0
  154. package/dist/components/UsersGrid/UsersGridItem.esm.js +7 -1
  155. package/dist/components/UsersGrid/UsersGridItem.esm.js.map +1 -1
  156. package/dist/hooks/useBasePath.esm.js +12 -0
  157. package/dist/hooks/useBasePath.esm.js.map +1 -0
  158. package/dist/hooks/useBaseUrl.esm.js +13 -0
  159. package/dist/hooks/useBaseUrl.esm.js.map +1 -0
  160. package/dist/hooks/useCollectionsFollow.esm.js +59 -0
  161. package/dist/hooks/useCollectionsFollow.esm.js.map +1 -0
  162. package/dist/hooks/useEntityAuthor.esm.js +90 -0
  163. package/dist/hooks/useEntityAuthor.esm.js.map +1 -0
  164. package/dist/hooks/useEntityFollow.esm.js +49 -0
  165. package/dist/hooks/useEntityFollow.esm.js.map +1 -0
  166. package/dist/hooks/useEntityQueryParameter.esm.js +14 -0
  167. package/dist/hooks/useEntityQueryParameter.esm.js.map +1 -0
  168. package/dist/hooks/useFormStyles.esm.js +26 -0
  169. package/dist/hooks/useFormStyles.esm.js.map +1 -0
  170. package/dist/hooks/useIdentityApi.esm.js +12 -0
  171. package/dist/hooks/useIdentityApi.esm.js.map +1 -0
  172. package/dist/hooks/useIsDarkTheme.esm.js +12 -0
  173. package/dist/hooks/useIsDarkTheme.esm.js.map +1 -0
  174. package/dist/hooks/useIsModerator.esm.js +23 -0
  175. package/dist/hooks/useIsModerator.esm.js.map +1 -0
  176. package/dist/hooks/usePaginatedPosts.esm.js +176 -0
  177. package/dist/hooks/usePaginatedPosts.esm.js.map +1 -0
  178. package/dist/hooks/useQetaApi.esm.js +13 -0
  179. package/dist/hooks/useQetaApi.esm.js.map +1 -0
  180. package/dist/hooks/useStyles.esm.js +141 -0
  181. package/dist/hooks/useStyles.esm.js.map +1 -0
  182. package/dist/hooks/useTagsFollow.esm.js +53 -0
  183. package/dist/hooks/useTagsFollow.esm.js.map +1 -0
  184. package/dist/hooks/useTranslation.esm.js +9 -0
  185. package/dist/hooks/useTranslation.esm.js.map +1 -0
  186. package/dist/hooks/useUserFollow.esm.js +53 -0
  187. package/dist/hooks/useUserFollow.esm.js.map +1 -0
  188. package/dist/hooks/useVoting.esm.js +110 -0
  189. package/dist/hooks/useVoting.esm.js.map +1 -0
  190. package/dist/index.d.ts +402 -306
  191. package/dist/index.esm.js +14 -2
  192. package/dist/index.esm.js.map +1 -1
  193. package/dist/routes.esm.js +6 -1
  194. package/dist/routes.esm.js.map +1 -1
  195. package/dist/translation.esm.js +63 -4
  196. package/dist/translation.esm.js.map +1 -1
  197. package/package.json +5 -2
  198. package/dist/utils/hooks.esm.js +0 -701
  199. package/dist/utils/hooks.esm.js.map +0 -1
@@ -0,0 +1,176 @@
1
+ import { useAnalytics } from '@backstage/core-plugin-api';
2
+ import React, { useEffect } from 'react';
3
+ import { useSearchParams } from 'react-router-dom';
4
+ import { filterKeys } from '../components/FilterPanel/FilterPanel.esm.js';
5
+ import useDebounce from 'react-use/lib/useDebounce';
6
+ import { getFiltersWithDateRange } from '../utils/utils.esm.js';
7
+ import { filterTags } from '@drodil/backstage-plugin-qeta-common';
8
+ import { useQetaApi } from './useQetaApi.esm.js';
9
+
10
+ function usePaginatedPosts(props) {
11
+ const { type, tags, author, entity, favorite, initialPageSize } = props;
12
+ const analytics = useAnalytics();
13
+ const [page, setPage] = React.useState(1);
14
+ const [pageCount, setPageCount] = React.useState(1);
15
+ const [postsPerPage, setPostsPerPage] = React.useState(initialPageSize ?? 10);
16
+ const [showFilterPanel, setShowFilterPanel] = React.useState(false);
17
+ const [searchParams, setSearchParams] = useSearchParams();
18
+ const [searchQuery, setSearchQuery] = React.useState("");
19
+ const [filters, setFilters] = React.useState({
20
+ order: "desc",
21
+ orderBy: "created",
22
+ noAnswers: "false",
23
+ noCorrectAnswer: "false",
24
+ noVotes: "false",
25
+ searchQuery: "",
26
+ entity: entity ?? "",
27
+ tags: tags ?? [],
28
+ dateRange: "",
29
+ collectionId: props.collectionId
30
+ });
31
+ const onPageChange = (value) => {
32
+ setPage(value);
33
+ setSearchParams((prev) => {
34
+ const newValue = prev;
35
+ newValue.set("page", String(value));
36
+ return newValue;
37
+ });
38
+ };
39
+ const loadNextPage = () => {
40
+ setPage((prev) => prev + 1);
41
+ };
42
+ const onFilterChange = (key, value) => {
43
+ if (filters[key] === value) {
44
+ return;
45
+ }
46
+ setPage(1);
47
+ setFilters({ ...filters, ...{ [key]: value } });
48
+ setSearchParams((prev) => {
49
+ const newValue = prev;
50
+ if (!value || value === "false") {
51
+ newValue.delete(key);
52
+ } else if (Array.isArray(value)) {
53
+ if (value.length === 0) {
54
+ newValue.delete(key);
55
+ } else {
56
+ newValue.set(key, value.join(","));
57
+ }
58
+ } else if (value.length > 0) {
59
+ newValue.set(key, value);
60
+ } else {
61
+ newValue.delete(key);
62
+ }
63
+ return newValue;
64
+ });
65
+ };
66
+ const onSearchQueryChange = (event) => {
67
+ onPageChange(1);
68
+ if (event.target.value) {
69
+ analytics.captureEvent("qeta_search", event.target.value);
70
+ }
71
+ setSearchQuery(event.target.value);
72
+ };
73
+ useDebounce(
74
+ () => {
75
+ if (filters.searchQuery !== searchQuery) {
76
+ setFilters({ ...filters, searchQuery });
77
+ }
78
+ },
79
+ 400,
80
+ [searchQuery]
81
+ );
82
+ useEffect(() => {
83
+ let filtersApplied = false;
84
+ searchParams.forEach((value, key) => {
85
+ try {
86
+ if (key === "page") {
87
+ const pv = Number.parseInt(value, 10);
88
+ if (pv > 0) {
89
+ setPage(pv);
90
+ } else {
91
+ setPage(1);
92
+ }
93
+ } else if (key === "postsPerPage") {
94
+ const qpp = Number.parseInt(value, 10);
95
+ if (qpp > 0) setPostsPerPage(qpp);
96
+ } else if (filterKeys.includes(key)) {
97
+ filtersApplied = true;
98
+ if (key === "tags") {
99
+ filters.tags = filterTags(value) ?? [];
100
+ } else {
101
+ filters[key] = value;
102
+ }
103
+ }
104
+ } catch (_e) {
105
+ }
106
+ });
107
+ setFilters(filters);
108
+ if (filtersApplied) {
109
+ setShowFilterPanel(true);
110
+ }
111
+ }, [searchParams, filters]);
112
+ const {
113
+ value: response,
114
+ loading,
115
+ error
116
+ } = useQetaApi(
117
+ (api) => {
118
+ return api.getPosts({
119
+ type,
120
+ limit: postsPerPage,
121
+ offset: (page - 1) * postsPerPage,
122
+ includeEntities: true,
123
+ author,
124
+ favorite,
125
+ ...getFiltersWithDateRange(filters)
126
+ });
127
+ },
128
+ [type, page, filters, postsPerPage]
129
+ );
130
+ useEffect(() => {
131
+ if (response) {
132
+ setPageCount(Math.ceil(response.total / postsPerPage));
133
+ }
134
+ }, [response, postsPerPage]);
135
+ const onPageSizeChange = (value) => {
136
+ if (response) {
137
+ let newPage = page;
138
+ while (newPage * value > response.total) {
139
+ newPage -= 1;
140
+ }
141
+ onPageChange(Math.max(1, newPage));
142
+ }
143
+ setPostsPerPage(value);
144
+ setSearchParams((prev) => {
145
+ const newValue = prev;
146
+ newValue.set("postsPerPage", String(value));
147
+ return newValue;
148
+ });
149
+ };
150
+ return {
151
+ page,
152
+ setPage,
153
+ postsPerPage,
154
+ setPostsPerPage,
155
+ showFilterPanel,
156
+ setShowFilterPanel,
157
+ searchParams,
158
+ setSearchParams,
159
+ searchQuery,
160
+ setSearchQuery,
161
+ filters,
162
+ setFilters,
163
+ onPageChange,
164
+ onPageSizeChange,
165
+ onFilterChange,
166
+ onSearchQueryChange,
167
+ response,
168
+ loading,
169
+ error,
170
+ loadNextPage,
171
+ pageCount
172
+ };
173
+ }
174
+
175
+ export { usePaginatedPosts };
176
+ //# sourceMappingURL=usePaginatedPosts.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"usePaginatedPosts.esm.js","sources":["../../src/hooks/usePaginatedPosts.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport React, { useEffect } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n FilterKey,\n filterKeys,\n Filters,\n} from '../components/FilterPanel/FilterPanel';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { getFiltersWithDateRange } from '../utils';\nimport { filterTags, PostType } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from './useQetaApi';\n\nexport type PaginatedPostsProps = {\n type?: PostType;\n tags?: string[];\n author?: string;\n entity?: string;\n showFilters?: boolean;\n showTitle?: boolean;\n title?: string;\n favorite?: boolean;\n showAskButton?: boolean;\n showWriteButton?: boolean;\n showNoQuestionsBtn?: boolean;\n initialPageSize?: number;\n collectionId?: number;\n};\n\nexport function usePaginatedPosts(props: PaginatedPostsProps) {\n const { type, tags, author, entity, favorite, initialPageSize } = props;\n const analytics = useAnalytics();\n const [page, setPage] = React.useState(1);\n const [pageCount, setPageCount] = React.useState(1);\n const [postsPerPage, setPostsPerPage] = React.useState(initialPageSize ?? 10);\n const [showFilterPanel, setShowFilterPanel] = React.useState(false);\n const [searchParams, setSearchParams] = useSearchParams();\n const [searchQuery, setSearchQuery] = React.useState('');\n const [filters, setFilters] = React.useState<Filters>({\n order: 'desc',\n orderBy: 'created',\n noAnswers: 'false',\n noCorrectAnswer: 'false',\n noVotes: 'false',\n searchQuery: '',\n entity: entity ?? '',\n tags: tags ?? [],\n dateRange: '',\n collectionId: props.collectionId,\n });\n\n const onPageChange = (value: number) => {\n setPage(value);\n setSearchParams(prev => {\n const newValue = prev;\n newValue.set('page', String(value));\n return newValue;\n });\n };\n\n const loadNextPage = () => {\n setPage(prev => prev + 1);\n };\n\n const onFilterChange = (key: FilterKey, value: string | string[]) => {\n if (filters[key] === value) {\n return;\n }\n\n setPage(1);\n setFilters({ ...filters, ...{ [key]: value } });\n setSearchParams(prev => {\n const newValue = prev;\n if (!value || value === 'false') {\n newValue.delete(key);\n } else if (Array.isArray(value)) {\n if (value.length === 0) {\n newValue.delete(key);\n } else {\n newValue.set(key, value.join(','));\n }\n } else if (value.length > 0) {\n newValue.set(key, value);\n } else {\n newValue.delete(key);\n }\n return newValue;\n });\n };\n\n const onSearchQueryChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n onPageChange(1);\n if (event.target.value) {\n analytics.captureEvent('qeta_search', event.target.value);\n }\n setSearchQuery(event.target.value);\n };\n\n useDebounce(\n () => {\n if (filters.searchQuery !== searchQuery) {\n setFilters({ ...filters, searchQuery: searchQuery });\n }\n },\n 400,\n [searchQuery],\n );\n\n useEffect(() => {\n let filtersApplied = false;\n searchParams.forEach((value, key) => {\n try {\n if (key === 'page') {\n const pv = Number.parseInt(value, 10);\n if (pv > 0) {\n setPage(pv);\n } else {\n setPage(1);\n }\n } else if (key === 'postsPerPage') {\n const qpp = Number.parseInt(value, 10);\n if (qpp > 0) setPostsPerPage(qpp);\n } else if (filterKeys.includes(key as FilterKey)) {\n filtersApplied = true;\n if (key === 'tags') {\n filters.tags = filterTags(value) ?? [];\n } else {\n (filters as any)[key] = value;\n }\n }\n } catch (_e) {\n // NOOP\n }\n });\n setFilters(filters);\n if (filtersApplied) {\n setShowFilterPanel(true);\n }\n }, [searchParams, filters]);\n\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api => {\n return api.getPosts({\n type,\n limit: postsPerPage,\n offset: (page - 1) * postsPerPage,\n includeEntities: true,\n author,\n favorite,\n ...(getFiltersWithDateRange(filters) as any),\n });\n },\n [type, page, filters, postsPerPage],\n );\n\n useEffect(() => {\n if (response) {\n setPageCount(Math.ceil(response.total / postsPerPage));\n }\n }, [response, postsPerPage]);\n\n const onPageSizeChange = (value: number) => {\n if (response) {\n let newPage = page;\n while (newPage * value > response.total) {\n newPage -= 1;\n }\n onPageChange(Math.max(1, newPage));\n }\n setPostsPerPage(value);\n setSearchParams(prev => {\n const newValue = prev;\n newValue.set('postsPerPage', String(value));\n return newValue;\n });\n };\n\n return {\n page,\n setPage,\n postsPerPage,\n setPostsPerPage,\n showFilterPanel,\n setShowFilterPanel,\n searchParams,\n setSearchParams,\n searchQuery,\n setSearchQuery,\n filters,\n setFilters,\n onPageChange,\n onPageSizeChange,\n onFilterChange,\n onSearchQueryChange,\n response,\n loading,\n error,\n loadNextPage,\n pageCount,\n };\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ import { useApi } from '@backstage/core-plugin-api';
2
+ import { qetaApiRef } from '../api.esm.js';
3
+ import { useAsyncRetry } from 'react-use';
4
+
5
+ function useQetaApi(f, deps = []) {
6
+ const qetaApi = useApi(qetaApiRef);
7
+ return useAsyncRetry(async () => {
8
+ return await f(qetaApi);
9
+ }, deps);
10
+ }
11
+
12
+ export { useQetaApi };
13
+ //# sourceMappingURL=useQetaApi.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useQetaApi.esm.js","sources":["../../src/hooks/useQetaApi.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useAsyncRetry } from 'react-use';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\n\nexport function useQetaApi<T>(\n f: (api: QetaApi) => Promise<T>,\n deps: any[] = [],\n) {\n const qetaApi = useApi(qetaApiRef);\n\n return useAsyncRetry(async () => {\n return await f(qetaApi);\n }, deps);\n}\n"],"names":[],"mappings":";;;;AAKO,SAAS,UACd,CAAA,CAAA,EACA,IAAc,GAAA,EACd,EAAA;AACA,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,OAAO,cAAc,YAAY;AAC/B,IAAO,OAAA,MAAM,EAAE,OAAO,CAAA,CAAA;AAAA,KACrB,IAAI,CAAA,CAAA;AACT;;;;"}
@@ -0,0 +1,141 @@
1
+ import { makeStyles } from '@material-ui/core';
2
+
3
+ const useStyles = makeStyles(
4
+ (theme) => {
5
+ return {
6
+ questionDivider: {
7
+ marginTop: theme.spacing(2),
8
+ marginBottom: theme.spacing(2)
9
+ },
10
+ questionCard: {
11
+ marginBottom: theme.spacing(1),
12
+ position: "relative"
13
+ },
14
+ questionCardVote: {
15
+ textAlign: "center",
16
+ width: "32px",
17
+ marginRight: "20px",
18
+ marginLeft: "5px",
19
+ display: "inline-block",
20
+ verticalAlign: "top"
21
+ },
22
+ questionCardContent: {
23
+ minHeight: "160px"
24
+ },
25
+ questionListItem: {
26
+ padding: "0.7rem",
27
+ paddingBottom: "1.4rem"
28
+ },
29
+ questionListItemStats: {
30
+ width: "70px",
31
+ textAlign: "right",
32
+ marginRight: "5px",
33
+ display: "inline-block",
34
+ verticalAlign: "top"
35
+ },
36
+ questionListItemContent: {
37
+ display: "inline-block",
38
+ width: "calc(100% - 80px)"
39
+ },
40
+ questionListItemAuthor: {
41
+ display: "inline",
42
+ float: "right"
43
+ },
44
+ questionListItemAvatar: {
45
+ display: "inline-flex !important",
46
+ marginRight: "0.25rem",
47
+ fontSize: "1rem",
48
+ maxWidth: "1rem",
49
+ maxHeight: "1rem"
50
+ },
51
+ answerCardContent: {
52
+ display: "inline-block",
53
+ width: "calc(100% - 70px)"
54
+ },
55
+ questionListPagination: {
56
+ marginTop: theme.spacing(2)
57
+ },
58
+ questionsPerPageInput: {
59
+ paddingTop: "10px",
60
+ paddingBottom: "10px"
61
+ },
62
+ questionsPerPage: {
63
+ marginRight: theme.spacing(3)
64
+ },
65
+ postHighlightListContainer: {
66
+ width: "100%",
67
+ backgroundColor: theme.palette.background.paper,
68
+ border: `1px solid ${theme.palette.action.selected}`,
69
+ borderRadius: theme.shape.borderRadius,
70
+ "&:not(:first-child)": {
71
+ marginTop: theme.spacing(2)
72
+ }
73
+ },
74
+ postHighlightList: {
75
+ paddingBottom: "0px",
76
+ "& p": {
77
+ marginTop: "0",
78
+ marginBottom: "0"
79
+ }
80
+ },
81
+ filterPanel: {
82
+ border: `1px solid ${theme.palette.action.selected}`,
83
+ borderRadius: theme.shape.borderRadius,
84
+ padding: theme.spacing(3)
85
+ },
86
+ questionCardMetadata: {
87
+ marginTop: theme.spacing(3)
88
+ },
89
+ marginRight: {
90
+ marginRight: theme.spacing(1)
91
+ },
92
+ marginLeft: {
93
+ marginLeft: theme.spacing(1)
94
+ },
95
+ questionCardActions: {
96
+ marginTop: theme.spacing(2),
97
+ "& a": {
98
+ marginRight: theme.spacing(1)
99
+ }
100
+ },
101
+ noPadding: {
102
+ padding: `0 !important`
103
+ },
104
+ deleteModal: {
105
+ position: "absolute",
106
+ top: "20%",
107
+ left: "50%",
108
+ transform: "translate(-50%, -50%)",
109
+ width: 400,
110
+ backgroundColor: theme.palette.background.default,
111
+ border: `1px solid ${theme.palette.action.selected}`,
112
+ borderRadius: theme.shape.borderRadius,
113
+ padding: theme.spacing(2),
114
+ "& button": {
115
+ marginTop: theme.spacing(2),
116
+ float: "right"
117
+ }
118
+ },
119
+ highlight: {
120
+ animation: "$highlight 2s"
121
+ },
122
+ "@keyframes highlight": {
123
+ "0%": {
124
+ boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`
125
+ },
126
+ "100%": {
127
+ boxShadow: "none"
128
+ }
129
+ },
130
+ dateFilter: {
131
+ minWidth: "200px",
132
+ marginTop: theme.spacing(2),
133
+ marginBottom: theme.spacing(2)
134
+ }
135
+ };
136
+ },
137
+ { name: "Qeta" }
138
+ );
139
+
140
+ export { useStyles };
141
+ //# sourceMappingURL=useStyles.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useStyles.esm.js","sources":["../../src/hooks/useStyles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nexport const useStyles = makeStyles(\n theme => {\n return {\n questionDivider: {\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n },\n questionCard: {\n marginBottom: theme.spacing(1),\n position: 'relative',\n },\n questionCardVote: {\n textAlign: 'center',\n width: '32px',\n marginRight: '20px',\n marginLeft: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n },\n questionCardContent: {\n minHeight: '160px',\n },\n questionListItem: {\n padding: '0.7rem',\n paddingBottom: '1.4rem',\n },\n questionListItemStats: {\n width: '70px',\n textAlign: 'right',\n marginRight: '5px',\n display: 'inline-block',\n verticalAlign: 'top',\n },\n questionListItemContent: {\n display: 'inline-block',\n width: 'calc(100% - 80px)',\n },\n questionListItemAuthor: {\n display: 'inline',\n float: 'right',\n },\n questionListItemAvatar: {\n display: 'inline-flex !important',\n marginRight: '0.25rem',\n fontSize: '1rem',\n maxWidth: '1rem',\n maxHeight: '1rem',\n },\n answerCardContent: {\n display: 'inline-block',\n width: 'calc(100% - 70px)',\n },\n questionListPagination: {\n marginTop: theme.spacing(2),\n },\n questionsPerPageInput: {\n paddingTop: '10px',\n paddingBottom: '10px',\n },\n questionsPerPage: {\n marginRight: theme.spacing(3),\n },\n postHighlightListContainer: {\n width: '100%',\n backgroundColor: theme.palette.background.paper,\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n '&:not(:first-child)': {\n marginTop: theme.spacing(2),\n },\n },\n postHighlightList: {\n paddingBottom: '0px',\n '& p': {\n marginTop: '0',\n marginBottom: '0',\n },\n },\n filterPanel: {\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(3),\n },\n questionCardMetadata: {\n marginTop: theme.spacing(3),\n },\n marginRight: {\n marginRight: theme.spacing(1),\n },\n marginLeft: {\n marginLeft: theme.spacing(1),\n },\n questionCardActions: {\n marginTop: theme.spacing(2),\n '& a': {\n marginRight: theme.spacing(1),\n },\n },\n noPadding: {\n padding: `0 !important`,\n },\n deleteModal: {\n position: 'absolute',\n top: '20%',\n left: '50%',\n transform: 'translate(-50%, -50%)',\n width: 400,\n backgroundColor: theme.palette.background.default,\n border: `1px solid ${theme.palette.action.selected}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing(2),\n '& button': {\n marginTop: theme.spacing(2),\n float: 'right',\n },\n },\n highlight: {\n animation: '$highlight 2s',\n },\n '@keyframes highlight': {\n '0%': {\n boxShadow: `0px 0px 0px 3px ${theme.palette.secondary.light}`,\n },\n '100%': {\n boxShadow: 'none',\n },\n },\n dateFilter: {\n minWidth: '200px',\n marginTop: theme.spacing(2),\n marginBottom: theme.spacing(2),\n },\n };\n },\n { name: 'Qeta' },\n);\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,53 @@
1
+ import React, { useEffect, useCallback } from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { qetaApiRef } from '../api.esm.js';
4
+
5
+ let followedTags = void 0;
6
+ const useTagsFollow = () => {
7
+ const [tags, setTags] = React.useState(followedTags ?? []);
8
+ const [loading, setLoading] = React.useState(followedTags === void 0);
9
+ const qetaApi = useApi(qetaApiRef);
10
+ useEffect(() => {
11
+ if (followedTags === void 0) {
12
+ qetaApi.getFollowedTags().then((res) => {
13
+ followedTags = res.tags;
14
+ setTags(res.tags);
15
+ setLoading(false);
16
+ });
17
+ } else {
18
+ setTags(followedTags);
19
+ }
20
+ }, [qetaApi]);
21
+ const followTag = useCallback(
22
+ (tag) => {
23
+ qetaApi.followTag(tag).then(() => {
24
+ setTags((prev) => [...prev, tag]);
25
+ followedTags?.push(tag);
26
+ });
27
+ },
28
+ [qetaApi]
29
+ );
30
+ const unfollowTag = useCallback(
31
+ (tag) => {
32
+ qetaApi.unfollowTag(tag).then(() => {
33
+ setTags((prev) => prev.filter((t) => t !== tag));
34
+ followedTags = followedTags?.filter((t) => t !== tag);
35
+ });
36
+ },
37
+ [qetaApi]
38
+ );
39
+ const isFollowingTag = useCallback(
40
+ (tag) => tags.includes(tag),
41
+ [tags]
42
+ );
43
+ return {
44
+ tags,
45
+ followTag,
46
+ unfollowTag,
47
+ isFollowingTag,
48
+ loading
49
+ };
50
+ };
51
+
52
+ export { useTagsFollow };
53
+ //# sourceMappingURL=useTagsFollow.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTagsFollow.esm.js","sources":["../../src/hooks/useTagsFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedTags: string[] | undefined = undefined;\n\nexport const useTagsFollow = () => {\n const [tags, setTags] = React.useState<string[]>(followedTags ?? []);\n const [loading, setLoading] = React.useState(followedTags === undefined);\n const qetaApi = useApi(qetaApiRef);\n\n useEffect(() => {\n if (followedTags === undefined) {\n qetaApi.getFollowedTags().then(res => {\n followedTags = res.tags;\n setTags(res.tags);\n setLoading(false);\n });\n } else {\n setTags(followedTags);\n }\n }, [qetaApi]);\n\n const followTag = useCallback(\n (tag: string) => {\n qetaApi.followTag(tag).then(() => {\n setTags(prev => [...prev, tag]);\n followedTags?.push(tag);\n });\n },\n [qetaApi],\n );\n\n const unfollowTag = useCallback(\n (tag: string) => {\n qetaApi.unfollowTag(tag).then(() => {\n setTags(prev => prev.filter(t => t !== tag));\n followedTags = followedTags?.filter(t => t !== tag);\n });\n },\n [qetaApi],\n );\n\n const isFollowingTag = useCallback(\n (tag: string) => tags.includes(tag),\n [tags],\n );\n return {\n tags,\n followTag,\n unfollowTag,\n isFollowingTag,\n loading,\n };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,YAAqC,GAAA,KAAA,CAAA,CAAA;AAElC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,MAAM,QAAmB,CAAA,YAAA,IAAgB,EAAE,CAAA,CAAA;AACnE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,KAAM,CAAA,QAAA,CAAS,iBAAiB,KAAS,CAAA,CAAA,CAAA;AACvE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,MAAQ,OAAA,CAAA,eAAA,EAAkB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACpC,QAAA,YAAA,GAAe,GAAI,CAAA,IAAA,CAAA;AACnB,QAAA,OAAA,CAAQ,IAAI,IAAI,CAAA,CAAA;AAChB,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,YAAY,CAAA,CAAA;AAAA,KACtB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,SAAY,GAAA,WAAA;AAAA,IAChB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,SAAU,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAChC,QAAA,OAAA,CAAQ,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAC9B,QAAA,YAAA,EAAc,KAAK,GAAG,CAAA,CAAA;AAAA,OACvB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,WAAc,GAAA,WAAA;AAAA,IAClB,CAAC,GAAgB,KAAA;AACf,MAAA,OAAA,CAAQ,WAAY,CAAA,GAAG,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,OAAA,CAAQ,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAC,CAAA,CAAA;AAC3C,QAAA,YAAA,GAAe,YAAc,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,GAAG,CAAA,CAAA;AAAA,OACnD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,GAAA,KAAgB,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA;AAAA,IAClC,CAAC,IAAI,CAAA;AAAA,GACP,CAAA;AACA,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}
@@ -0,0 +1,9 @@
1
+ import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
2
+ import { qetaTranslationRef } from '../translation.esm.js';
3
+
4
+ const useTranslation = () => {
5
+ return useTranslationRef(qetaTranslationRef);
6
+ };
7
+
8
+ export { useTranslation };
9
+ //# sourceMappingURL=useTranslation.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTranslation.esm.js","sources":["../../src/hooks/useTranslation.ts"],"sourcesContent":["import { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { qetaTranslationRef } from '../translation';\n\nexport const useTranslation = () => {\n return useTranslationRef(qetaTranslationRef);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,iBAAiB,MAAM;AAClC,EAAA,OAAO,kBAAkB,kBAAkB,CAAA,CAAA;AAC7C;;;;"}
@@ -0,0 +1,53 @@
1
+ import React, { useEffect, useCallback } from 'react';
2
+ import { useApi } from '@backstage/core-plugin-api';
3
+ import { qetaApiRef } from '../api.esm.js';
4
+
5
+ let followedUsers = void 0;
6
+ const useUserFollow = () => {
7
+ const [users, setUsers] = React.useState(followedUsers ?? []);
8
+ const [loading, setLoading] = React.useState(followedUsers === void 0);
9
+ const qetaApi = useApi(qetaApiRef);
10
+ useEffect(() => {
11
+ if (followedUsers === void 0) {
12
+ qetaApi.getFollowedUsers().then((res) => {
13
+ followedUsers = res.followedUserRefs;
14
+ setUsers(res.followedUserRefs);
15
+ setLoading(false);
16
+ });
17
+ } else {
18
+ setUsers(followedUsers);
19
+ }
20
+ }, [qetaApi]);
21
+ const followUser = useCallback(
22
+ (user) => {
23
+ qetaApi.followUser(user).then(() => {
24
+ setUsers((prev) => [...prev, user]);
25
+ followedUsers?.push(user);
26
+ });
27
+ },
28
+ [qetaApi]
29
+ );
30
+ const unfollowUser = useCallback(
31
+ (user) => {
32
+ qetaApi.unfollowUser(user).then(() => {
33
+ setUsers((prev) => prev.filter((t) => t !== user));
34
+ followedUsers = followedUsers?.filter((t) => t !== user);
35
+ });
36
+ },
37
+ [qetaApi]
38
+ );
39
+ const isFollowingUser = useCallback(
40
+ (user) => users.includes(user),
41
+ [users]
42
+ );
43
+ return {
44
+ users,
45
+ followUser,
46
+ unfollowUser,
47
+ isFollowingUser,
48
+ loading
49
+ };
50
+ };
51
+
52
+ export { useUserFollow };
53
+ //# sourceMappingURL=useUserFollow.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useUserFollow.esm.js","sources":["../../src/hooks/useUserFollow.ts"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\n\nlet followedUsers: string[] | undefined = undefined;\n\nexport const useUserFollow = () => {\n const [users, setUsers] = React.useState<string[]>(followedUsers ?? []);\n const [loading, setLoading] = React.useState(followedUsers === undefined);\n const qetaApi = useApi(qetaApiRef);\n\n useEffect(() => {\n if (followedUsers === undefined) {\n qetaApi.getFollowedUsers().then(res => {\n followedUsers = res.followedUserRefs;\n setUsers(res.followedUserRefs);\n setLoading(false);\n });\n } else {\n setUsers(followedUsers);\n }\n }, [qetaApi]);\n\n const followUser = useCallback(\n (user: string) => {\n qetaApi.followUser(user).then(() => {\n setUsers(prev => [...prev, user]);\n followedUsers?.push(user);\n });\n },\n [qetaApi],\n );\n\n const unfollowUser = useCallback(\n (user: string) => {\n qetaApi.unfollowUser(user).then(() => {\n setUsers(prev => prev.filter(t => t !== user));\n followedUsers = followedUsers?.filter(t => t !== user);\n });\n },\n [qetaApi],\n );\n\n const isFollowingUser = useCallback(\n (user: string) => users.includes(user),\n [users],\n );\n return {\n users,\n followUser,\n unfollowUser,\n isFollowingUser,\n loading,\n };\n};\n"],"names":[],"mappings":";;;;AAIA,IAAI,aAAsC,GAAA,KAAA,CAAA,CAAA;AAEnC,MAAM,gBAAgB,MAAM;AACjC,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,MAAM,QAAmB,CAAA,aAAA,IAAiB,EAAE,CAAA,CAAA;AACtE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAI,KAAM,CAAA,QAAA,CAAS,kBAAkB,KAAS,CAAA,CAAA,CAAA;AACxE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,kBAAkB,KAAW,CAAA,EAAA;AAC/B,MAAQ,OAAA,CAAA,gBAAA,EAAmB,CAAA,IAAA,CAAK,CAAO,GAAA,KAAA;AACrC,QAAA,aAAA,GAAgB,GAAI,CAAA,gBAAA,CAAA;AACpB,QAAA,QAAA,CAAS,IAAI,gBAAgB,CAAA,CAAA;AAC7B,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OACjB,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,QAAA,CAAS,aAAa,CAAA,CAAA;AAAA,KACxB;AAAA,GACF,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAA,MAAM,UAAa,GAAA,WAAA;AAAA,IACjB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,UAAW,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AAClC,QAAA,QAAA,CAAS,CAAQ,IAAA,KAAA,CAAC,GAAG,IAAA,EAAM,IAAI,CAAC,CAAA,CAAA;AAChC,QAAA,aAAA,EAAe,KAAK,IAAI,CAAA,CAAA;AAAA,OACzB,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,IAAiB,KAAA;AAChB,MAAA,OAAA,CAAQ,YAAa,CAAA,IAAI,CAAE,CAAA,IAAA,CAAK,MAAM;AACpC,QAAA,QAAA,CAAS,UAAQ,IAAK,CAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAC,CAAA,CAAA;AAC7C,QAAA,aAAA,GAAgB,aAAe,EAAA,MAAA,CAAO,CAAK,CAAA,KAAA,CAAA,KAAM,IAAI,CAAA,CAAA;AAAA,OACtD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,IAAA,KAAiB,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACrC,CAAC,KAAK,CAAA;AAAA,GACR,CAAA;AACA,EAAO,OAAA;AAAA,IACL,KAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,OAAA;AAAA,GACF,CAAA;AACF;;;;"}
@@ -0,0 +1,110 @@
1
+ import React, { useState, useEffect } from 'react';
2
+ import { useAnalytics, useApi } from '@backstage/core-plugin-api';
3
+ import { qetaApiRef } from '../api.esm.js';
4
+ import { useTranslation } from './useTranslation.esm.js';
5
+ import { useSignal } from '@backstage/plugin-signals-react';
6
+
7
+ function useVoting(resp) {
8
+ const [entity, setEntity] = React.useState(
9
+ resp
10
+ );
11
+ const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);
12
+ const [correctAnswer, setCorrectAnswer] = useState(
13
+ "postId" in entity ? entity.correct : false
14
+ );
15
+ const [score, setScore] = useState(entity.score);
16
+ const analytics = useAnalytics();
17
+ const qetaApi = useApi(qetaApiRef);
18
+ const { t } = useTranslation();
19
+ const isQuestion = "title" in entity;
20
+ const own = entity.own ?? false;
21
+ const { lastSignal } = useSignal(
22
+ isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`
23
+ );
24
+ useEffect(() => {
25
+ if (entity) {
26
+ setScore(entity.score);
27
+ }
28
+ }, [entity]);
29
+ useEffect(() => {
30
+ if (lastSignal?.type === "post_stats" || lastSignal?.type === "answer_stats") {
31
+ setCorrectAnswer(lastSignal.correctAnswer);
32
+ setScore(lastSignal.score);
33
+ }
34
+ }, [lastSignal]);
35
+ const voteUp = () => {
36
+ if (isQuestion) {
37
+ qetaApi.votePostUp(entity.id).then((response) => {
38
+ setOwnVote(1);
39
+ analytics.captureEvent("vote", "question", { value: 1 });
40
+ setEntity(response);
41
+ });
42
+ } else if ("postId" in entity) {
43
+ qetaApi.voteAnswerUp(entity.postId, entity.id).then((response) => {
44
+ setOwnVote(1);
45
+ analytics.captureEvent("vote", "answer", { value: 1 });
46
+ setEntity(response);
47
+ });
48
+ }
49
+ };
50
+ const voteDown = () => {
51
+ if (isQuestion) {
52
+ qetaApi.votePostDown(entity.id).then((response) => {
53
+ setOwnVote(-1);
54
+ analytics.captureEvent("vote", "question", { value: -1 });
55
+ setEntity(response);
56
+ });
57
+ } else if ("postId" in entity) {
58
+ qetaApi.voteAnswerDown(entity.postId, entity.id).then((response) => {
59
+ setOwnVote(-1);
60
+ analytics.captureEvent("vote", "answer", { value: -1 });
61
+ setEntity(response);
62
+ });
63
+ }
64
+ };
65
+ let correctTooltip = correctAnswer ? t("voteButtons.answer.markIncorrect") : t("voteButtons.answer.markCorrect");
66
+ if (!entity?.own) {
67
+ correctTooltip = correctAnswer ? t("voteButtons.answer.marked") : "";
68
+ }
69
+ let voteUpTooltip = isQuestion ? t("voteButtons.question.good") : t("voteButtons.answer.good");
70
+ if (own) {
71
+ voteUpTooltip = isQuestion ? t("voteButtons.question.own") : t("voteButtons.answer.own");
72
+ }
73
+ let voteDownTooltip = isQuestion ? t("voteButtons.question.bad") : t("voteButtons.answer.bad");
74
+ if (own) {
75
+ voteDownTooltip = voteUpTooltip;
76
+ }
77
+ const toggleCorrectAnswer = () => {
78
+ if (!("postId" in entity)) {
79
+ return;
80
+ }
81
+ if (correctAnswer) {
82
+ qetaApi.markAnswerIncorrect(entity.postId, entity.id).then((response) => {
83
+ if (response) {
84
+ setCorrectAnswer(false);
85
+ }
86
+ });
87
+ } else {
88
+ qetaApi.markAnswerCorrect(entity.postId, entity.id).then((response) => {
89
+ if (response) {
90
+ setCorrectAnswer(true);
91
+ }
92
+ });
93
+ }
94
+ };
95
+ return {
96
+ entity,
97
+ ownVote,
98
+ correctAnswer,
99
+ score,
100
+ voteUp,
101
+ voteDown,
102
+ toggleCorrectAnswer,
103
+ voteUpTooltip,
104
+ voteDownTooltip,
105
+ correctTooltip
106
+ };
107
+ }
108
+
109
+ export { useVoting };
110
+ //# sourceMappingURL=useVoting.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useVoting.esm.js","sources":["../../src/hooks/useVoting.ts"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../api';\nimport { useTranslation } from './useTranslation';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n AnswerResponse,\n PostResponse,\n QetaSignal,\n} from '@drodil/backstage-plugin-qeta-common';\n\nexport function useVoting(resp: PostResponse | AnswerResponse) {\n const [entity, setEntity] = React.useState<PostResponse | AnswerResponse>(\n resp,\n );\n const [ownVote, setOwnVote] = React.useState(entity.ownVote ?? 0);\n const [correctAnswer, setCorrectAnswer] = useState(\n 'postId' in entity ? entity.correct : false,\n );\n const [score, setScore] = useState(entity.score);\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const isQuestion = 'title' in entity;\n const own = entity.own ?? false;\n\n const { lastSignal } = useSignal<QetaSignal>(\n isQuestion ? `qeta:question_${entity.id}` : `qeta:answer_${entity.id}`,\n );\n\n useEffect(() => {\n if (entity) {\n setScore(entity.score);\n }\n }, [entity]);\n\n useEffect(() => {\n if (\n lastSignal?.type === 'post_stats' ||\n lastSignal?.type === 'answer_stats'\n ) {\n setCorrectAnswer(lastSignal.correctAnswer);\n setScore(lastSignal.score);\n }\n }, [lastSignal]);\n\n const voteUp = () => {\n if (isQuestion) {\n qetaApi.votePostUp(entity.id).then(response => {\n setOwnVote(1);\n analytics.captureEvent('vote', 'question', { value: 1 });\n setEntity(response);\n });\n } else if ('postId' in entity) {\n qetaApi.voteAnswerUp(entity.postId, entity.id).then(response => {\n setOwnVote(1);\n analytics.captureEvent('vote', 'answer', { value: 1 });\n setEntity(response);\n });\n }\n };\n\n const voteDown = () => {\n if (isQuestion) {\n qetaApi.votePostDown(entity.id).then(response => {\n setOwnVote(-1);\n analytics.captureEvent('vote', 'question', { value: -1 });\n setEntity(response);\n });\n } else if ('postId' in entity) {\n qetaApi.voteAnswerDown(entity.postId, entity.id).then(response => {\n setOwnVote(-1);\n analytics.captureEvent('vote', 'answer', { value: -1 });\n setEntity(response);\n });\n }\n };\n\n let correctTooltip: string = correctAnswer\n ? t('voteButtons.answer.markIncorrect')\n : t('voteButtons.answer.markCorrect');\n if (!entity?.own) {\n correctTooltip = correctAnswer ? t('voteButtons.answer.marked') : '';\n }\n\n let voteUpTooltip: string = isQuestion\n ? t('voteButtons.question.good')\n : t('voteButtons.answer.good');\n if (own) {\n voteUpTooltip = isQuestion\n ? t('voteButtons.question.own')\n : t('voteButtons.answer.own');\n }\n\n let voteDownTooltip: string = isQuestion\n ? t('voteButtons.question.bad')\n : t('voteButtons.answer.bad');\n if (own) {\n voteDownTooltip = voteUpTooltip;\n }\n\n const toggleCorrectAnswer = () => {\n if (!('postId' in entity)) {\n return;\n }\n if (correctAnswer) {\n qetaApi.markAnswerIncorrect(entity.postId, entity.id).then(response => {\n if (response) {\n setCorrectAnswer(false);\n }\n });\n } else {\n qetaApi.markAnswerCorrect(entity.postId, entity.id).then(response => {\n if (response) {\n setCorrectAnswer(true);\n }\n });\n }\n };\n\n return {\n entity,\n ownVote,\n correctAnswer,\n score,\n voteUp,\n voteDown,\n toggleCorrectAnswer,\n voteUpTooltip,\n voteDownTooltip,\n correctTooltip,\n };\n}\n"],"names":[],"mappings":"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"}