@drodil/backstage-plugin-qeta 2.14.0 → 3.0.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 (154) hide show
  1. package/dist/components/ArticlePage/ArticlePage.esm.js +45 -0
  2. package/dist/components/ArticlePage/ArticlePage.esm.js.map +1 -0
  3. package/dist/components/ArticlesPage/ArticlesPage.esm.js +34 -0
  4. package/dist/components/ArticlesPage/ArticlesPage.esm.js.map +1 -0
  5. package/dist/components/AskPage/AskPage.esm.js +4 -4
  6. package/dist/components/AskPage/AskPage.esm.js.map +1 -1
  7. package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js +20 -0
  8. package/dist/components/CollectionCreatePage/CollectionCreatePage.esm.js.map +1 -0
  9. package/dist/components/CollectionPage/CollectionPage.esm.js +34 -0
  10. package/dist/components/CollectionPage/CollectionPage.esm.js.map +1 -0
  11. package/dist/components/CollectionsPage/CollectionsPage.esm.js +11 -0
  12. package/dist/components/CollectionsPage/CollectionsPage.esm.js.map +1 -0
  13. package/dist/components/EntityPage/EntityPage.esm.js +75 -0
  14. package/dist/components/EntityPage/EntityPage.esm.js.map +1 -0
  15. package/dist/components/FavoritePage/FavoritePage.esm.js +14 -22
  16. package/dist/components/FavoritePage/FavoritePage.esm.js.map +1 -1
  17. package/dist/components/HomePage/HomePage.esm.js +7 -10
  18. package/dist/components/HomePage/HomePage.esm.js.map +1 -1
  19. package/dist/components/LeftMenu/LeftMenu.esm.js +47 -16
  20. package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
  21. package/dist/components/LeftMenu/LeftMenuButton.esm.js +75 -0
  22. package/dist/components/LeftMenu/LeftMenuButton.esm.js.map +1 -0
  23. package/dist/components/QetaPage/QetaPage.esm.js +51 -9
  24. package/dist/components/QetaPage/QetaPage.esm.js.map +1 -1
  25. package/dist/components/QuestionPage/QuestionPage.esm.js +7 -13
  26. package/dist/components/QuestionPage/QuestionPage.esm.js.map +1 -1
  27. package/dist/components/QuestionTableCard/Content.esm.js +1 -1
  28. package/dist/components/QuestionTableCard/Content.esm.js.map +1 -1
  29. package/dist/components/QuestionTableCard/index.esm.js +0 -1
  30. package/dist/components/QuestionTableCard/index.esm.js.map +1 -1
  31. package/dist/components/QuestionsPage/QuestionsPage.esm.js +13 -15
  32. package/dist/components/QuestionsPage/QuestionsPage.esm.js.map +1 -1
  33. package/dist/components/Statistics/GlobalStatsContent.esm.js +1 -3
  34. package/dist/components/Statistics/GlobalStatsContent.esm.js.map +1 -1
  35. package/dist/components/Statistics/StatisticsPage.esm.js +2 -3
  36. package/dist/components/Statistics/StatisticsPage.esm.js.map +1 -1
  37. package/dist/components/TagPage/TagPage.esm.js +32 -25
  38. package/dist/components/TagPage/TagPage.esm.js.map +1 -1
  39. package/dist/components/UserPage/UserPage.esm.js +7 -15
  40. package/dist/components/UserPage/UserPage.esm.js.map +1 -1
  41. package/dist/components/UserPage/UserStatsContent.esm.js +1 -3
  42. package/dist/components/UserPage/UserStatsContent.esm.js.map +1 -1
  43. package/dist/components/UsersPage/UsersPage.esm.js +11 -0
  44. package/dist/components/UsersPage/UsersPage.esm.js.map +1 -0
  45. package/dist/components/WritePage/WritePage.esm.js +40 -0
  46. package/dist/components/WritePage/WritePage.esm.js.map +1 -0
  47. package/dist/index.d.ts +8 -422
  48. package/dist/index.esm.js +0 -10
  49. package/dist/index.esm.js.map +1 -1
  50. package/dist/plugin.esm.js +2 -2
  51. package/dist/plugin.esm.js.map +1 -1
  52. package/package.json +4 -24
  53. package/dist/api/QetaClient.esm.js +0 -513
  54. package/dist/api/QetaClient.esm.js.map +0 -1
  55. package/dist/components/AnswersContainer/AnswerList.esm.js +0 -100
  56. package/dist/components/AnswersContainer/AnswerList.esm.js.map +0 -1
  57. package/dist/components/AnswersContainer/AnswerListItem.esm.js +0 -87
  58. package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +0 -1
  59. package/dist/components/AnswersContainer/AnswersContainer.esm.js +0 -210
  60. package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +0 -1
  61. package/dist/components/AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js +0 -34
  62. package/dist/components/AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js.map +0 -1
  63. package/dist/components/AskForm/AskForm.esm.js +0 -245
  64. package/dist/components/AskForm/AskForm.esm.js.map +0 -1
  65. package/dist/components/AskForm/EntitiesInput.esm.js +0 -100
  66. package/dist/components/AskForm/EntitiesInput.esm.js.map +0 -1
  67. package/dist/components/AskForm/TagInput.esm.js +0 -81
  68. package/dist/components/AskForm/TagInput.esm.js.map +0 -1
  69. package/dist/components/Buttons/AskQuestionButton.esm.js +0 -45
  70. package/dist/components/Buttons/AskQuestionButton.esm.js.map +0 -1
  71. package/dist/components/Buttons/BackToQuestionsButton.esm.js +0 -39
  72. package/dist/components/Buttons/BackToQuestionsButton.esm.js.map +0 -1
  73. package/dist/components/Buttons/EntityFollowButton.esm.js +0 -34
  74. package/dist/components/Buttons/EntityFollowButton.esm.js.map +0 -1
  75. package/dist/components/Buttons/TagFollowButton.esm.js +0 -33
  76. package/dist/components/Buttons/TagFollowButton.esm.js.map +0 -1
  77. package/dist/components/CommentSection/CommentList.esm.js +0 -47
  78. package/dist/components/CommentSection/CommentList.esm.js.map +0 -1
  79. package/dist/components/CommentSection/CommentSection.esm.js +0 -126
  80. package/dist/components/CommentSection/CommentSection.esm.js.map +0 -1
  81. package/dist/components/DeleteModal/DeleteModal.esm.js +0 -78
  82. package/dist/components/DeleteModal/DeleteModal.esm.js.map +0 -1
  83. package/dist/components/HomePageCards/ImpactCard.esm.js +0 -20
  84. package/dist/components/HomePageCards/ImpactCard.esm.js.map +0 -1
  85. package/dist/components/HomePageCards/QuestionsCard.esm.js +0 -21
  86. package/dist/components/HomePageCards/QuestionsCard.esm.js.map +0 -1
  87. package/dist/components/Links/Links.esm.js +0 -33
  88. package/dist/components/Links/Links.esm.js.map +0 -1
  89. package/dist/components/MarkdownEditor/MarkdownEditor.esm.js +0 -78
  90. package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +0 -1
  91. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +0 -37
  92. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +0 -1
  93. package/dist/components/QetaPage/FollowedEntitiesList.esm.js +0 -43
  94. package/dist/components/QetaPage/FollowedEntitiesList.esm.js.map +0 -1
  95. package/dist/components/QetaPage/FollowedTagsList.esm.js +0 -56
  96. package/dist/components/QetaPage/FollowedTagsList.esm.js.map +0 -1
  97. package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js +0 -64
  98. package/dist/components/QuestionHighlightList/QuestionHighlightList.esm.js.map +0 -1
  99. package/dist/components/QuestionPage/AnswerCard.esm.js +0 -113
  100. package/dist/components/QuestionPage/AnswerCard.esm.js.map +0 -1
  101. package/dist/components/QuestionPage/AnswerForm.esm.js +0 -153
  102. package/dist/components/QuestionPage/AnswerForm.esm.js.map +0 -1
  103. package/dist/components/QuestionPage/AuthorBox.esm.js +0 -25
  104. package/dist/components/QuestionPage/AuthorBox.esm.js.map +0 -1
  105. package/dist/components/QuestionPage/EntityChip.esm.js +0 -27
  106. package/dist/components/QuestionPage/EntityChip.esm.js.map +0 -1
  107. package/dist/components/QuestionPage/FavoriteButton.esm.js +0 -45
  108. package/dist/components/QuestionPage/FavoriteButton.esm.js.map +0 -1
  109. package/dist/components/QuestionPage/LinkButton.esm.js +0 -28
  110. package/dist/components/QuestionPage/LinkButton.esm.js.map +0 -1
  111. package/dist/components/QuestionPage/QuestionCard.esm.js +0 -107
  112. package/dist/components/QuestionPage/QuestionCard.esm.js.map +0 -1
  113. package/dist/components/QuestionPage/TagsAndEntities.esm.js +0 -44
  114. package/dist/components/QuestionPage/TagsAndEntities.esm.js.map +0 -1
  115. package/dist/components/QuestionPage/VoteButtons.esm.js +0 -153
  116. package/dist/components/QuestionPage/VoteButtons.esm.js.map +0 -1
  117. package/dist/components/QuestionTableCard/QuestionTableRow.esm.js +0 -21
  118. package/dist/components/QuestionTableCard/QuestionTableRow.esm.js.map +0 -1
  119. package/dist/components/QuestionTableCard/QuestionsTable.esm.js +0 -130
  120. package/dist/components/QuestionTableCard/QuestionsTable.esm.js.map +0 -1
  121. package/dist/components/QuestionsContainer/DateRangeFilter.esm.js +0 -110
  122. package/dist/components/QuestionsContainer/DateRangeFilter.esm.js.map +0 -1
  123. package/dist/components/QuestionsContainer/FilterPanel.esm.js +0 -237
  124. package/dist/components/QuestionsContainer/FilterPanel.esm.js.map +0 -1
  125. package/dist/components/QuestionsContainer/NoQuestionsCard.esm.js +0 -47
  126. package/dist/components/QuestionsContainer/NoQuestionsCard.esm.js.map +0 -1
  127. package/dist/components/QuestionsContainer/QuestionList.esm.js +0 -103
  128. package/dist/components/QuestionsContainer/QuestionList.esm.js.map +0 -1
  129. package/dist/components/QuestionsContainer/QuestionListItem.esm.js +0 -123
  130. package/dist/components/QuestionsContainer/QuestionListItem.esm.js.map +0 -1
  131. package/dist/components/QuestionsContainer/QuestionsContainer.esm.js +0 -243
  132. package/dist/components/QuestionsContainer/QuestionsContainer.esm.js.map +0 -1
  133. package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js +0 -22
  134. package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js.map +0 -1
  135. package/dist/components/Statistics/StatsChart.esm.js +0 -60
  136. package/dist/components/Statistics/StatsChart.esm.js.map +0 -1
  137. package/dist/components/Statistics/SummaryStatsGrid.esm.js +0 -47
  138. package/dist/components/Statistics/SummaryStatsGrid.esm.js.map +0 -1
  139. package/dist/components/Statistics/TopRankingUsersCard.esm.js +0 -161
  140. package/dist/components/Statistics/TopRankingUsersCard.esm.js.map +0 -1
  141. package/dist/components/Statistics/TrophyIcon.esm.js +0 -19
  142. package/dist/components/Statistics/TrophyIcon.esm.js.map +0 -1
  143. package/dist/components/Statistics/styles.esm.js +0 -23
  144. package/dist/components/Statistics/styles.esm.js.map +0 -1
  145. package/dist/components/TagPage/TagsContainer.esm.js +0 -57
  146. package/dist/components/TagPage/TagsContainer.esm.js.map +0 -1
  147. package/dist/locale/fi.esm.js +0 -195
  148. package/dist/locale/fi.esm.js.map +0 -1
  149. package/dist/translation.esm.js +0 -359
  150. package/dist/translation.esm.js.map +0 -1
  151. package/dist/utils/hooks.esm.js +0 -430
  152. package/dist/utils/hooks.esm.js.map +0 -1
  153. package/dist/utils/utils.esm.js +0 -72
  154. package/dist/utils/utils.esm.js.map +0 -1
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { useStyles, useTranslation, useTagsFollow } from '../../utils/hooks.esm.js';
3
- import { Tooltip, IconButton } from '@material-ui/core';
4
- import Visibility from '@material-ui/icons/Visibility';
5
- import VisibilityOff from '@material-ui/icons/VisibilityOff';
6
-
7
- const TagFollowButton = (props) => {
8
- const { tag } = props;
9
- const styles = useStyles();
10
- const { t } = useTranslation();
11
- const tags = useTagsFollow();
12
- if (tags.loading) {
13
- return null;
14
- }
15
- return /* @__PURE__ */ React.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React.createElement(
16
- IconButton,
17
- {
18
- className: `${styles.marginRight} qetaFollowTagBtn`,
19
- color: tags.isFollowingTag(tag) ? "secondary" : "primary",
20
- onClick: () => {
21
- if (tags.isFollowingTag(tag)) {
22
- tags.unfollowTag(tag);
23
- } else {
24
- tags.followTag(tag);
25
- }
26
- }
27
- },
28
- tags.isFollowingTag(tag) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
29
- ));
30
- };
31
-
32
- export { TagFollowButton };
33
- //# sourceMappingURL=TagFollowButton.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n\nexport const TagFollowButton = (props: { tag: string }) => {\n const { tag } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const tags = useTagsFollow();\n if (tags.loading) {\n return null;\n }\n return (\n <Tooltip title={t('tagButton.tooltip')}>\n <IconButton\n className={`${styles.marginRight} qetaFollowTagBtn`}\n color={tags.isFollowingTag(tag) ? 'secondary' : 'primary'}\n onClick={() => {\n if (tags.isFollowingTag(tag)) {\n tags.unfollowTag(tag);\n } else {\n tags.followTag(tag);\n }\n }}\n >\n {tags.isFollowingTag(tag) ? <VisibilityOff /> : <Visibility />}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;AAMa,MAAA,eAAA,GAAkB,CAAC,KAA2B,KAAA;AACzD,EAAM,MAAA,EAAE,KAAQ,GAAA,KAAA,CAAA;AAChB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAA,IAAI,KAAK,OAAS,EAAA;AAChB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,WAAW,CAAA,iBAAA,CAAA;AAAA,MAChC,KAAO,EAAA,IAAA,CAAK,cAAe,CAAA,GAAG,IAAI,WAAc,GAAA,SAAA;AAAA,MAChD,SAAS,MAAM;AACb,QAAI,IAAA,IAAA,CAAK,cAAe,CAAA,GAAG,CAAG,EAAA;AAC5B,UAAA,IAAA,CAAK,YAAY,GAAG,CAAA,CAAA;AAAA,SACf,MAAA;AACL,UAAA,IAAA,CAAK,UAAU,GAAG,CAAA,CAAA;AAAA,SACpB;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,IAAA,CAAK,eAAe,GAAG,CAAA,uCAAK,aAAc,EAAA,IAAA,CAAA,uCAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEhE,CAAA,CAAA;AAEJ;;;;"}
@@ -1,47 +0,0 @@
1
- import { Box, Typography, Divider } from '@material-ui/core';
2
- import React from 'react';
3
- import { Link } from '@backstage/core-components';
4
- import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
5
- import { useApi } from '@backstage/core-plugin-api';
6
- import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
7
- import { AuthorLink } from '../Links/Links.esm.js';
8
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
9
- import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
10
-
11
- const CommentList = (props) => {
12
- const { question, answer, onCommentDelete } = props;
13
- const entity = answer ?? question;
14
- const styles = useStyles();
15
- const qetaApi = useApi(qetaApiRef);
16
- const { t } = useTranslation();
17
- const deleteComment = (id) => {
18
- if (answer) {
19
- qetaApi.deleteAnswerComment(question.id, answer.id, id).then((a) => {
20
- onCommentDelete(question, a);
21
- return;
22
- });
23
- }
24
- qetaApi.deleteQuestionComment(question.id, id).then((q) => onCommentDelete(q));
25
- };
26
- return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.comments?.map((c) => {
27
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Box, { key: c.id, className: "qetaCommentBox" }, /* @__PURE__ */ React.createElement(
28
- MarkdownRenderer,
29
- {
30
- content: c.content,
31
- className: `${styles.markdownContent} inline`
32
- }
33
- ), " \u2013 ", /* @__PURE__ */ React.createElement(AuthorLink, { entity: c }), " ", /* @__PURE__ */ React.createElement(Typography, { variant: "caption", className: "qetaCommentTime" }, /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: c.created })), (c.own || c.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, " / ", /* @__PURE__ */ React.createElement(
34
- Link,
35
- {
36
- underline: "none",
37
- to: "#",
38
- className: "qetaCommentDeleteBtn",
39
- onClick: () => deleteComment(c.id)
40
- },
41
- t("commentList.deleteLink")
42
- ))), /* @__PURE__ */ React.createElement(Divider, null));
43
- }));
44
- };
45
-
46
- export { CommentList };
47
- //# sourceMappingURL=CommentList.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentList.esm.js","sources":["../../../src/components/CommentSection/CommentList.tsx"],"sourcesContent":["import {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Box, Divider, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { Link } from '@backstage/core-components';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink } from '../Links/Links';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const CommentList = (props: {\n onCommentDelete: (\n question: QuestionResponse,\n answer?: AnswerResponse,\n ) => void;\n question: QuestionResponse;\n answer?: AnswerResponse;\n}) => {\n const { question, answer, onCommentDelete } = props;\n const entity = answer ?? question;\n const styles = useStyles();\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const deleteComment = (id: number) => {\n if (answer) {\n qetaApi.deleteAnswerComment(question.id, answer.id, id).then(a => {\n onCommentDelete(question, a);\n return;\n });\n }\n qetaApi\n .deleteQuestionComment(question.id, id)\n .then(q => onCommentDelete(q));\n };\n\n return (\n <>\n {entity.comments?.map(c => {\n return (\n <>\n <Box key={c.id} className=\"qetaCommentBox\">\n <MarkdownRenderer\n content={c.content}\n className={`${styles.markdownContent} inline`}\n />\n {' – '}\n <AuthorLink entity={c} />{' '}\n <Typography variant=\"caption\" className=\"qetaCommentTime\">\n <RelativeTimeWithTooltip value={c.created} />\n </Typography>\n {(c.own || c.canDelete) && (\n <>\n {' / '}\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"qetaCommentDeleteBtn\"\n onClick={() => deleteComment(c.id)}\n >\n {t('commentList.deleteLink')}\n </Link>\n </>\n )}\n </Box>\n <Divider />\n </>\n );\n })}\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAca,MAAA,WAAA,GAAc,CAAC,KAOtB,KAAA;AACJ,EAAA,MAAM,EAAE,QAAA,EAAU,MAAQ,EAAA,eAAA,EAAoB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,SAAS,MAAU,IAAA,QAAA,CAAA;AACzB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAM,MAAA,aAAA,GAAgB,CAAC,EAAe,KAAA;AACpC,IAAA,IAAI,MAAQ,EAAA;AACV,MAAQ,OAAA,CAAA,mBAAA,CAAoB,SAAS,EAAI,EAAA,MAAA,CAAO,IAAI,EAAE,CAAA,CAAE,KAAK,CAAK,CAAA,KAAA;AAChE,QAAA,eAAA,CAAgB,UAAU,CAAC,CAAA,CAAA;AAC3B,QAAA,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AACA,IACG,OAAA,CAAA,qBAAA,CAAsB,SAAS,EAAI,EAAA,EAAE,EACrC,IAAK,CAAA,CAAA,CAAA,KAAK,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,uBAEK,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAA,CAAO,QAAU,EAAA,GAAA,CAAI,CAAK,CAAA,KAAA;AACzB,IAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,KAAK,CAAE,CAAA,EAAA,EAAI,WAAU,gBACxB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,SAAS,CAAE,CAAA,OAAA;AAAA,QACX,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,eAAe,CAAA,OAAA,CAAA;AAAA,OAAA;AAAA,KACtC,EACC,UACD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,CAAG,EAAA,CAAA,EAAG,GAC1B,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,SAAA,EAAU,qCACrC,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,KAAO,EAAA,CAAA,CAAE,OAAS,EAAA,CAC7C,CACE,EAAA,CAAA,CAAA,CAAE,GAAO,IAAA,CAAA,CAAE,SACX,qBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KACD,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,MAAA;AAAA,QACV,EAAG,EAAA,GAAA;AAAA,QACH,SAAU,EAAA,sBAAA;AAAA,QACV,OAAS,EAAA,MAAM,aAAc,CAAA,CAAA,CAAE,EAAE,CAAA;AAAA,OAAA;AAAA,MAEhC,EAAE,wBAAwB,CAAA;AAAA,KAE/B,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
@@ -1,126 +0,0 @@
1
- import React, { useState, useEffect } from 'react';
2
- import { Box, Grid, TextField, Button } from '@material-ui/core';
3
- import { Link } from '@backstage/core-components';
4
- import { qetaCreateCommentPermission } from '@drodil/backstage-plugin-qeta-common';
5
- import { useForm, Controller } from 'react-hook-form';
6
- import { useAnalytics, useApi } from '@backstage/core-plugin-api';
7
- import { CommentList } from './CommentList.esm.js';
8
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
9
- import { useTranslation } from '../../utils/hooks.esm.js';
10
- import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
11
- import { RequirePermission } from '@backstage/plugin-permission-react';
12
-
13
- const CommentSection = (props) => {
14
- const { answer, question, onCommentPost, onCommentDelete } = props;
15
- const analytics = useAnalytics();
16
- const qetaApi = useApi(qetaApiRef);
17
- const [posting, setPosting] = React.useState(false);
18
- const [formVisible, setFormVisible] = useState(false);
19
- const [edited, setEdited] = React.useState(false);
20
- const { t } = useTranslation();
21
- const {
22
- handleSubmit,
23
- control,
24
- formState: { errors },
25
- reset
26
- } = useForm({});
27
- const postComment = (data) => {
28
- setPosting(true);
29
- if (answer) {
30
- qetaApi.commentAnswer(question.id, answer.id, data.content).then((a) => {
31
- setFormVisible(false);
32
- analytics.captureEvent("comment", "answer");
33
- reset();
34
- setPosting(false);
35
- setEdited(false);
36
- onCommentPost(question, a);
37
- });
38
- return;
39
- }
40
- qetaApi.commentQuestion(question.id, data.content).then((q) => {
41
- setFormVisible(false);
42
- analytics.captureEvent("comment", "question");
43
- reset();
44
- setPosting(false);
45
- setEdited(false);
46
- onCommentPost(q);
47
- });
48
- };
49
- useEffect(() => {
50
- return confirmNavigationIfEdited(edited);
51
- }, [edited]);
52
- return /* @__PURE__ */ React.createElement(Box, { marginLeft: 9, className: "qetaCommentSection" }, /* @__PURE__ */ React.createElement(
53
- CommentList,
54
- {
55
- question,
56
- answer,
57
- onCommentDelete
58
- }
59
- ), /* @__PURE__ */ React.createElement(
60
- RequirePermission,
61
- {
62
- permission: qetaCreateCommentPermission,
63
- errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
64
- },
65
- !formVisible && /* @__PURE__ */ React.createElement(
66
- Link,
67
- {
68
- underline: "none",
69
- to: "#",
70
- className: "qetaAddCommentBtn",
71
- onClick: () => setFormVisible(true)
72
- },
73
- t("commentSection.addComment")
74
- ),
75
- formVisible && /* @__PURE__ */ React.createElement(
76
- "form",
77
- {
78
- onSubmit: handleSubmit(postComment),
79
- onChange: () => {
80
- setEdited(true);
81
- },
82
- className: "qetaCommentForm"
83
- },
84
- /* @__PURE__ */ React.createElement(Grid, { container: true }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11 }, /* @__PURE__ */ React.createElement(
85
- Controller,
86
- {
87
- control,
88
- defaultValue: "",
89
- rules: {
90
- required: true
91
- },
92
- render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
93
- TextField,
94
- {
95
- id: "comment",
96
- multiline: true,
97
- minRows: 2,
98
- fullWidth: true,
99
- className: "qetaCommentInput",
100
- value,
101
- placeholder: t("commentSection.input.placeholder"),
102
- onChange,
103
- variant: "outlined",
104
- error: "content" in errors
105
- }
106
- ),
107
- name: "content"
108
- }
109
- )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 1 }, /* @__PURE__ */ React.createElement(
110
- Button,
111
- {
112
- variant: "contained",
113
- size: "small",
114
- className: "qetaCommentBtn",
115
- type: "submit",
116
- color: "primary",
117
- disabled: posting
118
- },
119
- t("commentSection.post")
120
- )))
121
- )
122
- ));
123
- };
124
-
125
- export { CommentSection };
126
- //# sourceMappingURL=CommentSection.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CommentSection.esm.js","sources":["../../../src/components/CommentSection/CommentSection.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Box, Button, Grid, TextField } from '@material-ui/core';\nimport { Link } from '@backstage/core-components';\nimport {\n AnswerResponse,\n qetaCreateCommentPermission,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Controller, useForm } from 'react-hook-form';\nimport { useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport { CommentList } from './CommentList';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../utils/hooks';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\n\nexport const CommentSection = (props: {\n onCommentPost: (question: QuestionResponse, answer?: AnswerResponse) => void;\n onCommentDelete: (\n question: QuestionResponse,\n answer?: AnswerResponse,\n ) => void;\n question: QuestionResponse;\n answer?: AnswerResponse;\n}) => {\n const { answer, question, onCommentPost, onCommentDelete } = props;\n const analytics = useAnalytics();\n const qetaApi = useApi(qetaApiRef);\n const [posting, setPosting] = React.useState(false);\n const [formVisible, setFormVisible] = useState(false);\n const [edited, setEdited] = React.useState(false);\n const { t } = useTranslation();\n const {\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = useForm<{ content: string }>({});\n\n const postComment = (data: { content: string }) => {\n setPosting(true);\n if (answer) {\n qetaApi.commentAnswer(question.id, answer.id, data.content).then(a => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'answer');\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(question, a);\n });\n return;\n }\n\n qetaApi.commentQuestion(question.id, data.content).then(q => {\n setFormVisible(false);\n analytics.captureEvent('comment', 'question');\n reset();\n setPosting(false);\n setEdited(false);\n onCommentPost(q);\n });\n };\n\n useEffect(() => {\n return confirmNavigationIfEdited(edited);\n }, [edited]);\n\n return (\n <Box marginLeft={9} className=\"qetaCommentSection\">\n <CommentList\n question={question}\n answer={answer}\n onCommentDelete={onCommentDelete}\n />\n <RequirePermission\n permission={qetaCreateCommentPermission}\n errorPage={<></>}\n >\n {!formVisible && (\n <Link\n underline=\"none\"\n to=\"#\"\n className=\"qetaAddCommentBtn\"\n onClick={() => setFormVisible(true)}\n >\n {t('commentSection.addComment')}\n </Link>\n )}\n {formVisible && (\n <form\n onSubmit={handleSubmit(postComment)}\n onChange={() => {\n setEdited(true);\n }}\n className=\"qetaCommentForm\"\n >\n <Grid container>\n <Grid item xs={11}>\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <TextField\n id=\"comment\"\n multiline\n minRows={2}\n fullWidth\n className=\"qetaCommentInput\"\n value={value}\n placeholder={t('commentSection.input.placeholder')}\n onChange={onChange}\n variant=\"outlined\"\n error={'content' in errors}\n />\n )}\n name=\"content\"\n />\n </Grid>\n <Grid item xs={1}>\n <Button\n variant=\"contained\"\n size=\"small\"\n className=\"qetaCommentBtn\"\n type=\"submit\"\n color=\"primary\"\n disabled={posting}\n >\n {t('commentSection.post')}\n </Button>\n </Grid>\n </Grid>\n </form>\n )}\n </RequirePermission>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,78 +0,0 @@
1
- import { Modal, Backdrop, Box, Typography, Button } from '@material-ui/core';
2
- import { Alert } from '@material-ui/lab';
3
- import DeleteIcon from '@material-ui/icons/Delete';
4
- import React from 'react';
5
- import { useBasePath, useStyles, useTranslation } from '../../utils/hooks.esm.js';
6
- import { useApi } from '@backstage/core-plugin-api';
7
- import { useNavigate } from 'react-router-dom';
8
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
9
-
10
- const DeleteModal = (props) => {
11
- const qetaApi = useApi(qetaApiRef);
12
- const base_path = useBasePath();
13
- const navigate = useNavigate();
14
- const { entity, open, question, onClose } = props;
15
- const styles = useStyles();
16
- const [error, setError] = React.useState(false);
17
- const { t } = useTranslation();
18
- const isQuestion = "title" in entity;
19
- const title = isQuestion ? t("deleteModal.title.question") : t("deleteModal.title.answer");
20
- const handleDelete = () => {
21
- if (isQuestion) {
22
- qetaApi.deleteQuestion(entity.id).catch((_) => setError(true)).then((ret) => {
23
- if (ret) {
24
- onClose();
25
- navigate(`${base_path}/qeta`);
26
- } else {
27
- setError(true);
28
- }
29
- });
30
- } else if (question) {
31
- qetaApi.deleteAnswer(question.id, entity.id).catch((_) => setError(true)).then((ret) => {
32
- if (ret) {
33
- onClose();
34
- window.location.reload();
35
- } else {
36
- setError(true);
37
- }
38
- });
39
- }
40
- };
41
- return /* @__PURE__ */ React.createElement(
42
- Modal,
43
- {
44
- open,
45
- onClose,
46
- className: "qetaDeleteModal",
47
- "aria-labelledby": "modal-modal-title",
48
- "aria-describedby": "modal-modal-description",
49
- closeAfterTransition: true,
50
- BackdropComponent: Backdrop,
51
- BackdropProps: {
52
- timeout: 500
53
- }
54
- },
55
- /* @__PURE__ */ React.createElement(Box, { className: `qetaDeleteModalContent ${styles.deleteModal}` }, error && /* @__PURE__ */ React.createElement(Alert, { severity: "error" }, t("deleteModal.errorDeleting")), /* @__PURE__ */ React.createElement(
56
- Typography,
57
- {
58
- id: "modal-modal-title",
59
- className: "qetaDeleteModalTitle",
60
- variant: "h6",
61
- component: "h2"
62
- },
63
- title
64
- ), /* @__PURE__ */ React.createElement(
65
- Button,
66
- {
67
- onClick: handleDelete,
68
- className: "qetaDeleteModalDeleteBtn",
69
- startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null),
70
- color: "secondary"
71
- },
72
- t("deleteModal.deleteButton")
73
- ), /* @__PURE__ */ React.createElement(Button, { onClick: onClose, className: "qetaDeleteModalCancelBtn" }, t("deleteModal.cancelButton")))
74
- );
75
- };
76
-
77
- export { DeleteModal };
78
- //# sourceMappingURL=DeleteModal.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DeleteModal.esm.js","sources":["../../../src/components/DeleteModal/DeleteModal.tsx"],"sourcesContent":["import {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { Backdrop, Box, Button, Modal, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport Delete from '@material-ui/icons/Delete';\nimport React from 'react';\nimport { useBasePath, useStyles, useTranslation } from '../../utils/hooks';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { qetaApiRef } from '../../api';\n\nexport const DeleteModal = (props: {\n entity: QuestionResponse | AnswerResponse;\n open: boolean;\n onClose: () => void;\n question?: QuestionResponse;\n}) => {\n const qetaApi = useApi(qetaApiRef);\n const base_path = useBasePath();\n const navigate = useNavigate();\n const { entity, open, question, onClose } = props;\n const styles = useStyles();\n const [error, setError] = React.useState(false);\n const { t } = useTranslation();\n const isQuestion = 'title' in entity;\n\n const title = isQuestion\n ? t('deleteModal.title.question')\n : t('deleteModal.title.answer');\n\n const handleDelete = () => {\n if (isQuestion) {\n qetaApi\n .deleteQuestion(entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n navigate(`${base_path}/qeta`);\n } else {\n setError(true);\n }\n });\n } else if (question) {\n qetaApi\n .deleteAnswer(question.id, entity.id)\n .catch(_ => setError(true))\n .then(ret => {\n if (ret) {\n onClose();\n window.location.reload();\n } else {\n setError(true);\n }\n });\n }\n };\n\n return (\n <Modal\n open={open}\n onClose={onClose}\n className=\"qetaDeleteModal\"\n aria-labelledby=\"modal-modal-title\"\n aria-describedby=\"modal-modal-description\"\n closeAfterTransition\n BackdropComponent={Backdrop}\n BackdropProps={{\n timeout: 500,\n }}\n >\n <Box className={`qetaDeleteModalContent ${styles.deleteModal}`}>\n {error && (\n <Alert severity=\"error\">{t('deleteModal.errorDeleting')}</Alert>\n )}\n <Typography\n id=\"modal-modal-title\"\n className=\"qetaDeleteModalTitle\"\n variant=\"h6\"\n component=\"h2\"\n >\n {title}\n </Typography>\n <Button\n onClick={handleDelete}\n className=\"qetaDeleteModalDeleteBtn\"\n startIcon={<Delete />}\n color=\"secondary\"\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <Button onClick={onClose} className=\"qetaDeleteModalCancelBtn\">\n {t('deleteModal.cancelButton')}\n </Button>\n </Box>\n </Modal>\n );\n};\n"],"names":["Delete"],"mappings":"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"}
@@ -1,20 +0,0 @@
1
- import { useTranslation, useQetaApi } from '../../utils/hooks.esm.js';
2
- import React from 'react';
3
- import { Box, Card, CardContent, Typography } from '@material-ui/core';
4
- import numeral from 'numeral';
5
-
6
- const ImpactCard = () => {
7
- const { t } = useTranslation();
8
- const {
9
- value: response,
10
- loading,
11
- error
12
- } = useQetaApi((api) => api.getUserImpact(), []);
13
- if (loading || error || !response) {
14
- return null;
15
- }
16
- return /* @__PURE__ */ React.createElement(Box, { display: { md: "none", lg: "block" } }, /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, t("impactCard.title")), /* @__PURE__ */ React.createElement(Typography, { variant: "h5" }, response.impact >= 1e3 ? numeral(response.impact).format("0.0 a") : response.impact, /* @__PURE__ */ React.createElement(Typography, { variant: "caption", style: { marginLeft: "1rem" } }, t("impactCard.views"))), /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, t("impactCard.contributions")))));
17
- };
18
-
19
- export { ImpactCard };
20
- //# sourceMappingURL=ImpactCard.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ImpactCard.esm.js","sources":["../../../src/components/HomePageCards/ImpactCard.tsx"],"sourcesContent":["import { useQetaApi, useTranslation } from '../../utils/hooks';\nimport React from 'react';\nimport { Box, Card, CardContent, Typography } from '@material-ui/core';\nimport numeral from 'numeral';\n\nexport const ImpactCard = () => {\n const { t } = useTranslation();\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(api => api.getUserImpact(), []);\n\n if (loading || error || !response) {\n return null;\n }\n\n return (\n <Box display={{ md: 'none', lg: 'block' }}>\n <Card>\n <CardContent>\n <Typography variant=\"h5\">{t('impactCard.title')}</Typography>\n <Typography variant=\"h5\">\n {response.impact >= 1000\n ? numeral(response.impact).format('0.0 a')\n : response.impact}\n <Typography variant=\"caption\" style={{ marginLeft: '1rem' }}>\n {t('impactCard.views')}\n </Typography>\n </Typography>\n <Typography variant=\"body2\">\n {t('impactCard.contributions')}\n </Typography>\n </CardContent>\n </Card>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,aAAa,MAAM;AAC9B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA;AAAA,IACJ,KAAO,EAAA,QAAA;AAAA,IACP,OAAA;AAAA,IACA,KAAA;AAAA,MACE,UAAW,CAAA,CAAA,GAAA,KAAO,IAAI,aAAc,EAAA,EAAG,EAAE,CAAA,CAAA;AAE7C,EAAI,IAAA,OAAA,IAAW,KAAS,IAAA,CAAC,QAAU,EAAA;AACjC,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,EAAI,EAAA,OAAA,EAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IAAM,EAAA,EAAA,CAAA,CAAE,kBAAkB,CAAE,CAChD,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,IACjB,EAAA,EAAA,QAAA,CAAS,MAAU,IAAA,GAAA,GAChB,OAAQ,CAAA,QAAA,CAAS,MAAM,CAAA,CAAE,MAAO,CAAA,OAAO,CACvC,GAAA,QAAA,CAAS,MACb,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,SAAU,EAAA,KAAA,EAAO,EAAE,UAAA,EAAY,MAAO,EAAA,EAAA,EACvD,CAAE,CAAA,kBAAkB,CACvB,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,OAAA,EAAQ,OACjB,EAAA,EAAA,CAAA,CAAE,0BAA0B,CAC/B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,21 +0,0 @@
1
- import { Card, CardHeader, Grid, Divider } from '@material-ui/core';
2
- import React from 'react';
3
- import { useQetaApi } from '../../utils/hooks.esm.js';
4
- import { QuestionListItem } from '../QuestionsContainer/QuestionListItem.esm.js';
5
-
6
- const QuestionsCard = (props) => {
7
- const { value: response } = useQetaApi(
8
- (api) => api.getQuestions({ limit: 3, ...props.options }),
9
- []
10
- );
11
- const questions = response?.questions ?? [];
12
- if (questions.length === 0) {
13
- return null;
14
- }
15
- return /* @__PURE__ */ React.createElement(Card, null, /* @__PURE__ */ React.createElement(CardHeader, { style: { paddingBottom: "8px" }, title: props.title }), /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 2 }, questions.map((question) => {
16
- return /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, key: question.id }, /* @__PURE__ */ React.createElement(QuestionListItem, { question }), /* @__PURE__ */ React.createElement(Divider, null));
17
- })));
18
- };
19
-
20
- export { QuestionsCard };
21
- //# sourceMappingURL=QuestionsCard.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuestionsCard.esm.js","sources":["../../../src/components/HomePageCards/QuestionsCard.tsx"],"sourcesContent":["import { Card, CardHeader, Divider, Grid } from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi } from '../../utils/hooks';\nimport { QuestionListItem } from '../QuestionsContainer/QuestionListItem';\nimport { GetQuestionsOptions } from '../../api/QetaApi';\n\nexport const QuestionsCard = (props: {\n type: string;\n title: string;\n options?: GetQuestionsOptions;\n icon?: React.ReactNode;\n}) => {\n const { value: response } = useQetaApi(\n api => api.getQuestions({ limit: 3, ...props.options }),\n [],\n );\n\n const questions = response?.questions ?? [];\n if (questions.length === 0) {\n return null;\n }\n\n return (\n <Card>\n <CardHeader style={{ paddingBottom: '8px' }} title={props.title} />\n <Grid container spacing={2}>\n {questions.map(question => {\n return (\n <Grid item xs={12} key={question.id}>\n <QuestionListItem question={question} />\n <Divider />\n </Grid>\n );\n })}\n </Grid>\n </Card>\n );\n};\n"],"names":[],"mappings":";;;;;AAMa,MAAA,aAAA,GAAgB,CAAC,KAKxB,KAAA;AACJ,EAAM,MAAA,EAAE,KAAO,EAAA,QAAA,EAAa,GAAA,UAAA;AAAA,IAC1B,CAAA,GAAA,KAAO,IAAI,YAAa,CAAA,EAAE,OAAO,CAAG,EAAA,GAAG,KAAM,CAAA,OAAA,EAAS,CAAA;AAAA,IACtD,EAAC;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,SAAA,GAAY,QAAU,EAAA,SAAA,IAAa,EAAC,CAAA;AAC1C,EAAI,IAAA,SAAA,CAAU,WAAW,CAAG,EAAA;AAC1B,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,OAAO,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAO,MAAM,KAAO,EAAA,CAAA,sCAChE,IAAK,EAAA,EAAA,SAAA,EAAS,MAAC,OAAS,EAAA,CAAA,EAAA,EACtB,SAAU,CAAA,GAAA,CAAI,CAAY,QAAA,KAAA;AACzB,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,EAAA,IAAA,EAAC,IAAI,EAAI,EAAA,GAAA,EAAK,QAAS,CAAA,EAAA,EAAA,sCAC9B,gBAAiB,EAAA,EAAA,QAAA,EAAoB,CACtC,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAQ,CACX,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { useRouteRef } from '@backstage/core-plugin-api';
3
- import { userRouteRef } from '@drodil/backstage-plugin-qeta-react';
4
- import { useEntityPresentation } from '@backstage/plugin-catalog-react';
5
- import { Link } from '@backstage/core-components';
6
- import { useTranslation } from '../../utils/hooks.esm.js';
7
-
8
- const UserLink = (props) => {
9
- const { entityRef, linkProps } = props;
10
- const userRoute = useRouteRef(userRouteRef);
11
- const { t } = useTranslation();
12
- const { primaryTitle: userName } = useEntityPresentation(
13
- entityRef.startsWith("user:") ? entityRef : `user:${entityRef}`
14
- );
15
- if (entityRef === "anonymous") {
16
- return /* @__PURE__ */ React.createElement(React.Fragment, null, t("userLink.anonymous"));
17
- }
18
- return /* @__PURE__ */ React.createElement(Link, { to: `${userRoute()}/${entityRef}`, ...linkProps }, userName);
19
- };
20
- const AuthorLink = (props) => {
21
- const { entity, linkProps } = props;
22
- return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.author, linkProps });
23
- };
24
- const UpdatedByLink = (props) => {
25
- const { entity, linkProps } = props;
26
- if (!entity.updatedBy) {
27
- return null;
28
- }
29
- return /* @__PURE__ */ React.createElement(UserLink, { entityRef: entity.updatedBy, linkProps });
30
- };
31
-
32
- export { AuthorLink, UpdatedByLink, UserLink };
33
- //# sourceMappingURL=Links.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Links.esm.js","sources":["../../../src/components/Links/Links.tsx"],"sourcesContent":["import {\n Answer,\n Comment,\n Question,\n} from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { userRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { useEntityPresentation } from '@backstage/plugin-catalog-react';\nimport { Link, LinkProps } from '@backstage/core-components';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const UserLink = (props: {\n entityRef: string;\n linkProps?: LinkProps;\n}) => {\n const { entityRef, linkProps } = props;\n const userRoute = useRouteRef(userRouteRef);\n const { t } = useTranslation();\n const { primaryTitle: userName } = useEntityPresentation(\n entityRef.startsWith('user:') ? entityRef : `user:${entityRef}`,\n );\n if (entityRef === 'anonymous') {\n return <>{t('userLink.anonymous')}</>;\n }\n return (\n <Link to={`${userRoute()}/${entityRef}`} {...linkProps}>\n {userName}\n </Link>\n );\n};\n\nexport const AuthorLink = (props: {\n entity: Question | Answer | Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n return <UserLink entityRef={entity.author} linkProps={linkProps} />;\n};\n\nexport const UpdatedByLink = (props: {\n entity: Question | Answer | Comment;\n linkProps?: LinkProps;\n}) => {\n const { entity, linkProps } = props;\n if (!entity.updatedBy) {\n return null;\n }\n return <UserLink entityRef={entity.updatedBy} linkProps={linkProps} />;\n};\n"],"names":[],"mappings":";;;;;;;AAYa,MAAA,QAAA,GAAW,CAAC,KAGnB,KAAA;AACJ,EAAM,MAAA,EAAE,SAAW,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AACjC,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY,CAAA,CAAA;AAC1C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAM,MAAA,EAAE,YAAc,EAAA,QAAA,EAAa,GAAA,qBAAA;AAAA,IACjC,UAAU,UAAW,CAAA,OAAO,CAAI,GAAA,SAAA,GAAY,QAAQ,SAAS,CAAA,CAAA;AAAA,GAC/D,CAAA;AACA,EAAA,IAAI,cAAc,WAAa,EAAA;AAC7B,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,CAAE,CAAA,oBAAoB,CAAE,CAAA,CAAA;AAAA,GACpC;AACA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,SAAA,EAAW,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAK,GAAG,SAAA,EAAA,EAC1C,QACH,CAAA,CAAA;AAEJ,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,KAGrB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,QAAQ,SAAsB,EAAA,CAAA,CAAA;AACnE,EAAA;AAEa,MAAA,aAAA,GAAgB,CAAC,KAGxB,KAAA;AACJ,EAAM,MAAA,EAAE,MAAQ,EAAA,SAAA,EAAc,GAAA,KAAA,CAAA;AAC9B,EAAI,IAAA,CAAC,OAAO,SAAW,EAAA;AACrB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,WAAW,SAAsB,EAAA,CAAA,CAAA;AACtE;;;;"}
@@ -1,78 +0,0 @@
1
- import React from 'react';
2
- import ReactMde from 'react-mde';
3
- import 'react-mde/lib/styles/css/react-mde.css';
4
- import 'react-mde/lib/styles/css/react-mde-editor.css';
5
- import 'react-mde/lib/styles/css/react-mde-toolbar.css';
6
- import { useStyles } from '../../utils/hooks.esm.js';
7
- import FileType from 'file-type';
8
- import { useApi, errorApiRef } from '@backstage/core-plugin-api';
9
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
10
- import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
11
-
12
- const MarkdownEditor = (props) => {
13
- const { config, value, onChange, height, error, placeholder } = props;
14
- const [selectedTab, setSelectedTab] = React.useState(
15
- "write"
16
- );
17
- const styles = useStyles();
18
- const errorApi = useApi(errorApiRef);
19
- const qetaApi = useApi(qetaApiRef);
20
- const imageUpload = () => {
21
- return async function* (data) {
22
- const fileType = await FileType.fromBuffer(data);
23
- const mimeType = fileType ? fileType.mime : "text/plain";
24
- const attachment = await qetaApi.postAttachment(
25
- new Blob([data], { type: mimeType })
26
- );
27
- if ("errors" in attachment) {
28
- errorApi.post({
29
- name: "Upload failed",
30
- message: attachment.errors?.map((e) => e.message).join(", ") ?? ""
31
- });
32
- return false;
33
- }
34
- props.onImageUpload(attachment.id);
35
- yield attachment.locationUri;
36
- return true;
37
- };
38
- };
39
- const isUploadDisabled = config?.getOptionalBoolean("qeta.storage.disabled") || false;
40
- return /* @__PURE__ */ React.createElement(
41
- ReactMde,
42
- {
43
- classes: {
44
- reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,
45
- textArea: error ? `qetaMarkdownEditorError ${styles.markdownEditorError}` : void 0,
46
- preview: "qetaMarkdownEditorPreview",
47
- toolbar: "qetaMarkdownEditorToolbar"
48
- },
49
- value,
50
- onChange,
51
- selectedTab,
52
- onTabChange: setSelectedTab,
53
- minEditorHeight: height,
54
- minPreviewHeight: height - 10,
55
- childProps: {
56
- textArea: {
57
- required: true,
58
- placeholder
59
- }
60
- },
61
- generateMarkdownPreview: (content) => Promise.resolve(
62
- /* @__PURE__ */ React.createElement(
63
- MarkdownRenderer,
64
- {
65
- content,
66
- className: `qetaMarkdownEditorPreview ${styles.markdownContent}`
67
- }
68
- )
69
- ),
70
- paste: isUploadDisabled ? void 0 : {
71
- saveImage: imageUpload()
72
- }
73
- }
74
- );
75
- };
76
-
77
- export { MarkdownEditor };
78
- //# sourceMappingURL=MarkdownEditor.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarkdownEditor.esm.js","sources":["../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"sourcesContent":["/* eslint-disable no-console */\nimport React from 'react';\nimport ReactMde from 'react-mde';\n\nimport { Config } from '@backstage/config';\nimport 'react-mde/lib/styles/css/react-mde.css';\nimport 'react-mde/lib/styles/css/react-mde-editor.css';\nimport 'react-mde/lib/styles/css/react-mde-toolbar.css';\nimport { useStyles } from '../../utils/hooks';\nimport FileType from 'file-type';\nimport { errorApiRef, useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const MarkdownEditor = (props: {\n config: Config;\n value: string;\n onChange: (value: string) => void;\n height: number;\n error?: boolean;\n placeholder?: string;\n onImageUpload: (imageId: number) => void;\n}) => {\n const { config, value, onChange, height, error, placeholder } = props;\n const [selectedTab, setSelectedTab] = React.useState<'write' | 'preview'>(\n 'write',\n );\n const styles = useStyles();\n const errorApi = useApi(errorApiRef);\n const qetaApi = useApi(qetaApiRef);\n\n const imageUpload = () => {\n // eslint-disable-next-line func-names\n return async function* (data: ArrayBuffer) {\n const fileType = await FileType.fromBuffer(data);\n\n const mimeType = fileType ? fileType.mime : 'text/plain';\n const attachment = await qetaApi.postAttachment(\n new Blob([data], { type: mimeType }),\n );\n if ('errors' in attachment) {\n errorApi.post({\n name: 'Upload failed',\n message: attachment.errors?.map(e => e.message).join(', ') ?? '',\n });\n return false;\n }\n props.onImageUpload(attachment.id);\n yield attachment.locationUri;\n return true;\n };\n };\n\n const isUploadDisabled =\n config?.getOptionalBoolean('qeta.storage.disabled') || false;\n\n return (\n <ReactMde\n classes={{\n reactMde: `qetaMarkdownEditorEdit ${styles.markdownEditor}`,\n textArea: error\n ? `qetaMarkdownEditorError ${styles.markdownEditorError}`\n : undefined,\n preview: 'qetaMarkdownEditorPreview',\n toolbar: 'qetaMarkdownEditorToolbar',\n }}\n value={value}\n onChange={onChange}\n selectedTab={selectedTab}\n onTabChange={setSelectedTab}\n minEditorHeight={height}\n minPreviewHeight={height - 10}\n childProps={{\n textArea: {\n required: true,\n placeholder,\n },\n }}\n generateMarkdownPreview={content =>\n Promise.resolve(\n <MarkdownRenderer\n content={content}\n className={`qetaMarkdownEditorPreview ${styles.markdownContent}`}\n />,\n )\n }\n paste={\n isUploadDisabled\n ? undefined\n : {\n saveImage: imageUpload(),\n }\n }\n />\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAca,MAAA,cAAA,GAAiB,CAAC,KAQzB,KAAA;AACJ,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAO,UAAU,MAAQ,EAAA,KAAA,EAAO,aAAgB,GAAA,KAAA,CAAA;AAChE,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAI,KAAM,CAAA,QAAA;AAAA,IAC1C,OAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,MAAM,cAAc,MAAM;AAExB,IAAA,OAAO,iBAAiB,IAAmB,EAAA;AACzC,MAAA,MAAM,QAAW,GAAA,MAAM,QAAS,CAAA,UAAA,CAAW,IAAI,CAAA,CAAA;AAE/C,MAAM,MAAA,QAAA,GAAW,QAAW,GAAA,QAAA,CAAS,IAAO,GAAA,YAAA,CAAA;AAC5C,MAAM,MAAA,UAAA,GAAa,MAAM,OAAQ,CAAA,cAAA;AAAA,QAC/B,IAAI,KAAK,CAAC,IAAI,GAAG,EAAE,IAAA,EAAM,UAAU,CAAA;AAAA,OACrC,CAAA;AACA,MAAA,IAAI,YAAY,UAAY,EAAA;AAC1B,QAAA,QAAA,CAAS,IAAK,CAAA;AAAA,UACZ,IAAM,EAAA,eAAA;AAAA,UACN,OAAA,EAAS,UAAW,CAAA,MAAA,EAAQ,GAAI,CAAA,CAAA,CAAA,KAAK,EAAE,OAAO,CAAA,CAAE,IAAK,CAAA,IAAI,CAAK,IAAA,EAAA;AAAA,SAC/D,CAAA,CAAA;AACD,QAAO,OAAA,KAAA,CAAA;AAAA,OACT;AACA,MAAM,KAAA,CAAA,aAAA,CAAc,WAAW,EAAE,CAAA,CAAA;AACjC,MAAA,MAAM,UAAW,CAAA,WAAA,CAAA;AACjB,MAAO,OAAA,IAAA,CAAA;AAAA,KACT,CAAA;AAAA,GACF,CAAA;AAEA,EAAA,MAAM,gBACJ,GAAA,MAAA,EAAQ,kBAAmB,CAAA,uBAAuB,CAAK,IAAA,KAAA,CAAA;AAEzD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA;AAAA,QACP,QAAA,EAAU,CAA0B,uBAAA,EAAA,MAAA,CAAO,cAAc,CAAA,CAAA;AAAA,QACzD,QAAU,EAAA,KAAA,GACN,CAA2B,wBAAA,EAAA,MAAA,CAAO,mBAAmB,CACrD,CAAA,GAAA,KAAA,CAAA;AAAA,QACJ,OAAS,EAAA,2BAAA;AAAA,QACT,OAAS,EAAA,2BAAA;AAAA,OACX;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAa,EAAA,cAAA;AAAA,MACb,eAAiB,EAAA,MAAA;AAAA,MACjB,kBAAkB,MAAS,GAAA,EAAA;AAAA,MAC3B,UAAY,EAAA;AAAA,QACV,QAAU,EAAA;AAAA,UACR,QAAU,EAAA,IAAA;AAAA,UACV,WAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA,uBAAA,EAAyB,aACvB,OAAQ,CAAA,OAAA;AAAA,wBACN,KAAA,CAAA,aAAA;AAAA,UAAC,gBAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,SAAA,EAAW,CAA6B,0BAAA,EAAA,MAAA,CAAO,eAAe,CAAA,CAAA;AAAA,WAAA;AAAA,SAChE;AAAA,OACF;AAAA,MAEF,KAAA,EACE,mBACI,KACA,CAAA,GAAA;AAAA,QACE,WAAW,WAAY,EAAA;AAAA,OACzB;AAAA,KAAA;AAAA,GAER,CAAA;AAEJ;;;;"}
@@ -1,37 +0,0 @@
1
- import React from 'react';
2
- import SyntaxHighlighter from 'react-syntax-highlighter';
3
- import ReactMarkdown from 'react-markdown';
4
- import { a11yDark, a11yLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
5
- import { useIsDarkTheme } from '../../utils/hooks.esm.js';
6
-
7
- const MarkdownRenderer = (props) => {
8
- const { content, className: mainClassName } = props;
9
- const darkTheme = useIsDarkTheme();
10
- return /* @__PURE__ */ React.createElement(
11
- ReactMarkdown,
12
- {
13
- className: mainClassName,
14
- components: {
15
- code(p) {
16
- const { children, className, node, ...rest } = p;
17
- const match = /language-(\w+)/.exec(className || "");
18
- return match ? /* @__PURE__ */ React.createElement(
19
- SyntaxHighlighter,
20
- {
21
- ...rest,
22
- PreTag: "div",
23
- language: match[1],
24
- style: darkTheme ? a11yDark : a11yLight,
25
- showLineNumbers: true
26
- },
27
- String(children).replace(/\n$/, "")
28
- ) : /* @__PURE__ */ React.createElement("code", { ...rest, className }, children);
29
- }
30
- }
31
- },
32
- content
33
- );
34
- };
35
-
36
- export { MarkdownRenderer };
37
- //# sourceMappingURL=MarkdownRenderer.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MarkdownRenderer.esm.js","sources":["../../../src/components/MarkdownRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React from 'react';\nimport SyntaxHighlighter from 'react-syntax-highlighter';\nimport ReactMarkdown from 'react-markdown';\nimport {\n a11yDark,\n a11yLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs';\nimport { useIsDarkTheme } from '../../utils/hooks';\n\nexport const MarkdownRenderer = (props: {\n content: string;\n className?: string;\n}) => {\n const { content, className: mainClassName } = props;\n const darkTheme = useIsDarkTheme();\n return (\n <ReactMarkdown\n className={mainClassName}\n components={{\n code(p: any) {\n const { children, className, node, ...rest } = p;\n const match = /language-(\\w+)/.exec(className || '');\n return match ? (\n <SyntaxHighlighter\n {...rest}\n PreTag=\"div\"\n language={match[1]}\n style={darkTheme ? a11yDark : a11yLight}\n showLineNumbers\n >\n {String(children).replace(/\\n$/, '')}\n </SyntaxHighlighter>\n ) : (\n <code {...rest} className={className}>\n {children}\n </code>\n );\n },\n }}\n >\n {content}\n </ReactMarkdown>\n );\n};\n"],"names":[],"mappings":";;;;;;AASa,MAAA,gBAAA,GAAmB,CAAC,KAG3B,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,SAAW,EAAA,aAAA,EAAkB,GAAA,KAAA,CAAA;AAC9C,EAAA,MAAM,YAAY,cAAe,EAAA,CAAA;AACjC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAW,EAAA,aAAA;AAAA,MACX,UAAY,EAAA;AAAA,QACV,KAAK,CAAQ,EAAA;AACX,UAAA,MAAM,EAAE,QAAU,EAAA,SAAA,EAAW,IAAM,EAAA,GAAG,MAAS,GAAA,CAAA,CAAA;AAC/C,UAAA,MAAM,KAAQ,GAAA,gBAAA,CAAiB,IAAK,CAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AACnD,UAAA,OAAO,KACL,mBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,iBAAA;AAAA,YAAA;AAAA,cACE,GAAG,IAAA;AAAA,cACJ,MAAO,EAAA,KAAA;AAAA,cACP,QAAA,EAAU,MAAM,CAAC,CAAA;AAAA,cACjB,KAAA,EAAO,YAAY,QAAW,GAAA,SAAA;AAAA,cAC9B,eAAe,EAAA,IAAA;AAAA,aAAA;AAAA,YAEd,MAAO,CAAA,QAAQ,CAAE,CAAA,OAAA,CAAQ,OAAO,EAAE,CAAA;AAAA,8BAGpC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,GAAG,IAAA,EAAM,aACb,QACH,CAAA,CAAA;AAAA,SAEJ;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,OAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
@@ -1,43 +0,0 @@
1
- import { Box, List, ListSubheader, Divider, ListItem } from '@material-ui/core';
2
- import React from 'react';
3
- import { useStyles, useEntityFollow, useTranslation } from '../../utils/hooks.esm.js';
4
- import { EntityChip } from '../QuestionPage/EntityChip.esm.js';
5
-
6
- const FollowedEntitiesList = () => {
7
- const classes = useStyles();
8
- const entities = useEntityFollow();
9
- const { t } = useTranslation();
10
- if (entities.entities.length === 0 || entities.loading) {
11
- return null;
12
- }
13
- return /* @__PURE__ */ React.createElement(
14
- Box,
15
- {
16
- className: `qetaQuestionHighlightList ${classes.questionHighlightListContainer}`,
17
- display: { md: "none", lg: "block" }
18
- },
19
- /* @__PURE__ */ React.createElement(
20
- List,
21
- {
22
- component: "nav",
23
- "aria-labelledby": "nested-list-subheader",
24
- className: `qetaQuestionHighlightListList ${classes.questionHighlightList}`,
25
- subheader: /* @__PURE__ */ React.createElement(
26
- ListSubheader,
27
- {
28
- disableSticky: true,
29
- component: "p",
30
- id: "nested-list-subheader",
31
- color: "primary"
32
- },
33
- t("rightMenu.followedEntities")
34
- )
35
- },
36
- /* @__PURE__ */ React.createElement(Divider, null),
37
- /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, entities.entities.map((entity) => /* @__PURE__ */ React.createElement(EntityChip, { key: entity, entity })))
38
- )
39
- );
40
- };
41
-
42
- export { FollowedEntitiesList };
43
- //# sourceMappingURL=FollowedEntitiesList.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FollowedEntitiesList.esm.js","sources":["../../../src/components/QetaPage/FollowedEntitiesList.tsx"],"sourcesContent":["import { Box, Divider, List, ListItem, ListSubheader } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityFollow, useStyles, useTranslation } from '../../utils/hooks';\nimport { EntityChip } from '../QuestionPage/EntityChip';\n\nexport const FollowedEntitiesList = () => {\n const classes = useStyles();\n const entities = useEntityFollow();\n const { t } = useTranslation();\n\n if (entities.entities.length === 0 || entities.loading) {\n return null;\n }\n\n return (\n <Box\n className={`qetaQuestionHighlightList ${classes.questionHighlightListContainer}`}\n display={{ md: 'none', lg: 'block' }}\n >\n <List\n component=\"nav\"\n aria-labelledby=\"nested-list-subheader\"\n className={`qetaQuestionHighlightListList ${classes.questionHighlightList}`}\n subheader={\n <ListSubheader\n disableSticky\n component=\"p\"\n id=\"nested-list-subheader\"\n color=\"primary\"\n >\n {t('rightMenu.followedEntities')}\n </ListSubheader>\n }\n >\n <Divider />\n <ListItem style={{ display: 'block' }}>\n {entities.entities.map(entity => (\n <EntityChip key={entity} entity={entity} />\n ))}\n </ListItem>\n </List>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;AAKO,MAAM,uBAAuB,MAAM;AACxC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,QAAS,CAAA,QAAA,CAAS,MAAW,KAAA,CAAA,IAAK,SAAS,OAAS,EAAA;AACtD,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAA6B,0BAAA,EAAA,OAAA,CAAQ,8BAA8B,CAAA,CAAA;AAAA,MAC9E,OAAS,EAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAI,OAAQ,EAAA;AAAA,KAAA;AAAA,oBAEnC,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAU,EAAA,KAAA;AAAA,QACV,iBAAgB,EAAA,uBAAA;AAAA,QAChB,SAAA,EAAW,CAAiC,8BAAA,EAAA,OAAA,CAAQ,qBAAqB,CAAA,CAAA;AAAA,QACzE,SACE,kBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACC,aAAa,EAAA,IAAA;AAAA,YACb,SAAU,EAAA,GAAA;AAAA,YACV,EAAG,EAAA,uBAAA;AAAA,YACH,KAAM,EAAA,SAAA;AAAA,WAAA;AAAA,UAEL,EAAE,4BAA4B,CAAA;AAAA,SACjC;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,0CACR,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,QAAA,CAAS,QAAS,CAAA,GAAA,CAAI,4BACpB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAK,MAAQ,EAAA,MAAA,EAAgB,CAC1C,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}