@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,56 +0,0 @@
1
- import { Box, List, ListSubheader, Divider, ListItem, Chip } from '@material-ui/core';
2
- import React from 'react';
3
- import { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks.esm.js';
4
- import { useRouteRef } from '@backstage/core-plugin-api';
5
- import { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';
6
-
7
- const FollowedTagsList = () => {
8
- const classes = useStyles();
9
- const tags = useTagsFollow();
10
- const tagRoute = useRouteRef(tagRouteRef);
11
- const { t } = useTranslation();
12
- if (tags.tags.length === 0 || tags.loading) {
13
- return null;
14
- }
15
- return /* @__PURE__ */ React.createElement(
16
- Box,
17
- {
18
- className: `qetaQuestionHighlightList ${classes.questionHighlightListContainer}`,
19
- display: { md: "none", lg: "block" }
20
- },
21
- /* @__PURE__ */ React.createElement(
22
- List,
23
- {
24
- component: "nav",
25
- "aria-labelledby": "nested-list-subheader",
26
- className: `qetaQuestionHighlightListList ${classes.questionHighlightList}`,
27
- subheader: /* @__PURE__ */ React.createElement(
28
- ListSubheader,
29
- {
30
- disableSticky: true,
31
- component: "p",
32
- id: "nested-list-subheader",
33
- color: "primary"
34
- },
35
- t("rightMenu.followedTags")
36
- )
37
- },
38
- /* @__PURE__ */ React.createElement(Divider, null),
39
- /* @__PURE__ */ React.createElement(ListItem, { style: { display: "block" } }, tags.tags.map((tag) => /* @__PURE__ */ React.createElement(
40
- Chip,
41
- {
42
- key: tag,
43
- label: tag,
44
- size: "small",
45
- className: "qetaTagChip",
46
- component: "a",
47
- href: tagRoute({ tag }),
48
- clickable: true
49
- }
50
- )))
51
- )
52
- );
53
- };
54
-
55
- export { FollowedTagsList };
56
- //# sourceMappingURL=FollowedTagsList.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FollowedTagsList.esm.js","sources":["../../../src/components/QetaPage/FollowedTagsList.tsx"],"sourcesContent":["import {\n Box,\n Chip,\n Divider,\n List,\n ListItem,\n ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useStyles, useTagsFollow, useTranslation } from '../../utils/hooks';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { tagRouteRef } from '@drodil/backstage-plugin-qeta-react';\n\nexport const FollowedTagsList = () => {\n const classes = useStyles();\n const tags = useTagsFollow();\n const tagRoute = useRouteRef(tagRouteRef);\n const { t } = useTranslation();\n\n if (tags.tags.length === 0 || tags.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.followedTags')}\n </ListSubheader>\n }\n >\n <Divider />\n <ListItem style={{ display: 'block' }}>\n {tags.tags.map(tag => (\n <Chip\n key={tag}\n label={tag}\n size=\"small\"\n className=\"qetaTagChip\"\n component=\"a\"\n href={tagRoute({ tag: tag })}\n clickable\n />\n ))}\n </ListItem>\n </List>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAaO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAC1B,EAAA,MAAM,OAAO,aAAc,EAAA,CAAA;AAC3B,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,IAAI,IAAK,CAAA,IAAA,CAAK,MAAW,KAAA,CAAA,IAAK,KAAK,OAAS,EAAA;AAC1C,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,wBAAwB,CAAA;AAAA,SAC7B;AAAA,OAAA;AAAA,0CAGD,OAAQ,EAAA,IAAA,CAAA;AAAA,sBACT,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,EAAE,OAAA,EAAS,SACzB,EAAA,EAAA,IAAA,CAAK,IAAK,CAAA,GAAA,CAAI,CACb,GAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,GAAK,EAAA,GAAA;AAAA,UACL,KAAO,EAAA,GAAA;AAAA,UACP,IAAK,EAAA,OAAA;AAAA,UACL,SAAU,EAAA,aAAA;AAAA,UACV,SAAU,EAAA,GAAA;AAAA,UACV,IAAM,EAAA,QAAA,CAAS,EAAE,GAAA,EAAU,CAAA;AAAA,UAC3B,SAAS,EAAA,IAAA;AAAA,SAAA;AAAA,OAEZ,CACH,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
@@ -1,64 +0,0 @@
1
- import { Box, List, ListSubheader, ListItem, ListItemText, Divider } from '@material-ui/core';
2
- import React from 'react';
3
- import { useQetaApi, useStyles, useTranslation } from '../../utils/hooks.esm.js';
4
- import { Skeleton } from '@material-ui/lab';
5
- import { useRouteRef } from '@backstage/core-plugin-api';
6
- import { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';
7
-
8
- const QuestionHighlightList = (props) => {
9
- const {
10
- value: response,
11
- loading,
12
- error
13
- } = useQetaApi(
14
- (api) => api.getQuestionsList(props.type, { limit: 5, ...props.options }),
15
- []
16
- );
17
- const classes = useStyles();
18
- const { t } = useTranslation();
19
- const questionRoute = useRouteRef(questionRouteRef);
20
- const questions = response?.questions ?? [];
21
- return /* @__PURE__ */ React.createElement(
22
- Box,
23
- {
24
- className: `qetaQuestionHighlightList ${classes.questionHighlightListContainer}`,
25
- display: { md: "none", lg: "block" }
26
- },
27
- /* @__PURE__ */ React.createElement(
28
- List,
29
- {
30
- component: "nav",
31
- "aria-labelledby": "nested-list-subheader",
32
- className: `qetaQuestionHighlightListList ${classes.questionHighlightList}`,
33
- subheader: /* @__PURE__ */ React.createElement(
34
- ListSubheader,
35
- {
36
- disableSticky: true,
37
- component: "p",
38
- id: "nested-list-subheader",
39
- color: "primary"
40
- },
41
- props.title,
42
- props.icon
43
- )
44
- },
45
- loading && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(Skeleton, { variant: "rect" })),
46
- error && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, t("highlights.loadError"))),
47
- !error && questions.length === 0 && /* @__PURE__ */ React.createElement(ListItem, { className: "qetaQuestionHighlightListListItem", dense: true }, /* @__PURE__ */ React.createElement(ListItemText, null, props.noQuestionsLabel)),
48
- !error && questions.map((q) => /* @__PURE__ */ React.createElement(React.Fragment, { key: q.id }, /* @__PURE__ */ React.createElement(Divider, null), /* @__PURE__ */ React.createElement(
49
- ListItem,
50
- {
51
- className: "qetaQuestionHighlightListListItem",
52
- button: true,
53
- dense: true,
54
- component: "a",
55
- href: questionRoute({ id: q.id.toString(10) })
56
- },
57
- /* @__PURE__ */ React.createElement(ListItemText, null, q.title)
58
- )))
59
- )
60
- );
61
- };
62
-
63
- export { QuestionHighlightList };
64
- //# sourceMappingURL=QuestionHighlightList.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QuestionHighlightList.esm.js","sources":["../../../src/components/QuestionHighlightList/QuestionHighlightList.tsx"],"sourcesContent":["import {\n Box,\n Divider,\n List,\n ListItem,\n ListItemText,\n ListSubheader,\n} from '@material-ui/core';\nimport React from 'react';\nimport { useQetaApi, useStyles, useTranslation } from '../../utils/hooks';\nimport { Skeleton } from '@material-ui/lab';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { questionRouteRef } from '@drodil/backstage-plugin-qeta-react';\nimport { GetQuestionsOptions } from '../../api/QetaApi';\n\nexport const QuestionHighlightList = (props: {\n type: string;\n title: string;\n noQuestionsLabel: string;\n icon?: React.ReactNode;\n options?: GetQuestionsOptions;\n}) => {\n const {\n value: response,\n loading,\n error,\n } = useQetaApi(\n api => api.getQuestionsList(props.type, { limit: 5, ...props.options }),\n [],\n );\n const classes = useStyles();\n const { t } = useTranslation();\n const questionRoute = useRouteRef(questionRouteRef);\n\n const questions = response?.questions ?? [];\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 {props.title}\n {props.icon}\n </ListSubheader>\n }\n >\n {loading && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <Skeleton variant=\"rect\" />\n </ListItem>\n )}\n {error && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <ListItemText>{t('highlights.loadError')}</ListItemText>\n </ListItem>\n )}\n {!error && questions.length === 0 && (\n <ListItem className=\"qetaQuestionHighlightListListItem\" dense>\n <ListItemText>{props.noQuestionsLabel}</ListItemText>\n </ListItem>\n )}\n {!error &&\n questions.map(q => (\n <React.Fragment key={q.id}>\n <Divider />\n <ListItem\n className=\"qetaQuestionHighlightListListItem\"\n button\n dense\n component=\"a\"\n href={questionRoute({ id: q.id.toString(10) })}\n >\n <ListItemText>{q.title}</ListItemText>\n </ListItem>\n </React.Fragment>\n ))}\n </List>\n </Box>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,113 +0,0 @@
1
- import { Card, CardContent, Grid, Typography, Box, Button } from '@material-ui/core';
2
- import React from 'react';
3
- import { VoteButtons } from './VoteButtons.esm.js';
4
- import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
5
- import { DeleteModal } from '../DeleteModal/DeleteModal.esm.js';
6
- import { AnswerForm } from './AnswerForm.esm.js';
7
- import { AuthorBox } from './AuthorBox.esm.js';
8
- import { CommentSection } from '../CommentSection/CommentSection.esm.js';
9
- import { LinkButton } from './LinkButton.esm.js';
10
- import DeleteIcon from '@material-ui/icons/Delete';
11
- import EditIcon from '@material-ui/icons/Edit';
12
- import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
13
-
14
- const AnswerCard = (props) => {
15
- const { answer, question } = props;
16
- const styles = useStyles();
17
- const [editMode, setEditMode] = React.useState(false);
18
- const [answerEntity, setAnswerEntity] = React.useState(answer);
19
- const { t } = useTranslation();
20
- const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);
21
- const handleDeleteModalOpen = () => setDeleteModalOpen(true);
22
- const handleDeleteModalClose = () => setDeleteModalOpen(false);
23
- const highlightedAnswer = window.location.hash.slice(1) === `answer_${answer.id}`;
24
- const onAnswerEdit = (a) => {
25
- setEditMode(false);
26
- setAnswerEntity(a);
27
- };
28
- const onCommentAction = (_, a) => {
29
- if (a) {
30
- setAnswerEntity(a);
31
- }
32
- };
33
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
34
- Card,
35
- {
36
- id: `answer_${answer.id}`,
37
- className: `qetaAnswerCard ${styles.questionCard} ${highlightedAnswer ? styles.highlight : ""}`
38
- },
39
- /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true, spacing: 0, justifyContent: "flex-start" }, /* @__PURE__ */ React.createElement(Grid, { container: true, item: true, xs: 1, justifyContent: "center" }, /* @__PURE__ */ React.createElement("div", { className: styles.questionCardVote }, /* @__PURE__ */ React.createElement(VoteButtons, { entity: answerEntity, question }), /* @__PURE__ */ React.createElement(LinkButton, { entity: answerEntity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 11, className: styles.answerCardContent }, editMode ? /* @__PURE__ */ React.createElement(
40
- AnswerForm,
41
- {
42
- question,
43
- onPost: onAnswerEdit,
44
- id: answerEntity.id
45
- }
46
- ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, { variant: "body1", gutterBottom: true }, /* @__PURE__ */ React.createElement(
47
- MarkdownRenderer,
48
- {
49
- className: `qetaAndwerCardAnswerContent ${styles.markdownContent}`,
50
- content: answerEntity.content
51
- }
52
- )), /* @__PURE__ */ React.createElement(
53
- Grid,
54
- {
55
- container: true,
56
- item: true,
57
- spacing: 1,
58
- justifyContent: "space-between",
59
- alignItems: "flex-end",
60
- className: styles.questionCardMetadata
61
- },
62
- /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 9, style: { alignSelf: "flex-end" } }, (answerEntity.own || answerEntity.canDelete || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
63
- Box,
64
- {
65
- className: `qetaAnswerCardActions ${styles.questionCardActions}`
66
- },
67
- !answerEntity.correct && (answerEntity.own || answerEntity.canDelete) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
68
- Button,
69
- {
70
- variant: "outlined",
71
- size: "small",
72
- color: "secondary",
73
- onClick: handleDeleteModalOpen,
74
- className: `${styles.marginRight} qetaAnswerCardDeleteBtn`,
75
- startIcon: /* @__PURE__ */ React.createElement(DeleteIcon, null)
76
- },
77
- t("deleteModal.deleteButton")
78
- ), /* @__PURE__ */ React.createElement(
79
- DeleteModal,
80
- {
81
- open: deleteModalOpen,
82
- onClose: handleDeleteModalClose,
83
- entity: answerEntity,
84
- question
85
- }
86
- )),
87
- (answerEntity.own || answerEntity.canEdit) && /* @__PURE__ */ React.createElement(
88
- Button,
89
- {
90
- variant: "outlined",
91
- size: "small",
92
- startIcon: /* @__PURE__ */ React.createElement(EditIcon, null),
93
- onClick: () => setEditMode(true),
94
- className: "qetaAnswerCardEditBtn"
95
- },
96
- t("questionPage.editButton")
97
- )
98
- )),
99
- /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 3, className: styles.noPadding }, /* @__PURE__ */ React.createElement(AuthorBox, { entity: answerEntity }))
100
- )))))
101
- ), /* @__PURE__ */ React.createElement(
102
- CommentSection,
103
- {
104
- question,
105
- answer: answerEntity,
106
- onCommentPost: onCommentAction,
107
- onCommentDelete: onCommentAction
108
- }
109
- ));
110
- };
111
-
112
- export { AnswerCard };
113
- //# sourceMappingURL=AnswerCard.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnswerCard.esm.js","sources":["../../../src/components/QuestionPage/AnswerCard.tsx"],"sourcesContent":["import {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport {\n Box,\n Button,\n Card,\n CardContent,\n Grid,\n Typography,\n} from '@material-ui/core';\nimport React from 'react';\nimport { VoteButtons } from './VoteButtons';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { DeleteModal } from '../DeleteModal/DeleteModal';\nimport { AnswerForm } from './AnswerForm';\nimport { AuthorBox } from './AuthorBox';\nimport { CommentSection } from '../CommentSection/CommentSection';\nimport { LinkButton } from './LinkButton';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer';\n\nexport const AnswerCard = (props: {\n answer: AnswerResponse;\n question: QuestionResponse;\n}) => {\n const { answer, question } = props;\n const styles = useStyles();\n\n const [editMode, setEditMode] = React.useState(false);\n const [answerEntity, setAnswerEntity] = React.useState(answer);\n const { t } = useTranslation();\n\n const [deleteModalOpen, setDeleteModalOpen] = React.useState(false);\n const handleDeleteModalOpen = () => setDeleteModalOpen(true);\n const handleDeleteModalClose = () => setDeleteModalOpen(false);\n const highlightedAnswer =\n window.location.hash.slice(1) === `answer_${answer.id}`;\n\n const onAnswerEdit = (a: AnswerResponse) => {\n setEditMode(false);\n setAnswerEntity(a);\n };\n\n const onCommentAction = (_: QuestionResponse, a?: AnswerResponse) => {\n if (a) {\n setAnswerEntity(a);\n }\n };\n\n return (\n <>\n <Card\n id={`answer_${answer.id}`}\n className={`qetaAnswerCard ${styles.questionCard} ${\n highlightedAnswer ? styles.highlight : ''\n }`}\n >\n <CardContent>\n <Grid container spacing={0} justifyContent=\"flex-start\">\n <Grid container item xs={1} justifyContent=\"center\">\n <div className={styles.questionCardVote}>\n <VoteButtons entity={answerEntity} question={question} />\n <LinkButton entity={answerEntity} />\n </div>\n </Grid>\n <Grid item xs={11} className={styles.answerCardContent}>\n {editMode ? (\n <AnswerForm\n question={question}\n onPost={onAnswerEdit}\n id={answerEntity.id}\n />\n ) : (\n <>\n <Typography variant=\"body1\" gutterBottom>\n <MarkdownRenderer\n className={`qetaAndwerCardAnswerContent ${styles.markdownContent}`}\n content={answerEntity.content}\n />\n </Typography>\n <Grid\n container\n item\n spacing={1}\n justifyContent=\"space-between\"\n alignItems=\"flex-end\"\n className={styles.questionCardMetadata}\n >\n <Grid item xs={9} style={{ alignSelf: 'flex-end' }}>\n {(answerEntity.own ||\n answerEntity.canDelete ||\n answerEntity.canEdit) && (\n <Box\n className={`qetaAnswerCardActions ${styles.questionCardActions}`}\n >\n {!answerEntity.correct &&\n (answerEntity.own || answerEntity.canDelete) && (\n <>\n <Button\n variant=\"outlined\"\n size=\"small\"\n color=\"secondary\"\n onClick={handleDeleteModalOpen}\n className={`${styles.marginRight} qetaAnswerCardDeleteBtn`}\n startIcon={<DeleteIcon />}\n >\n {t('deleteModal.deleteButton')}\n </Button>\n <DeleteModal\n open={deleteModalOpen}\n onClose={handleDeleteModalClose}\n entity={answerEntity}\n question={question}\n />\n </>\n )}\n {(answerEntity.own || answerEntity.canEdit) && (\n <Button\n variant=\"outlined\"\n size=\"small\"\n startIcon={<EditIcon />}\n onClick={() => setEditMode(true)}\n className=\"qetaAnswerCardEditBtn\"\n >\n {t('questionPage.editButton')}\n </Button>\n )}\n </Box>\n )}\n </Grid>\n <Grid item xs={3} className={styles.noPadding}>\n <AuthorBox entity={answerEntity} />\n </Grid>\n </Grid>\n </>\n )}\n </Grid>\n </Grid>\n </CardContent>\n </Card>\n <CommentSection\n question={question}\n answer={answerEntity}\n onCommentPost={onCommentAction}\n onCommentDelete={onCommentAction}\n />\n </>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,153 +0,0 @@
1
- import { WarningPanel } from '@backstage/core-components';
2
- import { Typography, Button } from '@material-ui/core';
3
- import React, { useEffect } from 'react';
4
- import { useAnalytics, useApi, configApiRef } from '@backstage/core-plugin-api';
5
- import { qetaCreateAnswerPermission } from '@drodil/backstage-plugin-qeta-common';
6
- import { useStyles, useTranslation } from '../../utils/hooks.esm.js';
7
- import { useForm, Controller } from 'react-hook-form';
8
- import { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor.esm.js';
9
- import { RequirePermission } from '@backstage/plugin-permission-react';
10
- import { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox.esm.js';
11
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
12
- import { confirmNavigationIfEdited } from '../../utils/utils.esm.js';
13
-
14
- const getDefaultValues = (questionId) => {
15
- return { questionId, answer: "" };
16
- };
17
- const AnswerForm = (props) => {
18
- const { question, onPost, id } = props;
19
- const [values, setValues] = React.useState(getDefaultValues(question.id));
20
- const analytics = useAnalytics();
21
- const [error, setError] = React.useState(false);
22
- const [images, setImages] = React.useState([]);
23
- const [edited, setEdited] = React.useState(false);
24
- const qetaApi = useApi(qetaApiRef);
25
- const styles = useStyles();
26
- const configApi = useApi(configApiRef);
27
- const allowAnonymouns = configApi.getOptionalBoolean("qeta.allowAnonymous");
28
- const { t } = useTranslation();
29
- const {
30
- handleSubmit,
31
- control,
32
- formState: { errors },
33
- reset
34
- } = useForm({
35
- values,
36
- defaultValues: getDefaultValues(question.id)
37
- });
38
- const postAnswer = (data) => {
39
- if (id) {
40
- qetaApi.updateAnswer(id, {
41
- questionId: question.id,
42
- answer: data.answer,
43
- images
44
- }).then((a) => {
45
- if (!a || !("id" in a)) {
46
- setError(true);
47
- return;
48
- }
49
- setEdited(false);
50
- analytics.captureEvent("edit", "answer");
51
- reset();
52
- onPost(a);
53
- }).catch((_e) => setError(true));
54
- return;
55
- }
56
- qetaApi.postAnswer({
57
- questionId: question.id,
58
- answer: data.answer,
59
- images,
60
- anonymous: data.anonymous
61
- }).then((a) => {
62
- if (!a || !("id" in a)) {
63
- setError(true);
64
- return;
65
- }
66
- setEdited(false);
67
- analytics.captureEvent("post", "answer");
68
- reset();
69
- onPost(a);
70
- }).catch((_e) => setError(true));
71
- };
72
- useEffect(() => {
73
- if (id) {
74
- qetaApi.getAnswer(question.id, id).then((a) => {
75
- if ("content" in a) {
76
- setValues({ questionId: question.id, answer: a.content });
77
- } else {
78
- setError(true);
79
- }
80
- });
81
- }
82
- }, [id, question, qetaApi]);
83
- useEffect(() => {
84
- reset(values);
85
- }, [values, reset]);
86
- useEffect(() => {
87
- return confirmNavigationIfEdited(edited);
88
- }, [edited]);
89
- return /* @__PURE__ */ React.createElement(
90
- RequirePermission,
91
- {
92
- permission: qetaCreateAnswerPermission,
93
- errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null)
94
- },
95
- /* @__PURE__ */ React.createElement(
96
- "form",
97
- {
98
- onSubmit: handleSubmit(postAnswer),
99
- onChange: () => {
100
- setEdited(true);
101
- },
102
- className: "qetaAnswerForm"
103
- },
104
- /* @__PURE__ */ React.createElement(Typography, { variant: "h6" }, "Your answer"),
105
- error && /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: t("answerForm.errorPosting") }),
106
- /* @__PURE__ */ React.createElement(
107
- Controller,
108
- {
109
- control,
110
- defaultValue: "",
111
- rules: {
112
- required: true
113
- },
114
- render: ({ field: { onChange, value } }) => /* @__PURE__ */ React.createElement(
115
- MarkdownEditor,
116
- {
117
- value,
118
- onChange,
119
- height: 200,
120
- error: "answer" in errors,
121
- config: configApi,
122
- placeholder: t("answerForm.contentInput.placeholder"),
123
- onImageUpload: (imageId) => {
124
- setImages((prevImages) => [...prevImages, imageId]);
125
- }
126
- }
127
- ),
128
- name: "answer"
129
- }
130
- ),
131
- allowAnonymouns && !id && /* @__PURE__ */ React.createElement(
132
- AskAnonymouslyCheckbox,
133
- {
134
- control,
135
- label: t("anonymousCheckbox.answerAnonymously")
136
- }
137
- ),
138
- /* @__PURE__ */ React.createElement(
139
- Button,
140
- {
141
- variant: "outlined",
142
- type: "submit",
143
- color: "primary",
144
- className: `qetaAnswerFormPostBtn ${styles.postButton}`
145
- },
146
- id ? t("answerForm.submit.existingAnswer") : t("answerForm.submit.newAnswer")
147
- )
148
- )
149
- );
150
- };
151
-
152
- export { AnswerForm };
153
- //# sourceMappingURL=AnswerForm.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AnswerForm.esm.js","sources":["../../../src/components/QuestionPage/AnswerForm.tsx"],"sourcesContent":["import { WarningPanel } from '@backstage/core-components';\nimport { Button, Typography } from '@material-ui/core';\nimport React, { useEffect } from 'react';\nimport { configApiRef, useAnalytics, useApi } from '@backstage/core-plugin-api';\nimport {\n AnswerRequest,\n AnswerResponse,\n qetaCreateAnswerPermission,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useStyles, useTranslation } from '../../utils/hooks';\nimport { Controller, useForm } from 'react-hook-form';\nimport { MarkdownEditor } from '../MarkdownEditor/MarkdownEditor';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { AskAnonymouslyCheckbox } from '../AskAnonymouslyCheckbox/AskAnonymouslyCheckbox';\nimport { qetaApiRef } from '../../api';\nimport { confirmNavigationIfEdited } from '../../utils/utils';\n\nconst getDefaultValues = (questionId: number) => {\n return { questionId, answer: '' };\n};\n\nexport const AnswerForm = (props: {\n question: QuestionResponse;\n onPost: (answer: AnswerResponse) => void;\n id?: number;\n}) => {\n const { question, onPost, id } = props;\n const [values, setValues] = React.useState(getDefaultValues(question.id));\n const analytics = useAnalytics();\n const [error, setError] = React.useState(false);\n const [images, setImages] = React.useState<number[]>([]);\n const [edited, setEdited] = React.useState(false);\n const qetaApi = useApi(qetaApiRef);\n const styles = useStyles();\n const configApi = useApi(configApiRef);\n const allowAnonymouns = configApi.getOptionalBoolean('qeta.allowAnonymous');\n const { t } = useTranslation();\n\n const {\n handleSubmit,\n control,\n formState: { errors },\n reset,\n } = useForm<AnswerRequest>({\n values,\n defaultValues: getDefaultValues(question.id),\n });\n\n const postAnswer = (data: AnswerRequest) => {\n if (id) {\n qetaApi\n .updateAnswer(id, {\n questionId: question.id,\n answer: data.answer,\n images,\n })\n .then(a => {\n if (!a || !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('edit', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n return;\n }\n // http://localhost:7007/api/qeta/attachments/36e551b1-3be7-479a-8942-b7018434e710\n qetaApi\n .postAnswer({\n questionId: question.id,\n answer: data.answer,\n images,\n anonymous: data.anonymous,\n })\n .then(a => {\n if (!a || !('id' in a)) {\n setError(true);\n return;\n }\n setEdited(false);\n analytics.captureEvent('post', 'answer');\n reset();\n onPost(a);\n })\n .catch(_e => setError(true));\n };\n\n useEffect(() => {\n if (id) {\n qetaApi.getAnswer(question.id, id).then(a => {\n if ('content' in a) {\n setValues({ questionId: question.id, answer: a.content });\n } else {\n setError(true);\n }\n });\n }\n }, [id, question, qetaApi]);\n\n useEffect(() => {\n reset(values);\n }, [values, reset]);\n\n useEffect(() => {\n return confirmNavigationIfEdited(edited);\n }, [edited]);\n\n return (\n <RequirePermission\n permission={qetaCreateAnswerPermission}\n errorPage={<></>}\n >\n <form\n onSubmit={handleSubmit(postAnswer)}\n onChange={() => {\n setEdited(true);\n }}\n className=\"qetaAnswerForm\"\n >\n <Typography variant=\"h6\">Your answer</Typography>\n {error && (\n <WarningPanel severity=\"error\" title={t('answerForm.errorPosting')} />\n )}\n <Controller\n control={control}\n defaultValue=\"\"\n rules={{\n required: true,\n }}\n render={({ field: { onChange, value } }) => (\n <MarkdownEditor\n value={value}\n onChange={onChange}\n height={200}\n error={'answer' in errors}\n config={configApi}\n placeholder={t('answerForm.contentInput.placeholder')}\n onImageUpload={(imageId: number) => {\n setImages(prevImages => [...prevImages, imageId]);\n }}\n />\n )}\n name=\"answer\"\n />\n {allowAnonymouns && !id && (\n <AskAnonymouslyCheckbox\n control={control}\n label={t('anonymousCheckbox.answerAnonymously')}\n />\n )}\n <Button\n variant=\"outlined\"\n type=\"submit\"\n color=\"primary\"\n className={`qetaAnswerFormPostBtn ${styles.postButton}`}\n >\n {id\n ? t('answerForm.submit.existingAnswer')\n : t('answerForm.submit.newAnswer')}\n </Button>\n </form>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}
@@ -1,25 +0,0 @@
1
- import { Box, Grid, Typography, Avatar } from '@material-ui/core';
2
- import React from 'react';
3
- import { useStyles, useTranslation, useEntityAuthor } from '../../utils/hooks.esm.js';
4
- import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
5
- import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
6
-
7
- const AuthorBox = (props) => {
8
- const { entity } = props;
9
- const styles = useStyles();
10
- const { t } = useTranslation();
11
- const { name, initials, user } = useEntityAuthor(entity);
12
- return /* @__PURE__ */ React.createElement(Box, { className: `qetaAuthorBox ${styles.questionCardAuthor}` }, /* @__PURE__ */ React.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.created }))), entity.updated && entity.updatedBy && /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React.createElement(UpdatedByLink, { entity }))), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React.createElement(
13
- Avatar,
14
- {
15
- src: user?.spec?.profile?.picture,
16
- className: "qetaAuthorBoxAvatar avatar",
17
- alt: name,
18
- variant: "rounded"
19
- },
20
- initials
21
- )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React.createElement(AuthorLink, { entity })))));
22
- };
23
-
24
- export { AuthorBox };
25
- //# sourceMappingURL=AuthorBox.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/QuestionPage/AuthorBox.tsx"],"sourcesContent":["import { Avatar, Box, Grid, Typography } from '@material-ui/core';\nimport React from 'react';\nimport { useEntityAuthor, useStyles, useTranslation } from '../../utils/hooks';\nimport {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links/Links';\n\nexport const AuthorBox = (props: {\n entity: QuestionResponse | AnswerResponse;\n}) => {\n const { entity } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const { name, initials, user } = useEntityAuthor(entity);\n\n return (\n <Box className={`qetaAuthorBox ${styles.questionCardAuthor}`}>\n <Grid container alignItems=\"center\">\n <Grid item xs={12} style={{ paddingBottom: 0 }}>\n <Typography className=\"qetaAuthorBoxCreated\" variant=\"caption\">\n {t('authorBox.postedAtTime')}{' '}\n <RelativeTimeWithTooltip value={entity.created} />\n </Typography>\n </Grid>\n {entity.updated && entity.updatedBy && (\n <Grid item xs={12} style={{ paddingBottom: 0, paddingTop: 0 }}>\n <Typography className=\"qetaAuthorBoxUpdated\" variant=\"caption\">\n {t('authorBox.updatedAtTime')}{' '}\n <RelativeTimeWithTooltip value={entity.updated} />{' '}\n {t('authorBox.updatedBy')} <UpdatedByLink entity={entity} />\n </Typography>\n </Grid>\n )}\n <Grid item xs={2}>\n <Avatar\n src={user?.spec?.profile?.picture}\n className=\"qetaAuthorBoxAvatar avatar\"\n alt={name}\n variant=\"rounded\"\n >\n {initials}\n </Avatar>\n </Grid>\n <Grid item xs={10} className={styles.authorLink}>\n <Box style={{ paddingLeft: '5px' }}>\n <AuthorLink entity={entity} />\n </Box>\n </Grid>\n </Grid>\n </Box>\n );\n};\n"],"names":[],"mappings":";;;;;;AAUa,MAAA,SAAA,GAAY,CAAC,KAEpB,KAAA;AACJ,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,IAAM,EAAA,QAAA,EAAU,IAAK,EAAA,GAAI,gBAAgB,MAAM,CAAA,CAAA;AAEvD,EAAA,2CACG,GAAI,EAAA,EAAA,SAAA,EAAW,iBAAiB,MAAO,CAAA,kBAAkB,sBACvD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,WAAS,IAAC,EAAA,UAAA,EAAW,4BACxB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,KAAO,EAAA,EAAE,eAAe,CAAE,EAAA,EAAA,sCAC1C,UAAW,EAAA,EAAA,SAAA,EAAU,wBAAuB,OAAQ,EAAA,SAAA,EAAA,EAClD,EAAE,wBAAwB,CAAA,EAAG,qBAC7B,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,MAAO,CAAA,OAAA,EAAS,CAClD,CACF,CAAA,EACC,OAAO,OAAW,IAAA,MAAA,CAAO,6BACvB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,MAAI,IAAC,EAAA,EAAA,EAAI,IAAI,KAAO,EAAA,EAAE,eAAe,CAAG,EAAA,UAAA,EAAY,GACxD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,SAAU,EAAA,sBAAA,EAAuB,SAAQ,SAClD,EAAA,EAAA,CAAA,CAAE,yBAAyB,CAAG,EAAA,GAAA,sCAC9B,uBAAwB,EAAA,EAAA,KAAA,EAAO,OAAO,OAAS,EAAA,CAAA,EAAG,KAClD,CAAE,CAAA,qBAAqB,GAAE,GAAC,kBAAA,KAAA,CAAA,aAAA,CAAC,iBAAc,MAAgB,EAAA,CAC5D,CACF,CAEF,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,IAAI,EAAA,IAAA,EAAC,IAAI,CACb,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,IAAM,EAAA,IAAA,EAAM,OAAS,EAAA,OAAA;AAAA,MAC1B,SAAU,EAAA,4BAAA;AAAA,MACV,GAAK,EAAA,IAAA;AAAA,MACL,OAAQ,EAAA,SAAA;AAAA,KAAA;AAAA,IAEP,QAAA;AAAA,GAEL,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAI,MAAC,EAAI,EAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,UACnC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAI,KAAO,EAAA,EAAE,WAAa,EAAA,KAAA,EACzB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,MAAgB,EAAA,CAC9B,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
@@ -1,27 +0,0 @@
1
- import { parseEntityRef, getCompoundEntityRef } from '@backstage/catalog-model';
2
- import { Tooltip, Chip } from '@material-ui/core';
3
- import React from 'react';
4
- import { useRouteRef } from '@backstage/core-plugin-api';
5
- import { entityRouteRef, useEntityPresentation } from '@backstage/plugin-catalog-react';
6
-
7
- const EntityChip = (props) => {
8
- const { entity } = props;
9
- const entityRoute = useRouteRef(entityRouteRef);
10
- const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);
11
- const compound = typeof entity === "string" ? parseEntityRef(entity) : getCompoundEntityRef(entity);
12
- return /* @__PURE__ */ React.createElement(Tooltip, { title: secondaryTitle ?? primaryTitle, arrow: true }, /* @__PURE__ */ React.createElement(
13
- Chip,
14
- {
15
- label: primaryTitle,
16
- size: "small",
17
- variant: "outlined",
18
- className: "qetaEntityChip",
19
- component: "a",
20
- href: entityRoute(compound),
21
- clickable: true
22
- }
23
- ));
24
- };
25
-
26
- export { EntityChip };
27
- //# sourceMappingURL=EntityChip.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"EntityChip.esm.js","sources":["../../../src/components/QuestionPage/EntityChip.tsx"],"sourcesContent":["import {\n Entity,\n getCompoundEntityRef,\n parseEntityRef,\n} from '@backstage/catalog-model';\nimport { Chip, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n entityRouteRef,\n useEntityPresentation,\n} from '@backstage/plugin-catalog-react';\n\nexport const EntityChip = (props: { entity: Entity | string }) => {\n const { entity } = props;\n const entityRoute = useRouteRef(entityRouteRef);\n const { primaryTitle, secondaryTitle } = useEntityPresentation(entity);\n const compound =\n typeof entity === 'string'\n ? parseEntityRef(entity)\n : getCompoundEntityRef(entity);\n return (\n <Tooltip title={secondaryTitle ?? primaryTitle} arrow>\n <Chip\n label={primaryTitle}\n size=\"small\"\n variant=\"outlined\"\n className=\"qetaEntityChip\"\n component=\"a\"\n href={entityRoute(compound)}\n clickable\n />\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;AAaa,MAAA,UAAA,GAAa,CAAC,KAAuC,KAAA;AAChE,EAAM,MAAA,EAAE,QAAW,GAAA,KAAA,CAAA;AACnB,EAAM,MAAA,WAAA,GAAc,YAAY,cAAc,CAAA,CAAA;AAC9C,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,sBAAsB,MAAM,CAAA,CAAA;AACrE,EAAM,MAAA,QAAA,GACJ,OAAO,MAAW,KAAA,QAAA,GACd,eAAe,MAAM,CAAA,GACrB,qBAAqB,MAAM,CAAA,CAAA;AACjC,EAAA,2CACG,OAAQ,EAAA,EAAA,KAAA,EAAO,cAAkB,IAAA,YAAA,EAAc,OAAK,IACnD,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,UAAA;AAAA,MACR,SAAU,EAAA,gBAAA;AAAA,MACV,SAAU,EAAA,GAAA;AAAA,MACV,IAAA,EAAM,YAAY,QAAQ,CAAA;AAAA,MAC1B,SAAS,EAAA,IAAA;AAAA,KAAA;AAAA,GAEb,CAAA,CAAA;AAEJ;;;;"}
@@ -1,45 +0,0 @@
1
- import { Tooltip, IconButton } from '@material-ui/core';
2
- import React from 'react';
3
- import { useApi } from '@backstage/core-plugin-api';
4
- import StarIcon from '@material-ui/icons/Star';
5
- import StarOutlineIcon from '@material-ui/icons/StarOutline';
6
- import { qetaApiRef } from '../../api/QetaClient.esm.js';
7
- import { useTranslation } from '../../utils/hooks.esm.js';
8
-
9
- const FavoriteButton = (props) => {
10
- const [entity, setEntity] = React.useState(props.entity);
11
- const qetaApi = useApi(qetaApiRef);
12
- const { t } = useTranslation();
13
- const favoriteQuestion = () => {
14
- qetaApi.favoriteQuestion(entity.id).then((response) => {
15
- setEntity(response);
16
- });
17
- };
18
- const unfavoriteQuestion = () => {
19
- qetaApi.unfavoriteQuestion(entity.id).then((response) => {
20
- setEntity(response);
21
- });
22
- };
23
- return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.favorite ? /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React.createElement(
24
- IconButton,
25
- {
26
- "aria-label": "unfavorite",
27
- size: "small",
28
- onClick: unfavoriteQuestion,
29
- className: "qetaUnfavoriteBtn"
30
- },
31
- /* @__PURE__ */ React.createElement(StarIcon, null)
32
- )) : /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React.createElement(
33
- IconButton,
34
- {
35
- "aria-label": "favorite",
36
- size: "small",
37
- onClick: favoriteQuestion,
38
- className: "qetaFavoriteBtn"
39
- },
40
- /* @__PURE__ */ React.createElement(StarOutlineIcon, null)
41
- )));
42
- };
43
-
44
- export { FavoriteButton };
45
- //# sourceMappingURL=FavoriteButton.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/QuestionPage/FavoriteButton.tsx"],"sourcesContent":["import { QuestionResponse } from '@drodil/backstage-plugin-qeta-common';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@material-ui/icons/Star';\nimport StarOutlineIcon from '@material-ui/icons/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const FavoriteButton = (props: { entity: QuestionResponse }) => {\n const [entity, setEntity] = React.useState<QuestionResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const favoriteQuestion = () => {\n qetaApi.favoriteQuestion(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi.unfavoriteQuestion(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n return (\n <React.Fragment>\n {entity.favorite ? (\n <Tooltip title={t('favorite.remove')}>\n <IconButton\n aria-label=\"unfavorite\"\n size=\"small\"\n onClick={unfavoriteQuestion}\n className=\"qetaUnfavoriteBtn\"\n >\n <StarIcon />\n </IconButton>\n </Tooltip>\n ) : (\n <Tooltip title={t('favorite.add')}>\n <IconButton\n aria-label=\"favorite\"\n size=\"small\"\n onClick={favoriteQuestion}\n className=\"qetaFavoriteBtn\"\n >\n <StarOutlineIcon />\n </IconButton>\n </Tooltip>\n )}\n </React.Fragment>\n );\n};\n"],"names":[],"mappings":";;;;;;;;AASa,MAAA,cAAA,GAAiB,CAAC,KAAwC,KAAA;AACrE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,KAAM,CAAA,QAAA,CAA2B,MAAM,MAAM,CAAA,CAAA;AACzE,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AACjC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAE7B,EAAA,MAAM,mBAAmB,MAAM;AAC7B,IAAA,OAAA,CAAQ,gBAAiB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACnD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,kBAAmB,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACrD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,CAAA,QAAA,EAAN,IACE,EAAA,MAAA,CAAO,QACN,mBAAA,KAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,YAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,kBAAA;AAAA,MACT,SAAU,EAAA,mBAAA;AAAA,KAAA;AAAA,wCAET,QAAS,EAAA,IAAA,CAAA;AAAA,GAEd,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,UAAA;AAAA,MACX,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,gBAAA;AAAA,MACT,SAAU,EAAA,iBAAA;AAAA,KAAA;AAAA,wCAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -1,28 +0,0 @@
1
- import { Tooltip, IconButton } from '@material-ui/core';
2
- import Link from '@material-ui/icons/Link';
3
- import React from 'react';
4
- import { useTranslation } from '../../utils/hooks.esm.js';
5
-
6
- const LinkButton = (props) => {
7
- const isQuestion = "title" in props.entity;
8
- const { t } = useTranslation();
9
- const copyToClipboard = () => {
10
- const url = new URL(window.location.href);
11
- if (!isQuestion) {
12
- url.hash = `#answer_${props.entity.id}`;
13
- }
14
- window.navigator.clipboard.writeText(url.toString());
15
- };
16
- return /* @__PURE__ */ React.createElement(Tooltip, { title: isQuestion ? t("link.question") : t("link.answer") }, /* @__PURE__ */ React.createElement(
17
- IconButton,
18
- {
19
- "aria-label": t("link.aria"),
20
- size: "small",
21
- onClick: copyToClipboard
22
- },
23
- /* @__PURE__ */ React.createElement(Link, null)
24
- ));
25
- };
26
-
27
- export { LinkButton };
28
- //# sourceMappingURL=LinkButton.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/QuestionPage/LinkButton.tsx"],"sourcesContent":["import { IconButton, Tooltip } from '@material-ui/core';\nimport Link from '@material-ui/icons/Link';\nimport React from 'react';\nimport {\n AnswerResponse,\n QuestionResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../utils/hooks';\n\nexport const LinkButton = (props: {\n entity: QuestionResponse | AnswerResponse;\n}) => {\n const isQuestion = 'title' in props.entity;\n const { t } = useTranslation();\n const copyToClipboard = () => {\n const url = new URL(window.location.href);\n if (!isQuestion) {\n url.hash = `#answer_${props.entity.id}`;\n }\n window.navigator.clipboard.writeText(url.toString());\n };\n\n return (\n <Tooltip title={isQuestion ? t('link.question') : t('link.answer')}>\n <IconButton\n aria-label={t('link.aria')}\n size=\"small\"\n onClick={copyToClipboard}\n >\n <Link />\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAErB,KAAA;AACJ,EAAM,MAAA,UAAA,GAAa,WAAW,KAAM,CAAA,MAAA,CAAA;AACpC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,MAAM,GAAM,GAAA,IAAI,GAAI,CAAA,MAAA,CAAO,SAAS,IAAI,CAAA,CAAA;AACxC,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA,GAAA,CAAI,IAAO,GAAA,CAAA,QAAA,EAAW,KAAM,CAAA,MAAA,CAAO,EAAE,CAAA,CAAA,CAAA;AAAA,KACvC;AACA,IAAA,MAAA,CAAO,SAAU,CAAA,SAAA,CAAU,SAAU,CAAA,GAAA,CAAI,UAAU,CAAA,CAAA;AAAA,GACrD,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,eAAe,CAAA,GAAI,CAAE,CAAA,aAAa,CAC/D,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,EAAE,WAAW,CAAA;AAAA,MACzB,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,KAAA;AAAA,wCAER,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}