@drodil/backstage-plugin-qeta-react 3.9.2 → 3.10.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 (198) hide show
  1. package/dist/components/AIAnswerCard/AIAnswerCard.esm.js +32 -22
  2. package/dist/components/AIAnswerCard/AIAnswerCard.esm.js.map +1 -1
  3. package/dist/components/AnswerCard/AnswerCard.esm.js +28 -23
  4. package/dist/components/AnswerCard/AnswerCard.esm.js.map +1 -1
  5. package/dist/components/AnswerForm/AnswerForm.esm.js +16 -15
  6. package/dist/components/AnswerForm/AnswerForm.esm.js.map +1 -1
  7. package/dist/components/AnswersContainer/AnswerList.esm.js +14 -9
  8. package/dist/components/AnswersContainer/AnswerList.esm.js.map +1 -1
  9. package/dist/components/AnswersContainer/AnswerListItem.esm.js +14 -12
  10. package/dist/components/AnswersContainer/AnswerListItem.esm.js.map +1 -1
  11. package/dist/components/AnswersContainer/AnswersContainer.esm.js +28 -30
  12. package/dist/components/AnswersContainer/AnswersContainer.esm.js.map +1 -1
  13. package/dist/components/ArticleContent/ArticleButtons.esm.js +20 -16
  14. package/dist/components/ArticleContent/ArticleButtons.esm.js.map +1 -1
  15. package/dist/components/ArticleContent/ArticleContent.esm.js +13 -10
  16. package/dist/components/ArticleContent/ArticleContent.esm.js.map +1 -1
  17. package/dist/components/AuthorBox/AuthorBox.esm.js +8 -4
  18. package/dist/components/AuthorBox/AuthorBox.esm.js.map +1 -1
  19. package/dist/components/Buttons/AddToCollectionButton.esm.js +17 -12
  20. package/dist/components/Buttons/AddToCollectionButton.esm.js.map +1 -1
  21. package/dist/components/Buttons/AskQuestionButton.esm.js +4 -4
  22. package/dist/components/Buttons/AskQuestionButton.esm.js.map +1 -1
  23. package/dist/components/Buttons/CollectionFollowButton.esm.js +7 -6
  24. package/dist/components/Buttons/CollectionFollowButton.esm.js.map +1 -1
  25. package/dist/components/Buttons/CreateCollectionButton.esm.js +4 -4
  26. package/dist/components/Buttons/CreateCollectionButton.esm.js.map +1 -1
  27. package/dist/components/Buttons/EntityFollowButton.esm.js +7 -6
  28. package/dist/components/Buttons/EntityFollowButton.esm.js.map +1 -1
  29. package/dist/components/Buttons/FavoriteButton.esm.js +10 -9
  30. package/dist/components/Buttons/FavoriteButton.esm.js.map +1 -1
  31. package/dist/components/Buttons/LinkButton.esm.js +6 -5
  32. package/dist/components/Buttons/LinkButton.esm.js.map +1 -1
  33. package/dist/components/Buttons/TagFollowButton.esm.js +7 -6
  34. package/dist/components/Buttons/TagFollowButton.esm.js.map +1 -1
  35. package/dist/components/Buttons/UserFollowButton.esm.js +7 -6
  36. package/dist/components/Buttons/UserFollowButton.esm.js.map +1 -1
  37. package/dist/components/Buttons/VoteButtons.esm.js +16 -11
  38. package/dist/components/Buttons/VoteButtons.esm.js.map +1 -1
  39. package/dist/components/Buttons/WriteArticleButton.esm.js +4 -4
  40. package/dist/components/Buttons/WriteArticleButton.esm.js.map +1 -1
  41. package/dist/components/CollectionCard/CollectionCard.esm.js +14 -11
  42. package/dist/components/CollectionCard/CollectionCard.esm.js.map +1 -1
  43. package/dist/components/CollectionForm/CollectionForm.esm.js +26 -20
  44. package/dist/components/CollectionForm/CollectionForm.esm.js.map +1 -1
  45. package/dist/components/CollectionsGrid/CollectionsGrid.esm.js +23 -23
  46. package/dist/components/CollectionsGrid/CollectionsGrid.esm.js.map +1 -1
  47. package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js +8 -14
  48. package/dist/components/CollectionsGrid/CollectionsGridContent.esm.js.map +1 -1
  49. package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js +13 -6
  50. package/dist/components/CollectionsGrid/CollectionsGridItem.esm.js.map +1 -1
  51. package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js +7 -4
  52. package/dist/components/CollectionsGrid/NoCollectionsCard.esm.js.map +1 -1
  53. package/dist/components/CommentSection/CommentList.esm.js +9 -6
  54. package/dist/components/CommentSection/CommentList.esm.js.map +1 -1
  55. package/dist/components/CommentSection/CommentSection.esm.js +16 -14
  56. package/dist/components/CommentSection/CommentSection.esm.js.map +1 -1
  57. package/dist/components/DeleteModal/DeleteModal.esm.js +15 -14
  58. package/dist/components/DeleteModal/DeleteModal.esm.js.map +1 -1
  59. package/dist/components/EntitiesGrid/EntitiesGrid.esm.js +16 -19
  60. package/dist/components/EntitiesGrid/EntitiesGrid.esm.js.map +1 -1
  61. package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js +6 -15
  62. package/dist/components/EntitiesGrid/EntitiesGridContent.esm.js.map +1 -1
  63. package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js +17 -8
  64. package/dist/components/EntitiesGrid/EntitiesGridItem.esm.js.map +1 -1
  65. package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js +7 -4
  66. package/dist/components/EntitiesGrid/NoEntitiesCard.esm.js.map +1 -1
  67. package/dist/components/FilterPanel/DateRangeFilter.esm.js +40 -46
  68. package/dist/components/FilterPanel/DateRangeFilter.esm.js.map +1 -1
  69. package/dist/components/FilterPanel/FilterPanel.esm.js +47 -34
  70. package/dist/components/FilterPanel/FilterPanel.esm.js.map +1 -1
  71. package/dist/components/FollowedLists/FollowedCollectionsList.esm.js +11 -7
  72. package/dist/components/FollowedLists/FollowedCollectionsList.esm.js.map +1 -1
  73. package/dist/components/FollowedLists/FollowedEntitiesList.esm.js +11 -7
  74. package/dist/components/FollowedLists/FollowedEntitiesList.esm.js.map +1 -1
  75. package/dist/components/FollowedLists/FollowedTagsList.esm.js +11 -7
  76. package/dist/components/FollowedLists/FollowedTagsList.esm.js.map +1 -1
  77. package/dist/components/HeaderImageInput/HeaderImageInput.esm.js +8 -5
  78. package/dist/components/HeaderImageInput/HeaderImageInput.esm.js.map +1 -1
  79. package/dist/components/HomePageCards/ImpactCard.esm.js +6 -3
  80. package/dist/components/HomePageCards/ImpactCard.esm.js.map +1 -1
  81. package/dist/components/HomePageCards/PostsCard.esm.js +45 -15
  82. package/dist/components/HomePageCards/PostsCard.esm.js.map +1 -1
  83. package/dist/components/LeftMenu/LeftMenu.esm.js +39 -27
  84. package/dist/components/LeftMenu/LeftMenu.esm.js.map +1 -1
  85. package/dist/components/LeftMenu/LeftMenuButton.esm.js +16 -12
  86. package/dist/components/LeftMenu/LeftMenuButton.esm.js.map +1 -1
  87. package/dist/components/Links/Links.esm.js +5 -5
  88. package/dist/components/Links/Links.esm.js.map +1 -1
  89. package/dist/components/LoadingGrid/LoadingGrid.esm.js +5 -4
  90. package/dist/components/LoadingGrid/LoadingGrid.esm.js.map +1 -1
  91. package/dist/components/MarkdownEditor/MarkdownEditor.esm.js +5 -5
  92. package/dist/components/MarkdownEditor/MarkdownEditor.esm.js.map +1 -1
  93. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js +12 -12
  94. package/dist/components/MarkdownRenderer/MarkdownRenderer.esm.js.map +1 -1
  95. package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js +8 -5
  96. package/dist/components/PostAnonymouslyCheckbox/PostAnonymouslyCheckbox.esm.js.map +1 -1
  97. package/dist/components/PostForm/EntitiesInput.esm.js +10 -9
  98. package/dist/components/PostForm/EntitiesInput.esm.js.map +1 -1
  99. package/dist/components/PostForm/PostForm.esm.js +22 -21
  100. package/dist/components/PostForm/PostForm.esm.js.map +1 -1
  101. package/dist/components/PostForm/TagInput.esm.js +12 -11
  102. package/dist/components/PostForm/TagInput.esm.js.map +1 -1
  103. package/dist/components/PostHighlightList/PostHighlightList.esm.js +23 -13
  104. package/dist/components/PostHighlightList/PostHighlightList.esm.js.map +1 -1
  105. package/dist/components/PostsContainer/NoPostsCard.esm.js +11 -8
  106. package/dist/components/PostsContainer/NoPostsCard.esm.js.map +1 -1
  107. package/dist/components/PostsContainer/PostList.esm.js +21 -17
  108. package/dist/components/PostsContainer/PostList.esm.js.map +1 -1
  109. package/dist/components/PostsContainer/PostListItem.esm.js +26 -26
  110. package/dist/components/PostsContainer/PostListItem.esm.js.map +1 -1
  111. package/dist/components/PostsContainer/PostsContainer.esm.js +37 -31
  112. package/dist/components/PostsContainer/PostsContainer.esm.js.map +1 -1
  113. package/dist/components/PostsGrid/PostsGrid.esm.js +37 -31
  114. package/dist/components/PostsGrid/PostsGrid.esm.js.map +1 -1
  115. package/dist/components/PostsGrid/PostsGridContent.esm.js +9 -17
  116. package/dist/components/PostsGrid/PostsGridContent.esm.js.map +1 -1
  117. package/dist/components/PostsGrid/PostsGridItem.esm.js +22 -14
  118. package/dist/components/PostsGrid/PostsGridItem.esm.js.map +1 -1
  119. package/dist/components/QetaPagination/QetaPagination.esm.js +15 -11
  120. package/dist/components/QetaPagination/QetaPagination.esm.js.map +1 -1
  121. package/dist/components/QuestionCard/QuestionCard.esm.js +23 -18
  122. package/dist/components/QuestionCard/QuestionCard.esm.js.map +1 -1
  123. package/dist/components/QuestionsTable/QuestionTableRow.esm.js +4 -3
  124. package/dist/components/QuestionsTable/QuestionTableRow.esm.js.map +1 -1
  125. package/dist/components/QuestionsTable/QuestionsTable.esm.js +27 -17
  126. package/dist/components/QuestionsTable/QuestionsTable.esm.js.map +1 -1
  127. package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js +4 -4
  128. package/dist/components/RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js.map +1 -1
  129. package/dist/components/SearchBar/SearchBar.esm.js +58 -0
  130. package/dist/components/SearchBar/SearchBar.esm.js.map +1 -0
  131. package/dist/components/SelectTemplateList/SelectTemplateList.esm.js +13 -6
  132. package/dist/components/SelectTemplateList/SelectTemplateList.esm.js.map +1 -1
  133. package/dist/components/StatsChart/StatsChart.esm.js +33 -27
  134. package/dist/components/StatsChart/StatsChart.esm.js.map +1 -1
  135. package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js +15 -12
  136. package/dist/components/SummaryStatsGrid/SummaryStatsGrid.esm.js.map +1 -1
  137. package/dist/components/TagsAndEntities/CollectionChip.esm.js +12 -9
  138. package/dist/components/TagsAndEntities/CollectionChip.esm.js.map +1 -1
  139. package/dist/components/TagsAndEntities/EntityChip.esm.js +20 -25
  140. package/dist/components/TagsAndEntities/EntityChip.esm.js.map +1 -1
  141. package/dist/components/TagsAndEntities/TagChip.esm.js +20 -25
  142. package/dist/components/TagsAndEntities/TagChip.esm.js.map +1 -1
  143. package/dist/components/TagsAndEntities/TagsAndEntities.esm.js +3 -3
  144. package/dist/components/TagsAndEntities/TagsAndEntities.esm.js.map +1 -1
  145. package/dist/components/TagsGrid/EditTagModal.esm.js +17 -14
  146. package/dist/components/TagsGrid/EditTagModal.esm.js.map +1 -1
  147. package/dist/components/TagsGrid/NoTagsCard.esm.js +7 -4
  148. package/dist/components/TagsGrid/NoTagsCard.esm.js.map +1 -1
  149. package/dist/components/TagsGrid/TagGridItem.esm.js +16 -8
  150. package/dist/components/TagsGrid/TagGridItem.esm.js.map +1 -1
  151. package/dist/components/TagsGrid/TagsGrid.esm.js +16 -20
  152. package/dist/components/TagsGrid/TagsGrid.esm.js.map +1 -1
  153. package/dist/components/TagsGrid/TagsGridContent.esm.js +6 -15
  154. package/dist/components/TagsGrid/TagsGridContent.esm.js.map +1 -1
  155. package/dist/components/TemplateList/TemplateForm.esm.js +19 -18
  156. package/dist/components/TemplateList/TemplateForm.esm.js.map +1 -1
  157. package/dist/components/TemplateList/TemplateList.esm.js +22 -15
  158. package/dist/components/TemplateList/TemplateList.esm.js.map +1 -1
  159. package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js +23 -18
  160. package/dist/components/TopRankingUsersCard/TopRankingUsersCard.esm.js.map +1 -1
  161. package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js +4 -4
  162. package/dist/components/TopRankingUsersCard/TrophyIcon.esm.js.map +1 -1
  163. package/dist/components/TopRankingUsersCard/styles.esm.js +1 -1
  164. package/dist/components/TopRankingUsersCard/styles.esm.js.map +1 -1
  165. package/dist/components/UsersGrid/NoUsersCard.esm.js +7 -4
  166. package/dist/components/UsersGrid/NoUsersCard.esm.js.map +1 -1
  167. package/dist/components/UsersGrid/UsersGrid.esm.js +15 -18
  168. package/dist/components/UsersGrid/UsersGrid.esm.js.map +1 -1
  169. package/dist/components/UsersGrid/UsersGridContent.esm.js +6 -15
  170. package/dist/components/UsersGrid/UsersGridContent.esm.js.map +1 -1
  171. package/dist/components/UsersGrid/UsersGridItem.esm.js +17 -8
  172. package/dist/components/UsersGrid/UsersGridItem.esm.js.map +1 -1
  173. package/dist/hooks/useAI.esm.js +9 -9
  174. package/dist/hooks/useAI.esm.js.map +1 -1
  175. package/dist/hooks/useCollectionsFollow.esm.js +3 -3
  176. package/dist/hooks/useCollectionsFollow.esm.js.map +1 -1
  177. package/dist/hooks/useEntityAuthor.esm.js +5 -5
  178. package/dist/hooks/useEntityAuthor.esm.js.map +1 -1
  179. package/dist/hooks/useEntityFollow.esm.js +3 -3
  180. package/dist/hooks/useEntityFollow.esm.js.map +1 -1
  181. package/dist/hooks/useEntityQueryParameter.esm.js +2 -2
  182. package/dist/hooks/useEntityQueryParameter.esm.js.map +1 -1
  183. package/dist/hooks/useFormStyles.esm.js +1 -1
  184. package/dist/hooks/useFormStyles.esm.js.map +1 -1
  185. package/dist/hooks/usePaginatedPosts.esm.js +11 -11
  186. package/dist/hooks/usePaginatedPosts.esm.js.map +1 -1
  187. package/dist/hooks/useStyles.esm.js +4 -5
  188. package/dist/hooks/useStyles.esm.js.map +1 -1
  189. package/dist/hooks/useTagsFollow.esm.js +3 -3
  190. package/dist/hooks/useTagsFollow.esm.js.map +1 -1
  191. package/dist/hooks/useUserFollow.esm.js +3 -3
  192. package/dist/hooks/useUserFollow.esm.js.map +1 -1
  193. package/dist/hooks/useVoting.esm.js +3 -3
  194. package/dist/hooks/useVoting.esm.js.map +1 -1
  195. package/dist/index.d.ts +31 -31
  196. package/dist/translation.esm.js +11 -11
  197. package/dist/translation.esm.js.map +1 -1
  198. package/package.json +6 -5
@@ -1,5 +1,9 @@
1
- import { makeStyles, Box, Grid, Typography, Avatar } from '@material-ui/core';
2
- import React from 'react';
1
+ import Typography from '@mui/material/Typography';
2
+ import Box from '@mui/material/Box';
3
+ import Avatar from '@mui/material/Avatar';
4
+ import Grid from '@mui/material/Grid';
5
+ import makeStyles from '@mui/styles/makeStyles';
6
+ import React__default from 'react';
3
7
  import { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip/RelativeTimeWithTooltip.esm.js';
4
8
  import { UpdatedByLink, AuthorLink } from '../Links/Links.esm.js';
5
9
  import '@backstage/core-plugin-api';
@@ -36,7 +40,7 @@ const AuthorBox = (props) => {
36
40
  const styles = useStyles();
37
41
  const { t } = useTranslation();
38
42
  const { name, initials, user } = useEntityAuthor(entity);
39
- return /* @__PURE__ */ React.createElement(Box, { className: `qetaAuthorBox ${styles.authorBox}` }, /* @__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(
43
+ return /* @__PURE__ */ React__default.createElement(Box, { className: `qetaAuthorBox ${styles.authorBox}` }, /* @__PURE__ */ React__default.createElement(Grid, { container: true, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxCreated", variant: "caption" }, t("authorBox.postedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.created }))), entity.updated && entity.updatedBy && /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 12, style: { paddingBottom: 0, paddingTop: 0 } }, /* @__PURE__ */ React__default.createElement(Typography, { className: "qetaAuthorBoxUpdated", variant: "caption" }, t("authorBox.updatedAtTime"), " ", /* @__PURE__ */ React__default.createElement(RelativeTimeWithTooltip, { value: entity.updated }), " ", t("authorBox.updatedBy"), " ", /* @__PURE__ */ React__default.createElement(UpdatedByLink, { entity }))), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 2 }, /* @__PURE__ */ React__default.createElement(
40
44
  Avatar,
41
45
  {
42
46
  src: user?.spec?.profile?.picture,
@@ -45,7 +49,7 @@ const AuthorBox = (props) => {
45
49
  variant: "rounded"
46
50
  },
47
51
  initials
48
- )), /* @__PURE__ */ React.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React.createElement(AuthorLink, { entity })))));
52
+ )), /* @__PURE__ */ React__default.createElement(Grid, { item: true, xs: 10, className: styles.authorLink }, /* @__PURE__ */ React__default.createElement(Box, { style: { paddingLeft: "5px" } }, /* @__PURE__ */ React__default.createElement(AuthorLink, { entity })))));
49
53
  };
50
54
 
51
55
  export { AuthorBox };
@@ -1 +1 @@
1
- {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import { Avatar, Box, Grid, makeStyles, Typography } from '@material-ui/core';\nimport React from 'react';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaAuthorBoxClassKey = 'authorBox' | 'authorLink';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(1),\n float: 'right',\n maxWidth: '200px',\n border: `1px solid ${theme.palette.action.selected}`,\n '& .avatar': {\n width: theme.spacing(3),\n height: theme.spacing(3),\n fontSize: '1rem',\n },\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: { entity: PostResponse | AnswerResponse }) => {\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.authorBox}`}>\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":";;;;;;;;;;;;AAaA,MAAM,SAAY,GAAA,UAAA;AAAA,EAChB,CAAU,KAAA,MAAA;AAAA,IACR,SAAW,EAAA;AAAA,MACT,OAAA,EAAS,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MACxB,KAAO,EAAA,OAAA;AAAA,MACP,QAAU,EAAA,OAAA;AAAA,MACV,MAAQ,EAAA,CAAA,UAAA,EAAa,KAAM,CAAA,OAAA,CAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,MAClD,WAAa,EAAA;AAAA,QACX,KAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACtB,MAAA,EAAQ,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,QACvB,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,IACA,UAAY,EAAA;AAAA,MACV,YAAc,EAAA,UAAA;AAAA,MACd,QAAU,EAAA,QAAA;AAAA,MACV,UAAY,EAAA,QAAA;AAAA,KACd;AAAA,GACF,CAAA;AAAA,EACA,EAAE,MAAM,eAAgB,EAAA;AAC1B,CAAA,CAAA;AAEa,MAAA,SAAA,GAAY,CAAC,KAAqD,KAAA;AAC7E,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,SAAS,sBAC9C,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
+ {"version":3,"file":"AuthorBox.esm.js","sources":["../../../src/components/AuthorBox/AuthorBox.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\nimport Avatar from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport React from 'react';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { RelativeTimeWithTooltip } from '../RelativeTimeWithTooltip';\nimport { AuthorLink, UpdatedByLink } from '../Links';\nimport { useTranslation } from '../../hooks';\nimport { useEntityAuthor } from '../../hooks/useEntityAuthor';\n\nexport type QetaAuthorBoxClassKey = 'authorBox' | 'authorLink';\n\nconst useStyles = makeStyles(\n theme => ({\n authorBox: {\n padding: theme.spacing(1),\n float: 'right',\n maxWidth: '200px',\n border: `1px solid ${theme.palette.action.selected}`,\n '& .avatar': {\n width: theme.spacing(3),\n height: theme.spacing(3),\n fontSize: '1rem',\n },\n },\n authorLink: {\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n },\n }),\n { name: 'QetaAuthorBox' },\n);\n\nexport const AuthorBox = (props: { entity: PostResponse | AnswerResponse }) => {\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.authorBox}`}>\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":["React"],"mappings":"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"}
@@ -1,8 +1,13 @@
1
- import React from 'react';
2
- import { Button, Dialog, DialogTitle, DialogContent, Grid, DialogActions } from '@material-ui/core';
3
- import AddCircle from '@material-ui/icons/AddCircle';
4
- import RemoveCircle from '@material-ui/icons/RemoveCircle';
5
- import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';
1
+ import React__default from 'react';
2
+ import Grid from '@mui/material/Grid';
3
+ import Button from '@mui/material/Button';
4
+ import Dialog from '@mui/material/Dialog';
5
+ import DialogActions from '@mui/material/DialogActions';
6
+ import DialogContent from '@mui/material/DialogContent';
7
+ import DialogTitle from '@mui/material/DialogTitle';
8
+ import AddCircle from '@mui/icons-material/AddCircle';
9
+ import RemoveCircle from '@mui/icons-material/RemoveCircle';
10
+ import PlayListAddIcon from '@mui/icons-material/PlaylistAdd';
6
11
  import { useApi } from '@backstage/core-plugin-api';
7
12
  import { qetaApiRef } from '../../api.esm.js';
8
13
  import { useQetaApi } from '../../hooks/useQetaApi.esm.js';
@@ -17,7 +22,7 @@ const AddToCollectionButton = (props) => {
17
22
  const { value: response, retry } = useQetaApi((api) => {
18
23
  return api.getCollections();
19
24
  }, []);
20
- const [open, setOpen] = React.useState(false);
25
+ const [open, setOpen] = React__default.useState(false);
21
26
  const qetaApi = useApi(qetaApiRef);
22
27
  const handleClickOpen = () => {
23
28
  setOpen(true);
@@ -40,31 +45,31 @@ const AddToCollectionButton = (props) => {
40
45
  if (!collections.length) {
41
46
  return null;
42
47
  }
43
- return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
48
+ return /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(
44
49
  Button,
45
50
  {
46
51
  variant: "contained",
47
52
  size: "small",
48
53
  onClick: handleClickOpen,
49
54
  className: `${styles.marginLeft} qetaAddToCollectionBtn`,
50
- startIcon: /* @__PURE__ */ React.createElement(PlayListAddIcon, null)
55
+ startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
51
56
  },
52
57
  t("addToCollectionButton.title")
53
- ), /* @__PURE__ */ React.createElement(Dialog, { open, onClose: handleClose, fullWidth: true }, /* @__PURE__ */ React.createElement(DialogTitle, null, t("addToCollectionButton.manage")), /* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(Grid, { container: true }, collections.map((collection) => {
58
+ ), /* @__PURE__ */ React__default.createElement(Dialog, { open, onClose: handleClose, fullWidth: true }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, t("addToCollectionButton.manage")), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true }, collections.map((collection) => {
54
59
  const isInCollection = collection.posts?.find(
55
60
  (p) => p.id === post.id
56
61
  );
57
- return /* @__PURE__ */ React.createElement(Grid, { item: true, key: collection.id }, /* @__PURE__ */ React.createElement(
62
+ return /* @__PURE__ */ React__default.createElement(Grid, { item: true, key: collection.id }, /* @__PURE__ */ React__default.createElement(
58
63
  Button,
59
64
  {
60
65
  variant: "outlined",
61
- startIcon: isInCollection ? /* @__PURE__ */ React.createElement(RemoveCircle, null) : /* @__PURE__ */ React.createElement(AddCircle, null),
66
+ startIcon: isInCollection ? /* @__PURE__ */ React__default.createElement(RemoveCircle, null) : /* @__PURE__ */ React__default.createElement(AddCircle, null),
62
67
  color: isInCollection ? "secondary" : "primary",
63
68
  onClick: () => handleClick(collection)
64
69
  },
65
70
  collection.title
66
71
  ));
67
- }))), /* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(Button, { onClick: handleClose, color: "primary" }, t("addToCollectionButton.close")))));
72
+ }))), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: handleClose, color: "primary" }, t("addToCollectionButton.close")))));
68
73
  };
69
74
 
70
75
  export { AddToCollectionButton };
@@ -1 +1 @@
1
- {"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport {\n Button,\n Dialog,\n DialogActions,\n DialogContent,\n DialogTitle,\n Grid,\n} from '@material-ui/core';\nimport AddCircle from '@material-ui/icons/AddCircle';\nimport RemoveCircle from '@material-ui/icons/RemoveCircle';\nimport PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi, useStyles, useTranslation } from '../../hooks';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n const { post } = props;\n const { t } = useTranslation();\n const styles = useStyles();\n const { value: response, retry } = useQetaApi(api => {\n return api.getCollections();\n }, []);\n const [open, setOpen] = React.useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleClick = (collection: Collection) => {\n if (collection.posts?.find(p => p.id === post.id)) {\n qetaApi.removePostFromCollection(collection.id, post.id).then(() => {\n retry();\n });\n } else {\n qetaApi.addPostToCollection(collection.id, post.id).then(() => {\n retry();\n });\n }\n };\n\n const collections = (response?.collections ?? []).filter(c => c.canEdit);\n if (!collections.length) {\n return null;\n }\n\n return (\n <div>\n <Button\n variant=\"contained\"\n size=\"small\"\n onClick={handleClickOpen}\n className={`${styles.marginLeft} qetaAddToCollectionBtn`}\n startIcon={<PlayListAddIcon />}\n >\n {t('addToCollectionButton.title')}\n </Button>\n <Dialog open={open} onClose={handleClose} fullWidth>\n <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n <DialogContent>\n <Grid container>\n {collections.map(collection => {\n const isInCollection = collection.posts?.find(\n p => p.id === post.id,\n );\n\n return (\n <Grid item key={collection.id}>\n <Button\n variant=\"outlined\"\n startIcon={\n isInCollection ? <RemoveCircle /> : <AddCircle />\n }\n color={isInCollection ? 'secondary' : 'primary'}\n onClick={() => handleClick(collection)}\n >\n {collection.title}\n </Button>\n </Grid>\n );\n })}\n </Grid>\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} color=\"primary\">\n {t('addToCollectionButton.close')}\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAiBa,MAAA,qBAAA,GAAwB,CAAC,KAAkC,KAAA;AACtE,EAAM,MAAA,EAAE,MAAS,GAAA,KAAA,CAAA;AACjB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAA,MAAM,EAAE,KAAO,EAAA,QAAA,EAAU,KAAM,EAAA,GAAI,WAAW,CAAO,GAAA,KAAA;AACnD,IAAA,OAAO,IAAI,cAAe,EAAA,CAAA;AAAA,GAC5B,EAAG,EAAE,CAAA,CAAA;AACL,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,OAAA,GAAU,OAAO,UAAU,CAAA,CAAA;AAEjC,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,GACf,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,CAAC,UAA2B,KAAA;AAC9C,IAAI,IAAA,UAAA,CAAW,OAAO,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,EAAO,KAAA,IAAA,CAAK,EAAE,CAAG,EAAA;AACjD,MAAA,OAAA,CAAQ,yBAAyB,UAAW,CAAA,EAAA,EAAI,KAAK,EAAE,CAAA,CAAE,KAAK,MAAM;AAClE,QAAM,KAAA,EAAA,CAAA;AAAA,OACP,CAAA,CAAA;AAAA,KACI,MAAA;AACL,MAAA,OAAA,CAAQ,oBAAoB,UAAW,CAAA,EAAA,EAAI,KAAK,EAAE,CAAA,CAAE,KAAK,MAAM;AAC7D,QAAM,KAAA,EAAA,CAAA;AAAA,OACP,CAAA,CAAA;AAAA,KACH;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,WAAA,GAAA,CAAe,UAAU,WAAe,IAAA,IAAI,MAAO,CAAA,CAAA,CAAA,KAAK,EAAE,OAAO,CAAA,CAAA;AACvE,EAAI,IAAA,CAAC,YAAY,MAAQ,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,2CACG,KACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,eAAA;AAAA,MACT,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,uBAAA,CAAA;AAAA,MAC/B,SAAA,sCAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,6BAA6B,CAAA;AAAA,GAClC,sCACC,MAAO,EAAA,EAAA,IAAA,EAAY,SAAS,WAAa,EAAA,SAAA,EAAS,IACjD,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,WAAa,EAAA,IAAA,EAAA,CAAA,CAAE,8BAA8B,CAAE,CAAA,sCAC/C,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,SAAS,EAAA,IAAA,EAAA,EACZ,WAAY,CAAA,GAAA,CAAI,CAAc,UAAA,KAAA;AAC7B,IAAM,MAAA,cAAA,GAAiB,WAAW,KAAO,EAAA,IAAA;AAAA,MACvC,CAAA,CAAA,KAAK,CAAE,CAAA,EAAA,KAAO,IAAK,CAAA,EAAA;AAAA,KACrB,CAAA;AAEA,IAAA,2CACG,IAAK,EAAA,EAAA,IAAA,EAAI,IAAC,EAAA,GAAA,EAAK,WAAW,EACzB,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,UAAA;AAAA,QACR,WACE,cAAiB,mBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,IAAA,CAAA,uCAAM,SAAU,EAAA,IAAA,CAAA;AAAA,QAEjD,KAAA,EAAO,iBAAiB,WAAc,GAAA,SAAA;AAAA,QACtC,OAAA,EAAS,MAAM,WAAA,CAAY,UAAU,CAAA;AAAA,OAAA;AAAA,MAEpC,UAAW,CAAA,KAAA;AAAA,KAEhB,CAAA,CAAA;AAAA,GAEH,CACH,CACF,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,qCACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,WAAA,EAAa,OAAM,SACjC,EAAA,EAAA,CAAA,CAAE,6BAA6B,CAClC,CACF,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"AddToCollectionButton.esm.js","sources":["../../../src/components/Buttons/AddToCollectionButton.tsx"],"sourcesContent":["import { Collection, PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport React from 'react';\nimport Grid from '@mui/material/Grid';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport AddCircle from '@mui/icons-material/AddCircle';\nimport RemoveCircle from '@mui/icons-material/RemoveCircle';\nimport PlayListAddIcon from '@mui/icons-material/PlaylistAdd';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { qetaApiRef } from '../../api';\nimport { useQetaApi, useStyles, useTranslation } from '../../hooks';\n\nexport const AddToCollectionButton = (props: { post: PostResponse }) => {\n const { post } = props;\n const { t } = useTranslation();\n const styles = useStyles();\n const { value: response, retry } = useQetaApi(api => {\n return api.getCollections();\n }, []);\n const [open, setOpen] = React.useState(false);\n const qetaApi = useApi(qetaApiRef);\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n const handleClick = (collection: Collection) => {\n if (collection.posts?.find(p => p.id === post.id)) {\n qetaApi.removePostFromCollection(collection.id, post.id).then(() => {\n retry();\n });\n } else {\n qetaApi.addPostToCollection(collection.id, post.id).then(() => {\n retry();\n });\n }\n };\n\n const collections = (response?.collections ?? []).filter(c => c.canEdit);\n if (!collections.length) {\n return null;\n }\n\n return (\n <div>\n <Button\n variant=\"contained\"\n size=\"small\"\n onClick={handleClickOpen}\n className={`${styles.marginLeft} qetaAddToCollectionBtn`}\n startIcon={<PlayListAddIcon />}\n >\n {t('addToCollectionButton.title')}\n </Button>\n <Dialog open={open} onClose={handleClose} fullWidth>\n <DialogTitle>{t('addToCollectionButton.manage')}</DialogTitle>\n <DialogContent>\n <Grid container>\n {collections.map(collection => {\n const isInCollection = collection.posts?.find(\n p => p.id === post.id,\n );\n\n return (\n <Grid item key={collection.id}>\n <Button\n variant=\"outlined\"\n startIcon={\n isInCollection ? <RemoveCircle /> : <AddCircle />\n }\n color={isInCollection ? 'secondary' : 'primary'}\n onClick={() => handleClick(collection)}\n >\n {collection.title}\n </Button>\n </Grid>\n );\n })}\n </Grid>\n </DialogContent>\n <DialogActions>\n <Button onClick={handleClose} color=\"primary\">\n {t('addToCollectionButton.close')}\n </Button>\n </DialogActions>\n </Dialog>\n </div>\n );\n};\n"],"names":["React"],"mappings":"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"}
@@ -1,5 +1,5 @@
1
- import HelpOutline from '@material-ui/icons/HelpOutline';
2
- import React from 'react';
1
+ import HelpOutline from '@mui/icons-material/HelpOutline';
2
+ import React__default from 'react';
3
3
  import { RequirePermission } from '@backstage/plugin-permission-react';
4
4
  import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
5
5
  import { LinkButton } from '@backstage/core-components';
@@ -26,7 +26,7 @@ const AskQuestionButton = (props) => {
26
26
  if (tags && tags.length > 0) {
27
27
  params.set("tags", tags.join(","));
28
28
  }
29
- return /* @__PURE__ */ React.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null) }, /* @__PURE__ */ React.createElement(
29
+ return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(
30
30
  LinkButton,
31
31
  {
32
32
  variant: "contained",
@@ -34,7 +34,7 @@ const AskQuestionButton = (props) => {
34
34
  to: entity || tags ? `${askRoute()}?${params.toString()}` : askRoute(),
35
35
  color: "primary",
36
36
  className: `${styles.marginLeft} qetaAskQuestionBtn`,
37
- startIcon: /* @__PURE__ */ React.createElement(HelpOutline, null)
37
+ startIcon: /* @__PURE__ */ React__default.createElement(HelpOutline, null)
38
38
  },
39
39
  t("askQuestionButton.title")
40
40
  ));
@@ -1 +1 @@
1
- {"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@material-ui/icons/HelpOutline';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const AskQuestionButton = (props: {\n entity?: string;\n tags?: string[];\n entityPage?: boolean;\n}) => {\n const { entity, entityPage, tags } = props;\n const askRoute = useRouteRef(askRouteRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const params = new URLSearchParams();\n if (entity) {\n params.set('entity', entity);\n }\n if (entityPage) {\n params.set('entityPage', 'true');\n }\n if (tags && tags.length > 0) {\n params.set('tags', tags.join(','));\n }\n\n return (\n <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n <LinkButton\n variant=\"contained\"\n size=\"small\"\n to={entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()}\n color=\"primary\"\n className={`${styles.marginLeft} qetaAskQuestionBtn`}\n startIcon={<HelpOutline />}\n >\n {t('askQuestionButton.title')}\n </LinkButton>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AASa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,GACnC;AAEA,EAAA,2CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,0DAAa,CACpE,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,MACrE,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,mBAAA,CAAA;AAAA,MAC/B,SAAA,sCAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,yBAAyB,CAAA;AAAA,GAEhC,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"AskQuestionButton.esm.js","sources":["../../../src/components/Buttons/AskQuestionButton.tsx"],"sourcesContent":["import HelpOutline from '@mui/icons-material/HelpOutline';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { askRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const AskQuestionButton = (props: {\n entity?: string;\n tags?: string[];\n entityPage?: boolean;\n}) => {\n const { entity, entityPage, tags } = props;\n const askRoute = useRouteRef(askRouteRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n const params = new URLSearchParams();\n if (entity) {\n params.set('entity', entity);\n }\n if (entityPage) {\n params.set('entityPage', 'true');\n }\n if (tags && tags.length > 0) {\n params.set('tags', tags.join(','));\n }\n\n return (\n <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n <LinkButton\n variant=\"contained\"\n size=\"small\"\n to={entity || tags ? `${askRoute()}?${params.toString()}` : askRoute()}\n color=\"primary\"\n className={`${styles.marginLeft} qetaAskQuestionBtn`}\n startIcon={<HelpOutline />}\n >\n {t('askQuestionButton.title')}\n </LinkButton>\n </RequirePermission>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,iBAAA,GAAoB,CAAC,KAI5B,KAAA;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,UAAY,EAAA,IAAA,EAAS,GAAA,KAAA,CAAA;AACrC,EAAM,MAAA,QAAA,GAAW,YAAY,WAAW,CAAA,CAAA;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAM,MAAA,MAAA,GAAS,IAAI,eAAgB,EAAA,CAAA;AACnC,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,MAAA,CAAA,GAAA,CAAI,UAAU,MAAM,CAAA,CAAA;AAAA,GAC7B;AACA,EAAA,IAAI,UAAY,EAAA;AACd,IAAO,MAAA,CAAA,GAAA,CAAI,cAAc,MAAM,CAAA,CAAA;AAAA,GACjC;AACA,EAAI,IAAA,IAAA,IAAQ,IAAK,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3B,IAAA,MAAA,CAAO,GAAI,CAAA,MAAA,EAAQ,IAAK,CAAA,IAAA,CAAK,GAAG,CAAC,CAAA,CAAA;AAAA,GACnC;AAEA,EAAA,oDACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,4EAAa,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,WAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,EAAA,EAAI,MAAU,IAAA,IAAA,GAAO,CAAG,EAAA,QAAA,EAAU,CAAA,CAAA,EAAI,MAAO,CAAA,QAAA,EAAU,CAAA,CAAA,GAAK,QAAS,EAAA;AAAA,MACrE,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,mBAAA,CAAA;AAAA,MAC/B,SAAA,+CAAY,WAAY,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAEvB,EAAE,yBAAyB,CAAA;AAAA,GAEhC,CAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,8 @@
1
- import React from 'react';
2
- import { Tooltip, IconButton } from '@material-ui/core';
3
- import Visibility from '@material-ui/icons/Visibility';
4
- import VisibilityOff from '@material-ui/icons/VisibilityOff';
1
+ import React__default from 'react';
2
+ import IconButton from '@mui/material/IconButton';
3
+ import Tooltip from '@mui/material/Tooltip';
4
+ import Visibility from '@mui/icons-material/Visibility';
5
+ import VisibilityOff from '@mui/icons-material/VisibilityOff';
5
6
  import '@backstage/core-plugin-api';
6
7
  import '../../api.esm.js';
7
8
  import 'react-use';
@@ -18,7 +19,7 @@ const CollectionFollowButton = (props) => {
18
19
  if (collections.loading) {
19
20
  return null;
20
21
  }
21
- return /* @__PURE__ */ React.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React.createElement(
22
+ return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("collectionButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
22
23
  IconButton,
23
24
  {
24
25
  size: "small",
@@ -32,7 +33,7 @@ const CollectionFollowButton = (props) => {
32
33
  }
33
34
  }
34
35
  },
35
- collections.isFollowingCollection(collection) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
36
+ collections.isFollowingCollection(collection) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
36
37
  ));
37
38
  };
38
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"CollectionFollowButton.esm.js","sources":["../../../src/components/Buttons/CollectionFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: { collection: Collection }) => {\n const { collection } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const collections = useCollectionsFollow();\n if (collections.loading) {\n return null;\n }\n return (\n <Tooltip title={t('collectionButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowCollectionBtn`}\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n >\n {collections.isFollowingCollection(collection) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAQa,MAAA,sBAAA,GAAyB,CAAC,KAAsC,KAAA;AAC3E,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAI,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,UAAA,WAAA,CAAY,mBAAmB,UAAU,CAAA,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,uCAC1C,aAAc,EAAA,IAAA,CAAA,uCAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"CollectionFollowButton.esm.js","sources":["../../../src/components/Buttons/CollectionFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTranslation } from '../../hooks';\nimport { Collection } from '@drodil/backstage-plugin-qeta-common';\nimport { useCollectionsFollow } from '../../hooks/useCollectionsFollow';\n\nexport const CollectionFollowButton = (props: { collection: Collection }) => {\n const { collection } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const collections = useCollectionsFollow();\n if (collections.loading) {\n return null;\n }\n return (\n <Tooltip title={t('collectionButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowCollectionBtn`}\n color={\n collections.isFollowingCollection(collection)\n ? 'secondary'\n : 'primary'\n }\n onClick={() => {\n if (collections.isFollowingCollection(collection)) {\n collections.unfollowCollection(collection);\n } else {\n collections.followCollection(collection);\n }\n }}\n >\n {collections.isFollowingCollection(collection) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASa,MAAA,sBAAA,GAAyB,CAAC,KAAsC,KAAA;AAC3E,EAAM,MAAA,EAAE,YAAe,GAAA,KAAA,CAAA;AACvB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,cAAc,oBAAqB,EAAA,CAAA;AACzC,EAAA,IAAI,YAAY,OAAS,EAAA;AACvB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AACA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,0BAA0B,CAC1C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,KACE,EAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,IACxC,WACA,GAAA,SAAA;AAAA,MAEN,SAAS,MAAM;AACb,QAAI,IAAA,WAAA,CAAY,qBAAsB,CAAA,UAAU,CAAG,EAAA;AACjD,UAAA,WAAA,CAAY,mBAAmB,UAAU,CAAA,CAAA;AAAA,SACpC,MAAA;AACL,UAAA,WAAA,CAAY,iBAAiB,UAAU,CAAA,CAAA;AAAA,SACzC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,WAAA,CAAY,sBAAsB,UAAU,CAAA,gDAC1C,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
@@ -1,5 +1,5 @@
1
- import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';
2
- import React from 'react';
1
+ import PlayListAddIcon from '@mui/icons-material/PlaylistAdd';
2
+ import React__default from 'react';
3
3
  import { RequirePermission } from '@backstage/plugin-permission-react';
4
4
  import { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';
5
5
  import { LinkButton } from '@backstage/core-components';
@@ -15,7 +15,7 @@ const CreateCollectionButton = () => {
15
15
  const createRoute = useRouteRef(collectionCreateRouteRef);
16
16
  const { t } = useTranslation();
17
17
  const styles = useStyles();
18
- return /* @__PURE__ */ React.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React.createElement(React.Fragment, null) }, /* @__PURE__ */ React.createElement(
18
+ return /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: qetaCreatePostPermission, errorPage: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(
19
19
  LinkButton,
20
20
  {
21
21
  size: "small",
@@ -23,7 +23,7 @@ const CreateCollectionButton = () => {
23
23
  to: createRoute(),
24
24
  color: "primary",
25
25
  className: `${styles.marginLeft} qetaCreateCollectionBtn`,
26
- startIcon: /* @__PURE__ */ React.createElement(PlayListAddIcon, null)
26
+ startIcon: /* @__PURE__ */ React__default.createElement(PlayListAddIcon, null)
27
27
  },
28
28
  t("createCollectionButton.title")
29
29
  ));
@@ -1 +1 @@
1
- {"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@material-ui/icons/PlaylistAdd';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const CreateCollectionButton = () => {\n const createRoute = useRouteRef(collectionCreateRouteRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n return (\n <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n <LinkButton\n size=\"small\"\n variant=\"contained\"\n to={createRoute()}\n color=\"primary\"\n className={`${styles.marginLeft} qetaCreateCollectionBtn`}\n startIcon={<PlayListAddIcon />}\n >\n {t('createCollectionButton.title')}\n </LinkButton>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AASO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,2CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,0DAAa,CACpE,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,IAAI,WAAY,EAAA;AAAA,MAChB,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,SAAA,sCAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,8BAA8B,CAAA;AAAA,GAErC,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"CreateCollectionButton.esm.js","sources":["../../../src/components/Buttons/CreateCollectionButton.tsx"],"sourcesContent":["import PlayListAddIcon from '@mui/icons-material/PlaylistAdd';\nimport React from 'react';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { qetaCreatePostPermission } from '@drodil/backstage-plugin-qeta-common';\nimport { LinkButton } from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { collectionCreateRouteRef } from '../../routes';\nimport { useStyles, useTranslation } from '../../hooks';\n\nexport const CreateCollectionButton = () => {\n const createRoute = useRouteRef(collectionCreateRouteRef);\n const { t } = useTranslation();\n const styles = useStyles();\n\n return (\n <RequirePermission permission={qetaCreatePostPermission} errorPage={<></>}>\n <LinkButton\n size=\"small\"\n variant=\"contained\"\n to={createRoute()}\n color=\"primary\"\n className={`${styles.marginLeft} qetaCreateCollectionBtn`}\n startIcon={<PlayListAddIcon />}\n >\n {t('createCollectionButton.title')}\n </LinkButton>\n </RequirePermission>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AASO,MAAM,yBAAyB,MAAM;AAC1C,EAAM,MAAA,WAAA,GAAc,YAAY,wBAAwB,CAAA,CAAA;AACxD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EAAA,oDACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,wBAA0B,EAAA,SAAA,4EAAa,CACpE,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,OAAQ,EAAA,WAAA;AAAA,MACR,IAAI,WAAY,EAAA;AAAA,MAChB,KAAM,EAAA,SAAA;AAAA,MACN,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,wBAAA,CAAA;AAAA,MAC/B,SAAA,+CAAY,eAAgB,EAAA,IAAA,CAAA;AAAA,KAAA;AAAA,IAE3B,EAAE,8BAA8B,CAAA;AAAA,GAErC,CAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,8 @@
1
- import React from 'react';
2
- import { Tooltip, IconButton } from '@material-ui/core';
3
- import Visibility from '@material-ui/icons/Visibility';
4
- import VisibilityOff from '@material-ui/icons/VisibilityOff';
1
+ import React__default from 'react';
2
+ import IconButton from '@mui/material/IconButton';
3
+ import Tooltip from '@mui/material/Tooltip';
4
+ import Visibility from '@mui/icons-material/Visibility';
5
+ import VisibilityOff from '@mui/icons-material/VisibilityOff';
5
6
  import '@backstage/core-plugin-api';
6
7
  import '../../api.esm.js';
7
8
  import 'react-use';
@@ -18,7 +19,7 @@ const EntityFollowButton = (props) => {
18
19
  if (entities.loading) {
19
20
  return null;
20
21
  }
21
- return /* @__PURE__ */ React.createElement(Tooltip, { title: t("entityButton.tooltip") }, /* @__PURE__ */ React.createElement(
22
+ return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("entityButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
22
23
  IconButton,
23
24
  {
24
25
  size: "small",
@@ -32,7 +33,7 @@ const EntityFollowButton = (props) => {
32
33
  }
33
34
  }
34
35
  },
35
- entities.isFollowingEntity(entityRef) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
36
+ entities.isFollowingEntity(entityRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
36
37
  ));
37
38
  };
38
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n const { entityRef } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const entities = useEntityFollow();\n if (entities.loading) {\n return null;\n }\n\n return (\n <Tooltip title={t('entityButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowEntityBtn`}\n color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n onClick={() => {\n if (entities.isFollowingEntity(entityRef)) {\n entities.unfollowEntity(entityRef);\n } else {\n entities.followEntity(entityRef);\n }\n }}\n >\n {entities.isFollowingEntity(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAMa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AACtB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,oBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,uCAClC,aAAc,EAAA,IAAA,CAAA,uCAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"EntityFollowButton.esm.js","sources":["../../../src/components/Buttons/EntityFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useEntityFollow, useStyles, useTranslation } from '../../hooks';\n\nexport const EntityFollowButton = (props: { entityRef: string }) => {\n const { entityRef } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const entities = useEntityFollow();\n if (entities.loading) {\n return null;\n }\n\n return (\n <Tooltip title={t('entityButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowEntityBtn`}\n color={entities.isFollowingEntity(entityRef) ? 'secondary' : 'primary'}\n onClick={() => {\n if (entities.isFollowingEntity(entityRef)) {\n entities.unfollowEntity(entityRef);\n } else {\n entities.followEntity(entityRef);\n }\n }}\n >\n {entities.isFollowingEntity(entityRef) ? (\n <VisibilityOff />\n ) : (\n <Visibility />\n )}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAOa,MAAA,kBAAA,GAAqB,CAAC,KAAiC,KAAA;AAClE,EAAM,MAAA,EAAE,WAAc,GAAA,KAAA,CAAA;AACtB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,WAAW,eAAgB,EAAA,CAAA;AACjC,EAAA,IAAI,SAAS,OAAS,EAAA;AACpB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,sBAAsB,CACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,oBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,IAAI,WAAc,GAAA,SAAA;AAAA,MAC7D,SAAS,MAAM;AACb,QAAI,IAAA,QAAA,CAAS,iBAAkB,CAAA,SAAS,CAAG,EAAA;AACzC,UAAA,QAAA,CAAS,eAAe,SAAS,CAAA,CAAA;AAAA,SAC5B,MAAA;AACL,UAAA,QAAA,CAAS,aAAa,SAAS,CAAA,CAAA;AAAA,SACjC;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,QAAA,CAAS,kBAAkB,SAAS,CAAA,gDAClC,aAAc,EAAA,IAAA,CAAA,gDAEd,UAAW,EAAA,IAAA,CAAA;AAAA,GAGlB,CAAA,CAAA;AAEJ;;;;"}
@@ -1,8 +1,9 @@
1
- import { Tooltip, IconButton } from '@material-ui/core';
2
- import React from 'react';
1
+ import IconButton from '@mui/material/IconButton';
2
+ import Tooltip from '@mui/material/Tooltip';
3
+ import React__default from 'react';
3
4
  import { useApi } from '@backstage/core-plugin-api';
4
- import StarIcon from '@material-ui/icons/Star';
5
- import StarOutlineIcon from '@material-ui/icons/StarOutline';
5
+ import StarIcon from '@mui/icons-material/Star';
6
+ import StarOutlineIcon from '@mui/icons-material/StarOutline';
6
7
  import { qetaApiRef } from '../../api.esm.js';
7
8
  import 'react-use';
8
9
  import { useTranslation } from '../../hooks/useTranslation.esm.js';
@@ -10,7 +11,7 @@ import '../../hooks/useStyles.esm.js';
10
11
  import 'react-use/lib/useAsync';
11
12
 
12
13
  const FavoriteButton = (props) => {
13
- const [entity, setEntity] = React.useState(props.entity);
14
+ const [entity, setEntity] = React__default.useState(props.entity);
14
15
  const qetaApi = useApi(qetaApiRef);
15
16
  const { t } = useTranslation();
16
17
  const favoriteQuestion = () => {
@@ -23,7 +24,7 @@ const FavoriteButton = (props) => {
23
24
  setEntity(response);
24
25
  });
25
26
  };
26
- return /* @__PURE__ */ React.createElement(React.Fragment, null, entity.favorite ? /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React.createElement(
27
+ return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, entity.favorite ? /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("favorite.remove") }, /* @__PURE__ */ React__default.createElement(
27
28
  IconButton,
28
29
  {
29
30
  "aria-label": "unfavorite",
@@ -31,8 +32,8 @@ const FavoriteButton = (props) => {
31
32
  onClick: unfavoriteQuestion,
32
33
  className: "qetaUnfavoriteBtn"
33
34
  },
34
- /* @__PURE__ */ React.createElement(StarIcon, null)
35
- )) : /* @__PURE__ */ React.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React.createElement(
35
+ /* @__PURE__ */ React__default.createElement(StarIcon, null)
36
+ )) : /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("favorite.add") }, /* @__PURE__ */ React__default.createElement(
36
37
  IconButton,
37
38
  {
38
39
  "aria-label": "favorite",
@@ -40,7 +41,7 @@ const FavoriteButton = (props) => {
40
41
  onClick: favoriteQuestion,
41
42
  className: "qetaFavoriteBtn"
42
43
  },
43
- /* @__PURE__ */ React.createElement(StarOutlineIcon, null)
44
+ /* @__PURE__ */ React__default.createElement(StarOutlineIcon, null)
44
45
  )));
45
46
  };
46
47
 
@@ -1 +1 @@
1
- {"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } 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 '../../hooks';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n const [entity, setEntity] = React.useState<PostResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const favoriteQuestion = () => {\n qetaApi.favoritePost(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi.unfavoritePost(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,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAI,KAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA,CAAA;AACrE,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,YAAa,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AAC/C,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACjD,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
+ {"version":3,"file":"FavoriteButton.esm.js","sources":["../../../src/components/Buttons/FavoriteButton.tsx"],"sourcesContent":["import { PostResponse } from '@drodil/backstage-plugin-qeta-common';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport StarIcon from '@mui/icons-material/Star';\nimport StarOutlineIcon from '@mui/icons-material/StarOutline';\nimport { qetaApiRef } from '../../api';\nimport { useTranslation } from '../../hooks';\n\nexport const FavoriteButton = (props: { entity: PostResponse }) => {\n const [entity, setEntity] = React.useState<PostResponse>(props.entity);\n const qetaApi = useApi(qetaApiRef);\n const { t } = useTranslation();\n\n const favoriteQuestion = () => {\n qetaApi.favoritePost(entity.id).then(response => {\n setEntity(response);\n });\n };\n\n const unfavoriteQuestion = () => {\n qetaApi.unfavoritePost(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":["React"],"mappings":";;;;;;;;;;;;AAUa,MAAA,cAAA,GAAiB,CAAC,KAAoC,KAAA;AACjE,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,IAAIA,cAAM,CAAA,QAAA,CAAuB,MAAM,MAAM,CAAA,CAAA;AACrE,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,YAAa,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AAC/C,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAA,OAAA,CAAQ,cAAe,CAAA,MAAA,CAAO,EAAE,CAAA,CAAE,KAAK,CAAY,QAAA,KAAA;AACjD,MAAA,SAAA,CAAU,QAAQ,CAAA,CAAA;AAAA,KACnB,CAAA,CAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAACA,cAAM,CAAA,QAAA,EAAN,IACE,EAAA,MAAA,CAAO,QACN,mBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,KAAA,EAAO,CAAE,CAAA,iBAAiB,CACjC,EAAA,kBAAAA,cAAA,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,iDAET,QAAS,EAAA,IAAA,CAAA;AAAA,GAEd,CAEA,mBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,CAAA,CAAE,cAAc,CAC9B,EAAA,kBAAAA,cAAA,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,iDAET,eAAgB,EAAA,IAAA,CAAA;AAAA,GAErB,CAEJ,CAAA,CAAA;AAEJ;;;;"}
@@ -1,6 +1,7 @@
1
- import { Tooltip, IconButton } from '@material-ui/core';
2
- import Link from '@material-ui/icons/Link';
3
- import React from 'react';
1
+ import IconButton from '@mui/material/IconButton';
2
+ import Tooltip from '@mui/material/Tooltip';
3
+ import Link from '@mui/icons-material/Link';
4
+ import React__default from 'react';
4
5
  import '@backstage/core-plugin-api';
5
6
  import '../../api.esm.js';
6
7
  import 'react-use';
@@ -18,7 +19,7 @@ const LinkButton = (props) => {
18
19
  }
19
20
  window.navigator.clipboard.writeText(url.toString());
20
21
  };
21
- return /* @__PURE__ */ React.createElement(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer") }, /* @__PURE__ */ React.createElement(
22
+ return /* @__PURE__ */ React__default.createElement(Tooltip, { title: isQuestion ? t("link.post") : t("link.answer") }, /* @__PURE__ */ React__default.createElement(
22
23
  IconButton,
23
24
  {
24
25
  "aria-label": t("link.aria"),
@@ -26,7 +27,7 @@ const LinkButton = (props) => {
26
27
  onClick: copyToClipboard,
27
28
  className: props.className
28
29
  },
29
- /* @__PURE__ */ React.createElement(Link, null)
30
+ /* @__PURE__ */ React__default.createElement(Link, null)
30
31
  ));
31
32
  };
32
33
 
@@ -1 +1 @@
1
- {"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/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 PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const LinkButton = (props: {\n entity: PostResponse | AnswerResponse;\n className?: string;\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.post') : t('link.answer')}>\n <IconButton\n aria-label={t('link.aria')}\n size=\"small\"\n onClick={copyToClipboard}\n className={props.className}\n >\n <Link />\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AASa,MAAA,UAAA,GAAa,CAAC,KAGrB,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,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,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,MACT,WAAW,KAAM,CAAA,SAAA;AAAA,KAAA;AAAA,wCAEhB,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"LinkButton.esm.js","sources":["../../../src/components/Buttons/LinkButton.tsx"],"sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Link from '@mui/icons-material/Link';\nimport React from 'react';\nimport {\n AnswerResponse,\n PostResponse,\n} from '@drodil/backstage-plugin-qeta-common';\nimport { useTranslation } from '../../hooks';\n\nexport const LinkButton = (props: {\n entity: PostResponse | AnswerResponse;\n className?: string;\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.post') : t('link.answer')}>\n <IconButton\n aria-label={t('link.aria')}\n size=\"small\"\n onClick={copyToClipboard}\n className={props.className}\n >\n <Link />\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;AAUa,MAAA,UAAA,GAAa,CAAC,KAGrB,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,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAO,EAAA,UAAA,GAAa,EAAE,WAAW,CAAA,GAAI,CAAE,CAAA,aAAa,CAC3D,EAAA,kBAAAA,cAAA,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,MACT,WAAW,KAAM,CAAA,SAAA;AAAA,KAAA;AAAA,iDAEhB,IAAK,EAAA,IAAA,CAAA;AAAA,GAEV,CAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,8 @@
1
- import React from 'react';
2
- import { Tooltip, IconButton } from '@material-ui/core';
3
- import Visibility from '@material-ui/icons/Visibility';
4
- import VisibilityOff from '@material-ui/icons/VisibilityOff';
1
+ import React__default from 'react';
2
+ import IconButton from '@mui/material/IconButton';
3
+ import Tooltip from '@mui/material/Tooltip';
4
+ import Visibility from '@mui/icons-material/Visibility';
5
+ import VisibilityOff from '@mui/icons-material/VisibilityOff';
5
6
  import '@backstage/core-plugin-api';
6
7
  import '../../api.esm.js';
7
8
  import 'react-use';
@@ -18,7 +19,7 @@ const TagFollowButton = (props) => {
18
19
  if (tags.loading) {
19
20
  return null;
20
21
  }
21
- return /* @__PURE__ */ React.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React.createElement(
22
+ return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("tagButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
22
23
  IconButton,
23
24
  {
24
25
  size: "small",
@@ -32,7 +33,7 @@ const TagFollowButton = (props) => {
32
33
  }
33
34
  }
34
35
  },
35
- tags.isFollowingTag(tag) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
36
+ tags.isFollowingTag(tag) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
36
37
  ));
37
38
  };
38
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\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 size=\"small\"\n className={`${styles.marginLeft} 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,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,iBAAA,CAAA;AAAA,MAC/B,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
+ {"version":3,"file":"TagFollowButton.esm.js","sources":["../../../src/components/Buttons/TagFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTagsFollow, useTranslation } from '../../hooks';\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 size=\"small\"\n className={`${styles.marginLeft} 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":["React"],"mappings":";;;;;;;;;;;;;AAOa,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,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,mBAAmB,CACnC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,iBAAA,CAAA;AAAA,MAC/B,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,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEhE,CAAA,CAAA;AAEJ;;;;"}
@@ -1,7 +1,8 @@
1
- import React from 'react';
2
- import { Tooltip, IconButton } from '@material-ui/core';
3
- import Visibility from '@material-ui/icons/Visibility';
4
- import VisibilityOff from '@material-ui/icons/VisibilityOff';
1
+ import React__default from 'react';
2
+ import IconButton from '@mui/material/IconButton';
3
+ import Tooltip from '@mui/material/Tooltip';
4
+ import Visibility from '@mui/icons-material/Visibility';
5
+ import VisibilityOff from '@mui/icons-material/VisibilityOff';
5
6
  import '@backstage/core-plugin-api';
6
7
  import '../../api.esm.js';
7
8
  import 'react-use';
@@ -18,7 +19,7 @@ const UserFollowButton = (props) => {
18
19
  if (users.loading) {
19
20
  return null;
20
21
  }
21
- return /* @__PURE__ */ React.createElement(Tooltip, { title: t("userButton.tooltip") }, /* @__PURE__ */ React.createElement(
22
+ return /* @__PURE__ */ React__default.createElement(Tooltip, { title: t("userButton.tooltip") }, /* @__PURE__ */ React__default.createElement(
22
23
  IconButton,
23
24
  {
24
25
  size: "small",
@@ -32,7 +33,7 @@ const UserFollowButton = (props) => {
32
33
  }
33
34
  }
34
35
  },
35
- users.isFollowingUser(userRef) ? /* @__PURE__ */ React.createElement(VisibilityOff, null) : /* @__PURE__ */ React.createElement(Visibility, null)
36
+ users.isFollowingUser(userRef) ? /* @__PURE__ */ React__default.createElement(VisibilityOff, null) : /* @__PURE__ */ React__default.createElement(Visibility, null)
36
37
  ));
37
38
  };
38
39
 
@@ -1 +1 @@
1
- {"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, Tooltip } from '@material-ui/core';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\nimport { useStyles, useTranslation, useUserFollow } from '../../hooks';\n\nexport const UserFollowButton = (props: { userRef: string }) => {\n const { userRef } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const users = useUserFollow();\n if (users.loading) {\n return null;\n }\n\n return (\n <Tooltip title={t('userButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowUserBtn`}\n color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n onClick={() => {\n if (users.isFollowingUser(userRef)) {\n users.unfollowUser(userRef);\n } else {\n users.followUser(userRef);\n }\n }}\n >\n {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAMa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA,CAAA;AACpB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,kBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,KAAA,CAAM,gBAAgB,OAAO,CAAA,uCAAK,aAAc,EAAA,IAAA,CAAA,uCAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEtE,CAAA,CAAA;AAEJ;;;;"}
1
+ {"version":3,"file":"UserFollowButton.esm.js","sources":["../../../src/components/Buttons/UserFollowButton.tsx"],"sourcesContent":["import React from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Visibility from '@mui/icons-material/Visibility';\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\nimport { useStyles, useTranslation, useUserFollow } from '../../hooks';\n\nexport const UserFollowButton = (props: { userRef: string }) => {\n const { userRef } = props;\n const styles = useStyles();\n const { t } = useTranslation();\n const users = useUserFollow();\n if (users.loading) {\n return null;\n }\n\n return (\n <Tooltip title={t('userButton.tooltip')}>\n <IconButton\n size=\"small\"\n className={`${styles.marginLeft} qetaFollowUserBtn`}\n color={users.isFollowingUser(userRef) ? 'secondary' : 'primary'}\n onClick={() => {\n if (users.isFollowingUser(userRef)) {\n users.unfollowUser(userRef);\n } else {\n users.followUser(userRef);\n }\n }}\n >\n {users.isFollowingUser(userRef) ? <VisibilityOff /> : <Visibility />}\n </IconButton>\n </Tooltip>\n );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAOa,MAAA,gBAAA,GAAmB,CAAC,KAA+B,KAAA;AAC9D,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA,CAAA;AACpB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AACzB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA,CAAA;AAC7B,EAAA,MAAM,QAAQ,aAAc,EAAA,CAAA;AAC5B,EAAA,IAAI,MAAM,OAAS,EAAA;AACjB,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,KAAO,EAAA,CAAA,CAAE,oBAAoB,CACpC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,OAAA;AAAA,MACL,SAAA,EAAW,CAAG,EAAA,MAAA,CAAO,UAAU,CAAA,kBAAA,CAAA;AAAA,MAC/B,KAAO,EAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,IAAI,WAAc,GAAA,SAAA;AAAA,MACtD,SAAS,MAAM;AACb,QAAI,IAAA,KAAA,CAAM,eAAgB,CAAA,OAAO,CAAG,EAAA;AAClC,UAAA,KAAA,CAAM,aAAa,OAAO,CAAA,CAAA;AAAA,SACrB,MAAA;AACL,UAAA,KAAA,CAAM,WAAW,OAAO,CAAA,CAAA;AAAA,SAC1B;AAAA,OACF;AAAA,KAAA;AAAA,IAEC,KAAA,CAAM,gBAAgB,OAAO,CAAA,gDAAK,aAAc,EAAA,IAAA,CAAA,gDAAM,UAAW,EAAA,IAAA,CAAA;AAAA,GAEtE,CAAA,CAAA;AAEJ;;;;"}