@drodil/backstage-plugin-qeta-react 3.24.3 → 3.25.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.
- package/dist/components/AIAnswerCard/AIAnswerCard.esm.js +54 -41
- package/dist/components/AIAnswerCard/AIAnswerCard.esm.js.map +1 -1
- package/dist/components/AnswerCard/AnswerCard.esm.js +96 -73
- package/dist/components/AnswerCard/AnswerCard.esm.js.map +1 -1
- package/dist/components/AnswerForm/AnswerForm.esm.js +54 -51
- package/dist/components/AnswerForm/AnswerForm.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswerList.esm.js +31 -21
- package/dist/components/AnswersContainer/AnswerList.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswerListItem.esm.js +74 -57
- package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +1 -1
- package/dist/components/AnswersContainer/AnswersContainer.esm.js +70 -56
- package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +1 -1
- package/dist/components/ArticleContent/ArticleButtons.esm.js +73 -52
- package/dist/components/ArticleContent/ArticleButtons.esm.js.map +1 -1
- package/dist/components/ArticleContent/ArticleContent.esm.js +60 -34
- package/dist/components/ArticleContent/ArticleContent.esm.js.map +1 -1
- package/dist/components/AuthorBox/AuthorBox.esm.js +49 -31
- package/dist/components/AuthorBox/AuthorBox.esm.js.map +1 -1
- package/dist/components/Buttons/AddToCollectionButton.esm.js +35 -24
- package/dist/components/Buttons/AddToCollectionButton.esm.js.map +1 -1
- package/dist/components/Buttons/AskQuestionButton.esm.js +18 -15
- package/dist/components/Buttons/AskQuestionButton.esm.js.map +1 -1
- package/dist/components/Buttons/ButtonContainer.esm.js +2 -2
- package/dist/components/Buttons/ButtonContainer.esm.js.map +1 -1
- package/dist/components/Buttons/CollectionFollowButton.esm.js +10 -6
- package/dist/components/Buttons/CollectionFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/CreateCollectionButton.esm.js +18 -15
- package/dist/components/Buttons/CreateCollectionButton.esm.js.map +1 -1
- package/dist/components/Buttons/EntityFollowButton.esm.js +10 -6
- package/dist/components/Buttons/EntityFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/FavoriteButton.esm.js +15 -11
- package/dist/components/Buttons/FavoriteButton.esm.js.map +1 -1
- package/dist/components/Buttons/LinkButton.esm.js +10 -6
- package/dist/components/Buttons/LinkButton.esm.js.map +1 -1
- package/dist/components/Buttons/TagFollowButton.esm.js +10 -6
- package/dist/components/Buttons/TagFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/UserFollowButton.esm.js +10 -6
- package/dist/components/Buttons/UserFollowButton.esm.js.map +1 -1
- package/dist/components/Buttons/VoteButtons.esm.js +41 -35
- package/dist/components/Buttons/VoteButtons.esm.js.map +1 -1
- package/dist/components/Buttons/WriteArticleButton.esm.js +18 -15
- package/dist/components/Buttons/WriteArticleButton.esm.js.map +1 -1
- package/dist/components/CollectionCard/CollectionCard.esm.js +59 -42
- package/dist/components/CollectionCard/CollectionCard.esm.js.map +1 -1
- package/dist/components/CollectionForm/CollectionForm.esm.js +75 -71
- package/dist/components/CollectionForm/CollectionForm.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGrid.esm.js +61 -49
- package/dist/components/CollectionsGrid/CollectionsGrid.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js +18 -14
- package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js +52 -32
- package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map +1 -1
- package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js +10 -6
- package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentForm.esm.js +44 -42
- package/dist/components/CommentSection/CommentForm.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentList.esm.js +15 -12
- package/dist/components/CommentSection/CommentList.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentListItem.esm.js +49 -28
- package/dist/components/CommentSection/CommentListItem.esm.js.map +1 -1
- package/dist/components/CommentSection/CommentSection.esm.js +48 -42
- package/dist/components/CommentSection/CommentSection.esm.js.map +1 -1
- package/dist/components/DeleteModal/DeleteModal.esm.js +32 -23
- package/dist/components/DeleteModal/DeleteModal.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGrid.esm.js +39 -30
- package/dist/components/EntitiesGrid/EntitiesGrid.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js +9 -5
- package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js +50 -38
- package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map +1 -1
- package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js +10 -6
- package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js.map +1 -1
- package/dist/components/FilterPanel/DateRangeFilter.esm.js +71 -58
- package/dist/components/FilterPanel/DateRangeFilter.esm.js.map +1 -1
- package/dist/components/FilterPanel/FilterPanel.esm.js +262 -217
- package/dist/components/FilterPanel/FilterPanel.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedCollectionsList.esm.js +6 -2
- package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedEntitiesList.esm.js +6 -2
- package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedTagsList.esm.js +6 -2
- package/dist/components/FollowedLists/FollowedTagsList.esm.js.map +1 -1
- package/dist/components/FollowedLists/FollowedUsersList.esm.js +6 -2
- package/dist/components/FollowedLists/FollowedUsersList.esm.js.map +1 -1
- package/dist/components/HeaderImageInput/HeaderImageInput.esm.js +51 -37
- package/dist/components/HeaderImageInput/HeaderImageInput.esm.js.map +1 -1
- package/dist/components/HomePageCards/ImpactCard.esm.js +15 -4
- package/dist/components/HomePageCards/ImpactCard.esm.js.map +1 -1
- package/dist/components/HomePageCards/PostsCard.esm.js +14 -7
- package/dist/components/HomePageCards/PostsCard.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenu.esm.js +73 -27
- package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
- package/dist/components/LeftMenu/LeftMenuButton.esm.js +52 -45
- package/dist/components/LeftMenu/LeftMenuButton.esm.js.map +1 -1
- package/dist/components/Links/Links.esm.js +12 -8
- package/dist/components/Links/Links.esm.js.map +1 -1
- package/dist/components/LoadingGrid/LoadingGrid.esm.js +5 -5
- package/dist/components/LoadingGrid/LoadingGrid.esm.js.map +1 -1
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js +5 -6
- package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +1 -1
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +42 -33
- package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +1 -1
- package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js +10 -6
- package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js.map +1 -1
- package/dist/components/PostForm/AutocompleteListComponent.esm.js +23 -18
- package/dist/components/PostForm/AutocompleteListComponent.esm.js.map +1 -1
- package/dist/components/PostForm/EntitiesInput.esm.js +19 -9
- package/dist/components/PostForm/EntitiesInput.esm.js.map +1 -1
- package/dist/components/PostForm/PostForm.esm.js +111 -107
- package/dist/components/PostForm/PostForm.esm.js.map +1 -1
- package/dist/components/PostForm/TagInput.esm.js +13 -12
- package/dist/components/PostForm/TagInput.esm.js.map +1 -1
- package/dist/components/PostHighlightList/PostHighlightList.esm.js +26 -14
- package/dist/components/PostHighlightList/PostHighlightList.esm.js.map +1 -1
- package/dist/components/PostsContainer/NoPostsCard.esm.js +24 -18
- package/dist/components/PostsContainer/NoPostsCard.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostList.esm.js +30 -20
- package/dist/components/PostsContainer/PostList.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostListItem.esm.js +108 -86
- package/dist/components/PostsContainer/PostListItem.esm.js.map +1 -1
- package/dist/components/PostsContainer/PostsContainer.esm.js +100 -84
- package/dist/components/PostsContainer/PostsContainer.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGrid.esm.js +100 -84
- package/dist/components/PostsGrid/PostsGrid.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGridContent.esm.js +46 -39
- package/dist/components/PostsGrid/PostsGridContent.esm.js.map +1 -1
- package/dist/components/PostsGrid/PostsGridItem.esm.js +59 -34
- package/dist/components/PostsGrid/PostsGridItem.esm.js.map +1 -1
- package/dist/components/PostsTable/PostsTable.esm.js +96 -67
- package/dist/components/PostsTable/PostsTable.esm.js.map +1 -1
- package/dist/components/PostsTable/PostsTableRow.esm.js +21 -15
- package/dist/components/PostsTable/PostsTableRow.esm.js.map +1 -1
- package/dist/components/QetaPagination/QetaPagination.esm.js +39 -31
- package/dist/components/QetaPagination/QetaPagination.esm.js.map +1 -1
- package/dist/components/QuestionCard/QuestionCard.esm.js +90 -64
- package/dist/components/QuestionCard/QuestionCard.esm.js.map +1 -1
- package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js +4 -3
- package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js.map +1 -1
- package/dist/components/SearchBar/SearchBar.esm.js +44 -41
- package/dist/components/SearchBar/SearchBar.esm.js.map +1 -1
- package/dist/components/SelectTemplateList/SelectTemplateList.esm.js +46 -30
- package/dist/components/SelectTemplateList/SelectTemplateList.esm.js.map +1 -1
- package/dist/components/StatsChart/StatsChart.esm.js +149 -135
- package/dist/components/StatsChart/StatsChart.esm.js.map +1 -1
- package/dist/components/SuggestionsCard/SuggestionsCard.esm.js +42 -32
- package/dist/components/SuggestionsCard/SuggestionsCard.esm.js.map +1 -1
- package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js +75 -58
- package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/CollectionChip.esm.js +50 -37
- package/dist/components/TagsAndEntities/CollectionChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/EntityChip.esm.js +58 -40
- package/dist/components/TagsAndEntities/EntityChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/TagChip.esm.js +52 -39
- package/dist/components/TagsAndEntities/TagChip.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/TagsAndEntities.esm.js +5 -2
- package/dist/components/TagsAndEntities/TagsAndEntities.esm.js.map +1 -1
- package/dist/components/TagsAndEntities/UserChip.esm.js +55 -44
- package/dist/components/TagsAndEntities/UserChip.esm.js.map +1 -1
- package/dist/components/TagsGrid/CreateTagModal.esm.js +59 -46
- package/dist/components/TagsGrid/CreateTagModal.esm.js.map +1 -1
- package/dist/components/TagsGrid/EditTagModal.esm.js +46 -36
- package/dist/components/TagsGrid/EditTagModal.esm.js.map +1 -1
- package/dist/components/TagsGrid/NoTagsCard.esm.js +10 -6
- package/dist/components/TagsGrid/NoTagsCard.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagGridItem.esm.js +87 -59
- package/dist/components/TagsGrid/TagGridItem.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagsGrid.esm.js +68 -54
- package/dist/components/TagsGrid/TagsGrid.esm.js.map +1 -1
- package/dist/components/TagsGrid/TagsGridContent.esm.js +9 -5
- package/dist/components/TagsGrid/TagsGridContent.esm.js.map +1 -1
- package/dist/components/TemplateList/TemplateForm.esm.js +104 -94
- package/dist/components/TemplateList/TemplateForm.esm.js.map +1 -1
- package/dist/components/TemplateList/TemplateList.esm.js +50 -37
- package/dist/components/TemplateList/TemplateList.esm.js.map +1 -1
- package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js +75 -51
- package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js.map +1 -1
- package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js +17 -14
- package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js.map +1 -1
- package/dist/components/UsersGrid/NoUsersCard.esm.js +10 -6
- package/dist/components/UsersGrid/NoUsersCard.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGrid.esm.js +34 -23
- package/dist/components/UsersGrid/UsersGrid.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGridContent.esm.js +9 -5
- package/dist/components/UsersGrid/UsersGridContent.esm.js.map +1 -1
- package/dist/components/UsersGrid/UsersGridItem.esm.js +78 -58
- package/dist/components/UsersGrid/UsersGridItem.esm.js.map +1 -1
- package/dist/components/Utility/ModalContent.esm.js +4 -3
- package/dist/components/Utility/ModalContent.esm.js.map +1 -1
- package/dist/components/Utility/OptionalRequirePermission.esm.js +4 -4
- package/dist/components/Utility/OptionalRequirePermission.esm.js.map +1 -1
- package/dist/components/Utility/RightList.esm.js +13 -11
- package/dist/components/Utility/RightList.esm.js.map +1 -1
- package/dist/components/Utility/SmallAvatar.esm.js +2 -2
- package/dist/components/Utility/SmallAvatar.esm.js.map +1 -1
- package/dist/components/Utility/VoteButtonContainer.esm.js +2 -2
- package/dist/components/Utility/VoteButtonContainer.esm.js.map +1 -1
- package/dist/hooks/useAI.esm.js +7 -5
- package/dist/hooks/useAI.esm.js.map +1 -1
- package/dist/hooks/useCollectionsFollow.esm.js +3 -5
- package/dist/hooks/useCollectionsFollow.esm.js.map +1 -1
- package/dist/hooks/useEntityAuthor.esm.js +5 -5
- package/dist/hooks/useEntityAuthor.esm.js.map +1 -1
- package/dist/hooks/useEntityFollow.esm.js +3 -5
- package/dist/hooks/useEntityFollow.esm.js.map +1 -1
- package/dist/hooks/useEntityQueryParameter.esm.js +2 -2
- package/dist/hooks/useEntityQueryParameter.esm.js.map +1 -1
- package/dist/hooks/useIsModerator.esm.js +19 -4
- package/dist/hooks/useIsModerator.esm.js.map +1 -1
- package/dist/hooks/usePaginatedPosts.esm.js +7 -7
- package/dist/hooks/usePaginatedPosts.esm.js.map +1 -1
- package/dist/hooks/useTagsFollow.esm.js +3 -3
- package/dist/hooks/useTagsFollow.esm.js.map +1 -1
- package/dist/hooks/useUserFollow.esm.js +3 -3
- package/dist/hooks/useUserFollow.esm.js.map +1 -1
- package/dist/hooks/useVoting.esm.js +4 -3
- package/dist/hooks/useVoting.esm.js.map +1 -1
- package/dist/index.d.ts +65 -63
- package/dist/routes.esm.js +3 -3
- package/dist/routes.esm.js.map +1 -1
- package/dist/translation.esm.js +2 -1
- package/dist/translation.esm.js.map +1 -1
- package/dist/utils/utils.esm.js +40 -14
- package/dist/utils/utils.esm.js.map +1 -1
- package/package.json +16 -9
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { FilterPanel } from '../FilterPanel/FilterPanel.esm.js';
|
|
3
3
|
import { PostList } from './PostList.esm.js';
|
|
4
4
|
import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
|
|
@@ -13,6 +13,7 @@ import '@backstage/core-plugin-api';
|
|
|
13
13
|
import '../../routes.esm.js';
|
|
14
14
|
import '../../api.esm.js';
|
|
15
15
|
import 'react-use';
|
|
16
|
+
import 'react';
|
|
16
17
|
import { useTranslation } from '../../hooks/useTranslation.esm.js';
|
|
17
18
|
import '@backstage/catalog-model';
|
|
18
19
|
import 'dataloader';
|
|
@@ -66,100 +67,115 @@ const PostsContainer = (props) => {
|
|
|
66
67
|
let btn = void 0;
|
|
67
68
|
if (author) {
|
|
68
69
|
shownTitle = t(`postsContainer.title.by`, { itemType });
|
|
69
|
-
link = /* @__PURE__ */
|
|
70
|
+
link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
|
|
70
71
|
} else if (entity) {
|
|
71
72
|
shownTitle = t(`postsContainer.title.about`, { itemType });
|
|
72
|
-
link = /* @__PURE__ */
|
|
73
|
-
btn = /* @__PURE__ */
|
|
73
|
+
link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef: entity });
|
|
74
|
+
btn = /* @__PURE__ */ jsx(EntityFollowButton, { entityRef: entity });
|
|
74
75
|
} else if (tags) {
|
|
75
76
|
shownTitle = `#${tags.join(", #")}`;
|
|
76
77
|
if (tags.length === 1) {
|
|
77
|
-
btn = /* @__PURE__ */
|
|
78
|
+
btn = /* @__PURE__ */ jsx(TagFollowButton, { tag: tags[0] });
|
|
78
79
|
}
|
|
79
80
|
} else if (favorite) {
|
|
80
81
|
shownTitle = t("postsContainer.title.favorite", {
|
|
81
82
|
itemType: itemType.toLowerCase()
|
|
82
83
|
});
|
|
83
84
|
}
|
|
84
|
-
return /* @__PURE__ */
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
{
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
85
|
+
return /* @__PURE__ */ jsxs(Box, { className: "qetaPostsContainer", children: [
|
|
86
|
+
showTitle && /* @__PURE__ */ jsxs(
|
|
87
|
+
Typography,
|
|
88
|
+
{
|
|
89
|
+
variant: "h5",
|
|
90
|
+
className: "qetaPostsContainerTitle",
|
|
91
|
+
style: { marginBottom: "1.5em" },
|
|
92
|
+
children: [
|
|
93
|
+
shownTitle,
|
|
94
|
+
" ",
|
|
95
|
+
link,
|
|
96
|
+
" ",
|
|
97
|
+
btn
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
|
|
102
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
|
|
103
|
+
SearchBar,
|
|
104
|
+
{
|
|
105
|
+
onSearch: onSearchQueryChange,
|
|
106
|
+
label: t("postsContainer.search.label", {
|
|
107
|
+
itemType: itemType.toLowerCase()
|
|
108
|
+
}),
|
|
109
|
+
loading
|
|
110
|
+
}
|
|
111
|
+
) }),
|
|
112
|
+
showAskButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
113
|
+
AskQuestionButton,
|
|
114
|
+
{
|
|
115
|
+
entity: entity ?? filters.entity,
|
|
116
|
+
entityPage: entity !== void 0,
|
|
117
|
+
tags
|
|
118
|
+
}
|
|
119
|
+
) }),
|
|
120
|
+
showWriteButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
121
|
+
WriteArticleButton,
|
|
122
|
+
{
|
|
123
|
+
entity: entity ?? filters.entity,
|
|
124
|
+
entityPage: entity !== void 0,
|
|
125
|
+
tags
|
|
126
|
+
}
|
|
127
|
+
) })
|
|
128
|
+
] }),
|
|
129
|
+
/* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
|
|
130
|
+
response && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
131
|
+
Typography,
|
|
132
|
+
{
|
|
133
|
+
variant: "h6",
|
|
134
|
+
className: "qetaPostsContainerQuestionCount",
|
|
135
|
+
children: t("common.posts", { count: response?.total ?? 0, itemType })
|
|
136
|
+
}
|
|
137
|
+
) }),
|
|
138
|
+
response && (showFilters ?? true) && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
139
|
+
Button,
|
|
140
|
+
{
|
|
141
|
+
onClick: () => {
|
|
142
|
+
setShowFilterPanel(!showFilterPanel);
|
|
143
|
+
},
|
|
144
|
+
className: "qetaPostsContainerFilterPanelBtn",
|
|
145
|
+
startIcon: /* @__PURE__ */ jsx(FilterList, {}),
|
|
146
|
+
children: t("filterPanel.filterButton")
|
|
147
|
+
}
|
|
148
|
+
) })
|
|
149
|
+
] }),
|
|
150
|
+
(showFilters ?? true) && /* @__PURE__ */ jsx(Collapse, { in: showFilterPanel, children: /* @__PURE__ */ jsx(
|
|
151
|
+
FilterPanel,
|
|
152
|
+
{
|
|
153
|
+
onChange: onFilterChange,
|
|
154
|
+
filters,
|
|
155
|
+
type,
|
|
156
|
+
showEntityFilter: entity === void 0,
|
|
157
|
+
...props.filterPanelProps
|
|
158
|
+
}
|
|
159
|
+
) }),
|
|
160
|
+
/* @__PURE__ */ jsx(
|
|
161
|
+
PostList,
|
|
162
|
+
{
|
|
163
|
+
loading,
|
|
164
|
+
error,
|
|
165
|
+
response,
|
|
166
|
+
onPageChange,
|
|
167
|
+
onPageSizeChange,
|
|
168
|
+
entity: entity ?? filters.entity,
|
|
169
|
+
page,
|
|
170
|
+
pageSize: postsPerPage,
|
|
171
|
+
pageCount,
|
|
172
|
+
showNoQuestionsBtn,
|
|
173
|
+
entityPage: entity !== void 0,
|
|
174
|
+
tags: tags ?? filters.tags,
|
|
175
|
+
type
|
|
176
|
+
}
|
|
177
|
+
)
|
|
178
|
+
] });
|
|
163
179
|
};
|
|
164
180
|
|
|
165
181
|
export { PostsContainer };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"PostsContainer.esm.js","sources":["../../../src/components/PostsContainer/PostsContainer.tsx"],"sourcesContent":["import {\n CommonFilterPanelProps,\n FilterPanel,\n PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostList } from './PostList';\nimport { AskQuestionButton } from '../Buttons/AskQuestionButton';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { TagFollowButton } from '../Buttons/TagFollowButton';\nimport { EntityFollowButton } from '../Buttons/EntityFollowButton';\nimport { WriteArticleButton } from '../Buttons';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\nimport FilterList from '@material-ui/icons/FilterList';\n\nexport const PostsContainer = (\n props: PaginatedPostsProps & {\n entity?: string;\n filterPanelProps?: CommonFilterPanelProps;\n },\n) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n } = props;\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageChange,\n onPageSizeChange,\n page,\n postsPerPage,\n pageCount,\n } = usePaginatedPosts(props);\n const { t } = useTranslation();\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', {\n itemType: itemType.toLowerCase(),\n });\n }\n\n return (\n <Box className=\"qetaPostsContainer\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsContainerTitle\"\n style={{ marginBottom: '1.5em' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n loading={loading}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => {\n setShowFilterPanel(!showFilterPanel);\n }}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n showEntityFilter={entity === undefined}\n {...props.filterPanelProps}\n />\n </Collapse>\n )}\n <PostList\n loading={loading}\n error={error}\n response={response}\n onPageChange={onPageChange}\n onPageSizeChange={onPageSizeChange}\n entity={entity ?? filters.entity}\n page={page}\n pageSize={postsPerPage}\n pageCount={pageCount}\n showNoQuestionsBtn={showNoQuestionsBtn}\n entityPage={entity !== undefined}\n tags={tags ?? filters.tags}\n type={type}\n />\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { EntityRefLink } from '@backstage/plugin-catalog-react';
|
|
3
3
|
import { AskQuestionButton } from '../Buttons/AskQuestionButton.esm.js';
|
|
4
4
|
import { EntityFollowButton } from '../Buttons/EntityFollowButton.esm.js';
|
|
@@ -11,6 +11,7 @@ import '@backstage/core-plugin-api';
|
|
|
11
11
|
import '../../routes.esm.js';
|
|
12
12
|
import '../../api.esm.js';
|
|
13
13
|
import 'react-use';
|
|
14
|
+
import 'react';
|
|
14
15
|
import { useTranslation } from '../../hooks/useTranslation.esm.js';
|
|
15
16
|
import '@backstage/catalog-model';
|
|
16
17
|
import 'dataloader';
|
|
@@ -68,98 +69,113 @@ const PostsGrid = (props) => {
|
|
|
68
69
|
let btn = void 0;
|
|
69
70
|
if (author) {
|
|
70
71
|
shownTitle = t(`postsContainer.title.by`, { itemType });
|
|
71
|
-
link = /* @__PURE__ */
|
|
72
|
+
link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef: author, hideIcon: true, defaultKind: "user" });
|
|
72
73
|
} else if (entity) {
|
|
73
74
|
shownTitle = t(`postsContainer.title.about`, { itemType });
|
|
74
|
-
link = /* @__PURE__ */
|
|
75
|
-
btn = /* @__PURE__ */
|
|
75
|
+
link = /* @__PURE__ */ jsx(EntityRefLink, { entityRef: entity });
|
|
76
|
+
btn = /* @__PURE__ */ jsx(EntityFollowButton, { entityRef: entity });
|
|
76
77
|
} else if (tags) {
|
|
77
78
|
shownTitle = `#${tags.join(", #")}`;
|
|
78
79
|
if (tags.length === 1) {
|
|
79
|
-
btn = /* @__PURE__ */
|
|
80
|
+
btn = /* @__PURE__ */ jsx(TagFollowButton, { tag: tags[0] });
|
|
80
81
|
}
|
|
81
82
|
} else if (favorite) {
|
|
82
83
|
shownTitle = t("postsContainer.title.favorite", { itemType });
|
|
83
84
|
}
|
|
84
|
-
return /* @__PURE__ */
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
{
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
85
|
+
return /* @__PURE__ */ jsxs(Box, { className: "qetaPostsGrid", children: [
|
|
86
|
+
showTitle && /* @__PURE__ */ jsxs(
|
|
87
|
+
Typography,
|
|
88
|
+
{
|
|
89
|
+
variant: "h5",
|
|
90
|
+
className: "qetaPostsGridTitle",
|
|
91
|
+
style: { marginBottom: "1.5em" },
|
|
92
|
+
children: [
|
|
93
|
+
shownTitle,
|
|
94
|
+
" ",
|
|
95
|
+
link,
|
|
96
|
+
" ",
|
|
97
|
+
btn
|
|
98
|
+
]
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
|
|
102
|
+
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(
|
|
103
|
+
SearchBar,
|
|
104
|
+
{
|
|
105
|
+
onSearch: onSearchQueryChange,
|
|
106
|
+
label: t("postsContainer.search.label", {
|
|
107
|
+
itemType: itemType.toLowerCase()
|
|
108
|
+
}),
|
|
109
|
+
loading
|
|
110
|
+
}
|
|
111
|
+
) }),
|
|
112
|
+
showAskButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
113
|
+
AskQuestionButton,
|
|
114
|
+
{
|
|
115
|
+
entity: entity ?? filters.entity,
|
|
116
|
+
entityPage: entity !== void 0,
|
|
117
|
+
tags
|
|
118
|
+
}
|
|
119
|
+
) }),
|
|
120
|
+
showWriteButton && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
121
|
+
WriteArticleButton,
|
|
122
|
+
{
|
|
123
|
+
entity: entity ?? filters.entity,
|
|
124
|
+
entityPage: entity !== void 0,
|
|
125
|
+
tags
|
|
126
|
+
}
|
|
127
|
+
) })
|
|
128
|
+
] }),
|
|
129
|
+
/* @__PURE__ */ jsxs(Grid, { container: true, justifyContent: "space-between", children: [
|
|
130
|
+
response && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
131
|
+
Typography,
|
|
132
|
+
{
|
|
133
|
+
variant: "h6",
|
|
134
|
+
className: "qetaPostsContainerQuestionCount",
|
|
135
|
+
children: t("common.posts", { count: response?.total ?? 0, itemType })
|
|
136
|
+
}
|
|
137
|
+
) }),
|
|
138
|
+
response && (showFilters ?? true) && /* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(
|
|
139
|
+
Button,
|
|
140
|
+
{
|
|
141
|
+
onClick: () => setShowFilterPanel(!showFilterPanel),
|
|
142
|
+
className: "qetaPostsContainerFilterPanelBtn",
|
|
143
|
+
startIcon: /* @__PURE__ */ jsx(FilterList, {}),
|
|
144
|
+
children: t("filterPanel.filterButton")
|
|
145
|
+
}
|
|
146
|
+
) })
|
|
147
|
+
] }),
|
|
148
|
+
(showFilters ?? true) && /* @__PURE__ */ jsx(Collapse, { in: showFilterPanel, children: /* @__PURE__ */ jsx(
|
|
149
|
+
FilterPanel,
|
|
150
|
+
{
|
|
151
|
+
onChange: onFilterChange,
|
|
152
|
+
filters,
|
|
153
|
+
type,
|
|
154
|
+
...props.filterPanelProps
|
|
155
|
+
}
|
|
156
|
+
) }),
|
|
157
|
+
/* @__PURE__ */ jsx(
|
|
158
|
+
PostsGridContent,
|
|
159
|
+
{
|
|
160
|
+
loading,
|
|
161
|
+
error,
|
|
162
|
+
response,
|
|
163
|
+
entity,
|
|
164
|
+
showNoQuestionsBtn,
|
|
165
|
+
onPageSizeChange,
|
|
166
|
+
pageSize: postsPerPage,
|
|
167
|
+
entityPage: entity !== void 0,
|
|
168
|
+
tags,
|
|
169
|
+
type,
|
|
170
|
+
page,
|
|
171
|
+
pageCount,
|
|
172
|
+
onPageChange,
|
|
173
|
+
onRankUpdate: () => retry(),
|
|
174
|
+
collectionId: props.collectionId,
|
|
175
|
+
allowRanking
|
|
176
|
+
}
|
|
177
|
+
)
|
|
178
|
+
] });
|
|
163
179
|
};
|
|
164
180
|
|
|
165
181
|
export { PostsGrid };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"PostsGrid.esm.js","sources":["../../../src/components/PostsGrid/PostsGrid.tsx"],"sourcesContent":["import { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n AskQuestionButton,\n EntityFollowButton,\n TagFollowButton,\n WriteArticleButton,\n} from '../Buttons';\nimport FilterList from '@material-ui/icons/FilterList';\nimport {\n CommonFilterPanelProps,\n FilterPanel,\n PostFilters,\n} from '../FilterPanel/FilterPanel';\nimport { PostsGridContent } from './PostsGridContent';\nimport { capitalize } from 'lodash';\nimport {\n PaginatedPostsProps,\n usePaginatedPosts,\n} from '../../hooks/usePaginatedPosts';\nimport { useTranslation } from '../../hooks';\nimport { SearchBar } from '../SearchBar/SearchBar';\nimport { Box, Button, Collapse, Grid, Typography } from '@material-ui/core';\n\nexport type PostGridProps = PaginatedPostsProps & {\n allowRanking?: boolean;\n filterPanelProps?: CommonFilterPanelProps;\n};\n\nexport const PostsGrid = (props: PostGridProps) => {\n const {\n type,\n tags,\n author,\n entity,\n showFilters,\n showTitle,\n title,\n favorite,\n showAskButton,\n showWriteButton,\n showNoQuestionsBtn,\n allowRanking,\n } = props;\n const { t } = useTranslation();\n const {\n onSearchQueryChange,\n filters,\n response,\n loading,\n error,\n setShowFilterPanel,\n showFilterPanel,\n onFilterChange,\n onPageSizeChange,\n postsPerPage,\n page,\n pageCount,\n onPageChange,\n retry,\n } = usePaginatedPosts(props);\n\n const itemType = capitalize(t(`common.${type ?? 'post'}`, {}));\n let shownTitle = title;\n let link = undefined;\n let btn = undefined;\n if (author) {\n shownTitle = t(`postsContainer.title.by`, { itemType });\n link = <EntityRefLink entityRef={author} hideIcon defaultKind=\"user\" />;\n } else if (entity) {\n shownTitle = t(`postsContainer.title.about`, { itemType });\n link = <EntityRefLink entityRef={entity} />;\n btn = <EntityFollowButton entityRef={entity} />;\n } else if (tags) {\n shownTitle = `#${tags.join(', #')}`;\n if (tags.length === 1) {\n btn = <TagFollowButton tag={tags[0]} />;\n }\n } else if (favorite) {\n shownTitle = t('postsContainer.title.favorite', { itemType });\n }\n\n return (\n <Box className=\"qetaPostsGrid\">\n {showTitle && (\n <Typography\n variant=\"h5\"\n className=\"qetaPostsGridTitle\"\n style={{ marginBottom: '1.5em' }}\n >\n {shownTitle} {link} {btn}\n </Typography>\n )}\n <Grid container justifyContent=\"space-between\">\n <Grid item xs={12} md={4}>\n <SearchBar\n onSearch={onSearchQueryChange}\n label={t('postsContainer.search.label', {\n itemType: itemType.toLowerCase(),\n })}\n loading={loading}\n />\n </Grid>\n {showAskButton && (\n <Grid item>\n <AskQuestionButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n {showWriteButton && (\n <Grid item>\n <WriteArticleButton\n entity={entity ?? filters.entity}\n entityPage={entity !== undefined}\n tags={tags}\n />\n </Grid>\n )}\n </Grid>\n <Grid container justifyContent=\"space-between\">\n {response && (\n <Grid item>\n <Typography\n variant=\"h6\"\n className=\"qetaPostsContainerQuestionCount\"\n >\n {t('common.posts', { count: response?.total ?? 0, itemType })}\n </Typography>\n </Grid>\n )}\n {response && (showFilters ?? true) && (\n <Grid item>\n <Button\n onClick={() => setShowFilterPanel(!showFilterPanel)}\n className=\"qetaPostsContainerFilterPanelBtn\"\n startIcon={<FilterList />}\n >\n {t('filterPanel.filterButton')}\n </Button>\n </Grid>\n )}\n </Grid>\n {(showFilters ?? true) && (\n <Collapse in={showFilterPanel}>\n <FilterPanel<PostFilters>\n onChange={onFilterChange}\n filters={filters}\n type={type}\n {...props.filterPanelProps}\n />\n </Collapse>\n )}\n <PostsGridContent\n loading={loading}\n error={error}\n response={response}\n entity={entity}\n showNoQuestionsBtn={showNoQuestionsBtn}\n onPageSizeChange={onPageSizeChange}\n pageSize={postsPerPage}\n entityPage={entity !== undefined}\n tags={tags}\n type={type}\n page={page}\n pageCount={pageCount}\n onPageChange={onPageChange}\n onRankUpdate={() => retry()}\n collectionId={props.collectionId}\n allowRanking={allowRanking}\n />\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
|