@backstage-community/plugin-announcements 1.3.2 → 2.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.
- package/CHANGELOG.md +40 -0
- package/dist/{alpha/Router.esm.js → Router.esm.js} +11 -7
- package/dist/Router.esm.js.map +1 -0
- package/dist/alpha/components/admin/announcements/AnnouncementForm/AnnouncementForm.esm.js.map +1 -0
- package/dist/alpha/components/admin/announcements/AnnouncementForm/CategoryInput.esm.js.map +1 -0
- package/dist/alpha/components/admin/announcements/AnnouncementForm/OnBehalfTeamDropdown.esm.js.map +1 -0
- package/dist/alpha/components/admin/announcements/AnnouncementForm/TagsInput.esm.js.map +1 -0
- package/dist/alpha/components/admin/announcements/AnnouncementsContent.esm.js +27 -23
- package/dist/alpha/components/admin/announcements/AnnouncementsContent.esm.js.map +1 -1
- package/dist/alpha/components/admin/announcements/AnnouncementsTable.esm.js +128 -121
- package/dist/alpha/components/admin/announcements/AnnouncementsTable.esm.js.map +1 -1
- package/dist/alpha/components/admin/announcements/AnnouncementsTableCard.esm.js +12 -21
- package/dist/alpha/components/admin/announcements/AnnouncementsTableCard.esm.js.map +1 -1
- package/dist/alpha/components/admin/categories/CategoriesTable.esm.js +43 -42
- package/dist/alpha/components/admin/categories/CategoriesTable.esm.js.map +1 -1
- package/dist/alpha/components/admin/categories/CategoriesTableCard.esm.js +2 -20
- package/dist/alpha/components/admin/categories/CategoriesTableCard.esm.js.map +1 -1
- package/dist/alpha/components/admin/tags/TagsTable.esm.js +43 -36
- package/dist/alpha/components/admin/tags/TagsTable.esm.js.map +1 -1
- package/dist/alpha/components/admin/tags/TagsTableCard.esm.js +2 -20
- package/dist/alpha/components/admin/tags/TagsTableCard.esm.js.map +1 -1
- package/dist/alpha/components/announcements/ViewAnnouncementPage.esm.js +0 -30
- package/dist/alpha/components/announcements/ViewAnnouncementPage.esm.js.map +1 -1
- package/dist/alpha/pages.esm.js +1 -1
- package/dist/alpha/pages.esm.js.map +1 -1
- package/dist/alpha/search.esm.js +5 -3
- package/dist/alpha/search.esm.js.map +1 -1
- package/dist/alpha.d.ts +2 -2
- package/dist/index.d.ts +1 -80
- package/dist/index.esm.js +1 -1
- package/dist/plugin.esm.js +2 -18
- package/dist/plugin.esm.js.map +1 -1
- package/package.json +13 -13
- package/dist/alpha/Router.esm.js.map +0 -1
- package/dist/components/Admin/AdminPortal/AdminPortal.esm.js +0 -65
- package/dist/components/Admin/AdminPortal/AdminPortal.esm.js.map +0 -1
- package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/AnnouncementForm.esm.js.map +0 -1
- package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/CategoryInput.esm.js.map +0 -1
- package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/OnBehalfTeamDropdown.esm.js.map +0 -1
- package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/TagsInput.esm.js.map +0 -1
- package/dist/components/Admin/AnnouncementsContent/AnnouncementsContent.esm.js +0 -305
- package/dist/components/Admin/AnnouncementsContent/AnnouncementsContent.esm.js.map +0 -1
- package/dist/components/Admin/CategoriesContent/CategoriesContent.esm.js +0 -143
- package/dist/components/Admin/CategoriesContent/CategoriesContent.esm.js.map +0 -1
- package/dist/components/Admin/TagsContent/TagsContent.esm.js +0 -158
- package/dist/components/Admin/TagsContent/TagsContent.esm.js.map +0 -1
- package/dist/components/Admin/index.esm.js +0 -3
- package/dist/components/Admin/index.esm.js.map +0 -1
- package/dist/components/Admin/shared/DeleteDialog/DeleteDialog.esm.js +0 -30
- package/dist/components/Admin/shared/DeleteDialog/DeleteDialog.esm.js.map +0 -1
- package/dist/components/Admin/shared/DeleteDialog/useDeleteDialogState.esm.js +0 -29
- package/dist/components/Admin/shared/DeleteDialog/useDeleteDialogState.esm.js.map +0 -1
- package/dist/components/Admin/shared/TitleForm/TitleForm.esm.js +0 -71
- package/dist/components/Admin/shared/TitleForm/TitleForm.esm.js.map +0 -1
- package/dist/components/AnnouncementPage/AnnouncementPage.esm.js +0 -99
- package/dist/components/AnnouncementPage/AnnouncementPage.esm.js.map +0 -1
- package/dist/components/AnnouncementsPage/AnnouncementsPage.esm.js +0 -197
- package/dist/components/AnnouncementsPage/AnnouncementsPage.esm.js.map +0 -1
- package/dist/components/AnnouncementsPage/ContextMenu.esm.js +0 -60
- package/dist/components/AnnouncementsPage/ContextMenu.esm.js.map +0 -1
- package/dist/components/AnnouncementsTimeline/AnnouncementsTimeline.esm.js +0 -75
- package/dist/components/AnnouncementsTimeline/AnnouncementsTimeline.esm.js.map +0 -1
- package/dist/components/Router.esm.js +0 -75
- package/dist/components/Router.esm.js.map +0 -1
- package/dist/components/index.esm.js +0 -5
- package/dist/components/index.esm.js.map +0 -1
- /package/dist/{components/Admin/AnnouncementsContent → alpha/components/admin/announcements}/AnnouncementForm/AnnouncementForm.esm.js +0 -0
- /package/dist/{components/Admin/AnnouncementsContent → alpha/components/admin/announcements}/AnnouncementForm/CategoryInput.esm.js +0 -0
- /package/dist/{components/Admin/AnnouncementsContent → alpha/components/admin/announcements}/AnnouncementForm/OnBehalfTeamDropdown.esm.js +0 -0
- /package/dist/{components/Admin/AnnouncementsContent → alpha/components/admin/announcements}/AnnouncementForm/TagsInput.esm.js +0 -0
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { Progress, ErrorPanel, Table } from '@backstage/core-components';
|
|
4
|
-
import { useCategories, announcementsApiRef, useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
|
|
5
|
-
import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
|
|
6
|
-
import { useApi, alertApiRef } from '@backstage/core-plugin-api';
|
|
7
|
-
import { RequirePermission } from '@backstage/plugin-permission-react';
|
|
8
|
-
import { Typography, IconButton, Grid, Button } from '@material-ui/core';
|
|
9
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
10
|
-
import { useDeleteDialogState } from '../shared/DeleteDialog/useDeleteDialogState.esm.js';
|
|
11
|
-
import { DeleteDialog } from '../shared/DeleteDialog/DeleteDialog.esm.js';
|
|
12
|
-
import { TitleForm } from '../shared/TitleForm/TitleForm.esm.js';
|
|
13
|
-
|
|
14
|
-
const CategoriesContent = () => {
|
|
15
|
-
const [showNewCategoryForm, setShowNewCategoryForm] = useState(false);
|
|
16
|
-
const { categories, loading, error, retry: refresh } = useCategories();
|
|
17
|
-
const announcementsApi = useApi(announcementsApiRef);
|
|
18
|
-
const alertApi = useApi(alertApiRef);
|
|
19
|
-
const { t } = useAnnouncementsTranslation();
|
|
20
|
-
const {
|
|
21
|
-
isOpen: isDeleteDialogOpen,
|
|
22
|
-
open: openDeleteDialog,
|
|
23
|
-
close: closeDeleteDialog,
|
|
24
|
-
item: categoryToDelete
|
|
25
|
-
} = useDeleteDialogState();
|
|
26
|
-
const permissions = useAnnouncementsPermissions();
|
|
27
|
-
const translationKeys = {
|
|
28
|
-
new: t("categoriesForm.newCategory"),
|
|
29
|
-
edit: t("categoriesForm.editCategory"),
|
|
30
|
-
titleLabel: t("categoriesForm.titleLabel"),
|
|
31
|
-
submit: t("categoriesForm.submit")
|
|
32
|
-
};
|
|
33
|
-
const onSubmit = async (request) => {
|
|
34
|
-
const { title } = request;
|
|
35
|
-
try {
|
|
36
|
-
await announcementsApi.createCategory({
|
|
37
|
-
title
|
|
38
|
-
});
|
|
39
|
-
alertApi.post({
|
|
40
|
-
message: `${title} ${t("admin.categoriesContent.createdMessage")}`,
|
|
41
|
-
severity: "success"
|
|
42
|
-
});
|
|
43
|
-
refresh();
|
|
44
|
-
} catch (err) {
|
|
45
|
-
alertApi.post({ message: err.message, severity: "error" });
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
const onCreateButtonClick = () => {
|
|
49
|
-
setShowNewCategoryForm(!showNewCategoryForm);
|
|
50
|
-
};
|
|
51
|
-
const onCancelDelete = () => {
|
|
52
|
-
closeDeleteDialog();
|
|
53
|
-
};
|
|
54
|
-
const onConfirmDelete = async () => {
|
|
55
|
-
closeDeleteDialog();
|
|
56
|
-
try {
|
|
57
|
-
await announcementsApi.deleteCategory(categoryToDelete.slug);
|
|
58
|
-
alertApi.post({
|
|
59
|
-
message: t("admin.categoriesContent.table.categoryDeleted"),
|
|
60
|
-
severity: "success"
|
|
61
|
-
});
|
|
62
|
-
} catch (err) {
|
|
63
|
-
alertApi.post({
|
|
64
|
-
message: err.body.error.message,
|
|
65
|
-
severity: "error"
|
|
66
|
-
});
|
|
67
|
-
}
|
|
68
|
-
refresh();
|
|
69
|
-
};
|
|
70
|
-
if (loading) {
|
|
71
|
-
return /* @__PURE__ */ jsx(Progress, {});
|
|
72
|
-
}
|
|
73
|
-
if (error) {
|
|
74
|
-
return /* @__PURE__ */ jsx(ErrorPanel, { error });
|
|
75
|
-
}
|
|
76
|
-
const columns = [
|
|
77
|
-
{
|
|
78
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.categoriesContent.table.title") }),
|
|
79
|
-
sorting: true,
|
|
80
|
-
field: "title",
|
|
81
|
-
render: (rowData) => rowData.title
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.categoriesContent.table.slug") }),
|
|
85
|
-
sorting: true,
|
|
86
|
-
field: "slug",
|
|
87
|
-
render: (rowData) => rowData.slug
|
|
88
|
-
},
|
|
89
|
-
{
|
|
90
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.categoriesContent.table.actions") }),
|
|
91
|
-
render: (rowData) => {
|
|
92
|
-
return /* @__PURE__ */ jsx(
|
|
93
|
-
IconButton,
|
|
94
|
-
{
|
|
95
|
-
"aria-label": "delete",
|
|
96
|
-
disabled: permissions.delete.loading || !permissions.delete.allowed,
|
|
97
|
-
onClick: () => openDeleteDialog(rowData),
|
|
98
|
-
children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small", "data-testid": "delete-icon" })
|
|
99
|
-
}
|
|
100
|
-
);
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
];
|
|
104
|
-
return /* @__PURE__ */ jsx(RequirePermission, { permission: announcementCreatePermission, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
|
|
105
|
-
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
106
|
-
Button,
|
|
107
|
-
{
|
|
108
|
-
disabled: permissions.create.loading || !permissions.create.allowed,
|
|
109
|
-
variant: "contained",
|
|
110
|
-
onClick: () => onCreateButtonClick(),
|
|
111
|
-
children: showNewCategoryForm ? t("admin.categoriesContent.cancelButton") : t("admin.categoriesContent.createButton")
|
|
112
|
-
}
|
|
113
|
-
) }),
|
|
114
|
-
showNewCategoryForm && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
115
|
-
TitleForm,
|
|
116
|
-
{
|
|
117
|
-
translationKeys,
|
|
118
|
-
onSubmit
|
|
119
|
-
}
|
|
120
|
-
) }),
|
|
121
|
-
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
122
|
-
Table,
|
|
123
|
-
{
|
|
124
|
-
title: "Categories",
|
|
125
|
-
options: { pageSize: 20, search: true },
|
|
126
|
-
columns,
|
|
127
|
-
data: categories ?? [],
|
|
128
|
-
emptyContent: /* @__PURE__ */ jsx(Typography, { style: { padding: 2, textAlign: "center" }, children: t("admin.categoriesContent.table.noCategoriesFound") })
|
|
129
|
-
}
|
|
130
|
-
) }),
|
|
131
|
-
/* @__PURE__ */ jsx(
|
|
132
|
-
DeleteDialog,
|
|
133
|
-
{
|
|
134
|
-
isOpen: isDeleteDialogOpen,
|
|
135
|
-
onCancel: onCancelDelete,
|
|
136
|
-
onConfirm: onConfirmDelete
|
|
137
|
-
}
|
|
138
|
-
)
|
|
139
|
-
] }) });
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
export { CategoriesContent };
|
|
143
|
-
//# sourceMappingURL=CategoriesContent.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CategoriesContent.esm.js","sources":["../../../../src/components/Admin/CategoriesContent/CategoriesContent.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState } from 'react';\nimport {\n ErrorPanel,\n Progress,\n Table,\n TableColumn,\n} from '@backstage/core-components';\nimport {\n CreateCategoryRequest,\n announcementsApiRef,\n useAnnouncementsTranslation,\n useCategories,\n useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n announcementCreatePermission,\n Category,\n} from '@backstage-community/plugin-announcements-common';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { ResponseError } from '@backstage/errors';\nimport { Button, Grid, IconButton, Typography } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\n\nimport { useDeleteDialogState, DeleteDialog, TitleForm } from '../shared';\n\nexport const CategoriesContent = () => {\n const [showNewCategoryForm, setShowNewCategoryForm] = useState(false);\n const { categories, loading, error, retry: refresh } = useCategories();\n const announcementsApi = useApi(announcementsApiRef);\n const alertApi = useApi(alertApiRef);\n const { t } = useAnnouncementsTranslation();\n\n const {\n isOpen: isDeleteDialogOpen,\n open: openDeleteDialog,\n close: closeDeleteDialog,\n item: categoryToDelete,\n } = useDeleteDialogState<Category>();\n\n const permissions = useAnnouncementsPermissions();\n\n const translationKeys = {\n new: t('categoriesForm.newCategory'),\n edit: t('categoriesForm.editCategory'),\n titleLabel: t('categoriesForm.titleLabel'),\n submit: t('categoriesForm.submit'),\n };\n\n const onSubmit = async (request: CreateCategoryRequest) => {\n const { title } = request;\n\n try {\n await announcementsApi.createCategory({\n title,\n });\n\n alertApi.post({\n message: `${title} ${t('admin.categoriesContent.createdMessage')}`,\n severity: 'success',\n });\n\n refresh();\n } catch (err) {\n alertApi.post({ message: (err as Error).message, severity: 'error' });\n }\n };\n\n const onCreateButtonClick = () => {\n setShowNewCategoryForm(!showNewCategoryForm);\n };\n\n const onCancelDelete = () => {\n closeDeleteDialog();\n };\n\n const onConfirmDelete = async () => {\n closeDeleteDialog();\n\n try {\n await announcementsApi.deleteCategory(categoryToDelete!.slug);\n\n alertApi.post({\n message: t('admin.categoriesContent.table.categoryDeleted'),\n severity: 'success',\n });\n } catch (err) {\n alertApi.post({\n message: (err as ResponseError).body.error.message,\n severity: 'error',\n });\n }\n\n refresh();\n };\n\n if (loading) {\n return <Progress />;\n }\n if (error) {\n return <ErrorPanel error={error} />;\n }\n\n const columns: TableColumn<Category>[] = [\n {\n title: (\n <Typography>{t('admin.categoriesContent.table.title')}</Typography>\n ),\n sorting: true,\n field: 'title',\n render: rowData => rowData.title,\n },\n {\n title: <Typography>{t('admin.categoriesContent.table.slug')}</Typography>,\n sorting: true,\n field: 'slug',\n render: rowData => rowData.slug,\n },\n {\n title: (\n <Typography>{t('admin.categoriesContent.table.actions')}</Typography>\n ),\n render: rowData => {\n return (\n <IconButton\n aria-label=\"delete\"\n disabled={permissions.delete.loading || !permissions.delete.allowed}\n onClick={() => openDeleteDialog(rowData)}\n >\n <DeleteIcon fontSize=\"small\" data-testid=\"delete-icon\" />\n </IconButton>\n );\n },\n },\n ];\n\n return (\n <RequirePermission permission={announcementCreatePermission}>\n <Grid container>\n <Grid item xs={12}>\n <Button\n disabled={permissions.create.loading || !permissions.create.allowed}\n variant=\"contained\"\n onClick={() => onCreateButtonClick()}\n >\n {showNewCategoryForm\n ? t('admin.categoriesContent.cancelButton')\n : t('admin.categoriesContent.createButton')}\n </Button>\n </Grid>\n\n {showNewCategoryForm && (\n <Grid item xs={12}>\n <TitleForm<Category>\n translationKeys={translationKeys}\n onSubmit={onSubmit}\n />\n </Grid>\n )}\n\n <Grid item xs={12}>\n <Table\n title=\"Categories\"\n options={{ pageSize: 20, search: true }}\n columns={columns}\n data={categories ?? []}\n emptyContent={\n <Typography style={{ padding: 2, textAlign: 'center' }}>\n {t('admin.categoriesContent.table.noCategoriesFound')}\n </Typography>\n }\n />\n </Grid>\n\n <DeleteDialog\n isOpen={isDeleteDialogOpen}\n onCancel={onCancelDelete}\n onConfirm={onConfirmDelete}\n />\n </Grid>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { Progress, ErrorPanel, Table } from '@backstage/core-components';
|
|
4
|
-
import { useTags, announcementsApiRef, useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
|
|
5
|
-
import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
|
|
6
|
-
import { useApi, alertApiRef } from '@backstage/core-plugin-api';
|
|
7
|
-
import { RequirePermission } from '@backstage/plugin-permission-react';
|
|
8
|
-
import { Typography, IconButton, Grid, Button } from '@material-ui/core';
|
|
9
|
-
import DeleteIcon from '@material-ui/icons/Delete';
|
|
10
|
-
import { useDeleteDialogState } from '../shared/DeleteDialog/useDeleteDialogState.esm.js';
|
|
11
|
-
import { DeleteDialog } from '../shared/DeleteDialog/DeleteDialog.esm.js';
|
|
12
|
-
import { TitleForm } from '../shared/TitleForm/TitleForm.esm.js';
|
|
13
|
-
|
|
14
|
-
const TagsContent = () => {
|
|
15
|
-
const [showNewTagForm, setShowNewTagForm] = useState(false);
|
|
16
|
-
const { tags, loading, error, retry: refresh } = useTags();
|
|
17
|
-
const announcementsApi = useApi(announcementsApiRef);
|
|
18
|
-
const alertApi = useApi(alertApiRef);
|
|
19
|
-
const { t } = useAnnouncementsTranslation();
|
|
20
|
-
const {
|
|
21
|
-
isOpen: isDeleteDialogOpen,
|
|
22
|
-
open: openDeleteDialog,
|
|
23
|
-
close: closeDeleteDialog,
|
|
24
|
-
item: tagToDelete
|
|
25
|
-
} = useDeleteDialogState();
|
|
26
|
-
const permissions = useAnnouncementsPermissions();
|
|
27
|
-
const translationKeys = {
|
|
28
|
-
new: t("tagsForm.newTag"),
|
|
29
|
-
edit: t("tagsForm.editTag"),
|
|
30
|
-
titleLabel: t("tagsForm.titleLabel"),
|
|
31
|
-
submit: t("tagsForm.submit")
|
|
32
|
-
};
|
|
33
|
-
const onSubmit = async (request) => {
|
|
34
|
-
const { title } = request;
|
|
35
|
-
try {
|
|
36
|
-
await announcementsApi.createTag({
|
|
37
|
-
title
|
|
38
|
-
});
|
|
39
|
-
alertApi.post({
|
|
40
|
-
message: `${title} ${t("admin.tagsContent.createdMessage")}`,
|
|
41
|
-
severity: "success"
|
|
42
|
-
});
|
|
43
|
-
refresh();
|
|
44
|
-
} catch (err) {
|
|
45
|
-
if (err.response?.status === 409) {
|
|
46
|
-
alertApi.post({
|
|
47
|
-
message: t("admin.tagsContent.errors.alreadyExists"),
|
|
48
|
-
severity: "error"
|
|
49
|
-
});
|
|
50
|
-
} else {
|
|
51
|
-
alertApi.post({
|
|
52
|
-
message: err.message,
|
|
53
|
-
severity: "error"
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
const onCreateButtonClick = () => {
|
|
59
|
-
setShowNewTagForm(!showNewTagForm);
|
|
60
|
-
};
|
|
61
|
-
const onCancelDelete = () => {
|
|
62
|
-
closeDeleteDialog();
|
|
63
|
-
};
|
|
64
|
-
const onConfirmDelete = async () => {
|
|
65
|
-
closeDeleteDialog();
|
|
66
|
-
try {
|
|
67
|
-
await announcementsApi.deleteTag(tagToDelete.slug);
|
|
68
|
-
alertApi.post({
|
|
69
|
-
message: t("admin.tagsContent.table.tagDeleted"),
|
|
70
|
-
severity: "success"
|
|
71
|
-
});
|
|
72
|
-
} catch (err) {
|
|
73
|
-
alertApi.post({
|
|
74
|
-
message: err.body.error.message,
|
|
75
|
-
severity: "error"
|
|
76
|
-
});
|
|
77
|
-
}
|
|
78
|
-
refresh();
|
|
79
|
-
};
|
|
80
|
-
if (loading) {
|
|
81
|
-
return /* @__PURE__ */ jsx(Progress, {});
|
|
82
|
-
}
|
|
83
|
-
if (error) {
|
|
84
|
-
return /* @__PURE__ */ jsx(ErrorPanel, { error });
|
|
85
|
-
}
|
|
86
|
-
const columns = [
|
|
87
|
-
{
|
|
88
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.tagsContent.table.title") }),
|
|
89
|
-
sorting: true,
|
|
90
|
-
field: "title",
|
|
91
|
-
render: (rowData) => rowData.title
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.tagsContent.table.slug") }),
|
|
95
|
-
sorting: true,
|
|
96
|
-
field: "slug",
|
|
97
|
-
render: (rowData) => rowData.slug
|
|
98
|
-
},
|
|
99
|
-
{
|
|
100
|
-
title: /* @__PURE__ */ jsx(Typography, { children: t("admin.tagsContent.table.actions") }),
|
|
101
|
-
render: (rowData) => {
|
|
102
|
-
return /* @__PURE__ */ jsx(
|
|
103
|
-
IconButton,
|
|
104
|
-
{
|
|
105
|
-
"aria-label": "delete",
|
|
106
|
-
disabled: permissions.delete.loading || !permissions.delete.allowed,
|
|
107
|
-
onClick: () => openDeleteDialog(rowData),
|
|
108
|
-
children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small", "data-testid": "delete-icon" })
|
|
109
|
-
}
|
|
110
|
-
);
|
|
111
|
-
}
|
|
112
|
-
}
|
|
113
|
-
];
|
|
114
|
-
return /* @__PURE__ */ jsx(RequirePermission, { permission: announcementCreatePermission, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
|
|
115
|
-
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
116
|
-
Button,
|
|
117
|
-
{
|
|
118
|
-
disabled: permissions.create.loading || !permissions.create.allowed,
|
|
119
|
-
variant: "contained",
|
|
120
|
-
onClick: () => onCreateButtonClick(),
|
|
121
|
-
children: showNewTagForm ? t("admin.tagsContent.cancelButton") : t("admin.tagsContent.createButton")
|
|
122
|
-
}
|
|
123
|
-
) }),
|
|
124
|
-
showNewTagForm && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
125
|
-
TitleForm,
|
|
126
|
-
{
|
|
127
|
-
translationKeys,
|
|
128
|
-
onSubmit,
|
|
129
|
-
testIds: {
|
|
130
|
-
form: "tag-form",
|
|
131
|
-
input: "tag-title-input",
|
|
132
|
-
button: "tag-submit-button"
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
) }),
|
|
136
|
-
/* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
|
|
137
|
-
Table,
|
|
138
|
-
{
|
|
139
|
-
title: "Tags",
|
|
140
|
-
options: { pageSize: 20, search: true },
|
|
141
|
-
columns,
|
|
142
|
-
data: tags ?? [],
|
|
143
|
-
emptyContent: /* @__PURE__ */ jsx(Typography, { style: { padding: 2, textAlign: "center" }, children: t("admin.tagsContent.table.noTagsFound") })
|
|
144
|
-
}
|
|
145
|
-
) }),
|
|
146
|
-
/* @__PURE__ */ jsx(
|
|
147
|
-
DeleteDialog,
|
|
148
|
-
{
|
|
149
|
-
isOpen: isDeleteDialogOpen,
|
|
150
|
-
onCancel: onCancelDelete,
|
|
151
|
-
onConfirm: onConfirmDelete
|
|
152
|
-
}
|
|
153
|
-
)
|
|
154
|
-
] }) });
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
export { TagsContent };
|
|
158
|
-
//# sourceMappingURL=TagsContent.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TagsContent.esm.js","sources":["../../../../src/components/Admin/TagsContent/TagsContent.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useState } from 'react';\nimport {\n ErrorPanel,\n Progress,\n Table,\n TableColumn,\n} from '@backstage/core-components';\nimport {\n CreateTagRequest,\n announcementsApiRef,\n useAnnouncementsTranslation,\n useTags,\n useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n announcementCreatePermission,\n Tag,\n} from '@backstage-community/plugin-announcements-common';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { ResponseError } from '@backstage/errors';\nimport { Button, Grid, IconButton, Typography } from '@material-ui/core';\nimport DeleteIcon from '@material-ui/icons/Delete';\n\nimport { useDeleteDialogState, DeleteDialog, TitleForm } from '../shared';\n\nexport const TagsContent = () => {\n const [showNewTagForm, setShowNewTagForm] = useState(false);\n const { tags, loading, error, retry: refresh } = useTags();\n const announcementsApi = useApi(announcementsApiRef);\n const alertApi = useApi(alertApiRef);\n const { t } = useAnnouncementsTranslation();\n\n const {\n isOpen: isDeleteDialogOpen,\n open: openDeleteDialog,\n close: closeDeleteDialog,\n item: tagToDelete,\n } = useDeleteDialogState<Tag>();\n\n const permissions = useAnnouncementsPermissions();\n\n const translationKeys = {\n new: t('tagsForm.newTag'),\n edit: t('tagsForm.editTag'),\n titleLabel: t('tagsForm.titleLabel'),\n submit: t('tagsForm.submit'),\n };\n\n const onSubmit = async (request: CreateTagRequest) => {\n const { title } = request;\n\n try {\n await announcementsApi.createTag({\n title,\n });\n\n alertApi.post({\n message: `${title} ${t('admin.tagsContent.createdMessage')}`,\n severity: 'success',\n });\n\n refresh();\n } catch (err: any) {\n if (err.response?.status === 409) {\n alertApi.post({\n message: t('admin.tagsContent.errors.alreadyExists'),\n severity: 'error',\n });\n } else {\n alertApi.post({\n message: (err as Error).message,\n severity: 'error',\n });\n }\n }\n };\n\n const onCreateButtonClick = () => {\n setShowNewTagForm(!showNewTagForm);\n };\n\n const onCancelDelete = () => {\n closeDeleteDialog();\n };\n\n const onConfirmDelete = async () => {\n closeDeleteDialog();\n\n try {\n await announcementsApi.deleteTag(tagToDelete!.slug);\n\n alertApi.post({\n message: t('admin.tagsContent.table.tagDeleted'),\n severity: 'success',\n });\n } catch (err) {\n alertApi.post({\n message: (err as ResponseError).body.error.message,\n severity: 'error',\n });\n }\n\n refresh();\n };\n\n if (loading) {\n return <Progress />;\n }\n if (error) {\n return <ErrorPanel error={error} />;\n }\n\n const columns: TableColumn<Tag>[] = [\n {\n title: <Typography>{t('admin.tagsContent.table.title')}</Typography>,\n sorting: true,\n field: 'title',\n render: rowData => rowData.title,\n },\n {\n title: <Typography>{t('admin.tagsContent.table.slug')}</Typography>,\n sorting: true,\n field: 'slug',\n render: rowData => rowData.slug,\n },\n {\n title: <Typography>{t('admin.tagsContent.table.actions')}</Typography>,\n render: rowData => {\n return (\n <IconButton\n aria-label=\"delete\"\n disabled={permissions.delete.loading || !permissions.delete.allowed}\n onClick={() => openDeleteDialog(rowData)}\n >\n <DeleteIcon fontSize=\"small\" data-testid=\"delete-icon\" />\n </IconButton>\n );\n },\n },\n ];\n\n return (\n <RequirePermission permission={announcementCreatePermission}>\n <Grid container>\n <Grid item xs={12}>\n <Button\n disabled={permissions.create.loading || !permissions.create.allowed}\n variant=\"contained\"\n onClick={() => onCreateButtonClick()}\n >\n {showNewTagForm\n ? t('admin.tagsContent.cancelButton')\n : t('admin.tagsContent.createButton')}\n </Button>\n </Grid>\n\n {showNewTagForm && (\n <Grid item xs={12}>\n <TitleForm<Tag>\n translationKeys={translationKeys}\n onSubmit={onSubmit}\n testIds={{\n form: 'tag-form',\n input: 'tag-title-input',\n button: 'tag-submit-button',\n }}\n />\n </Grid>\n )}\n\n <Grid item xs={12}>\n <Table\n title=\"Tags\"\n options={{ pageSize: 20, search: true }}\n columns={columns}\n data={tags ?? []}\n emptyContent={\n <Typography style={{ padding: 2, textAlign: 'center' }}>\n {t('admin.tagsContent.table.noTagsFound')}\n </Typography>\n }\n />\n </Grid>\n\n <DeleteDialog\n isOpen={isDeleteDialogOpen}\n onCancel={onCancelDelete}\n onConfirm={onConfirmDelete}\n />\n </Grid>\n </RequirePermission>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
|
|
3
|
-
import { useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
|
|
4
|
-
|
|
5
|
-
const DeleteDialog = (props) => {
|
|
6
|
-
const { isOpen, onConfirm, onCancel } = props;
|
|
7
|
-
const { t } = useAnnouncementsTranslation();
|
|
8
|
-
const permissions = useAnnouncementsPermissions();
|
|
9
|
-
const dialogTitle = t("confirmDeleteDialog.title");
|
|
10
|
-
const cancelText = t("confirmDeleteDialog.cancel");
|
|
11
|
-
const deleteText = t("confirmDeleteDialog.delete");
|
|
12
|
-
return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose: onCancel, children: [
|
|
13
|
-
/* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }),
|
|
14
|
-
/* @__PURE__ */ jsxs(DialogActions, { children: [
|
|
15
|
-
/* @__PURE__ */ jsx(Button, { onClick: onCancel, children: cancelText }),
|
|
16
|
-
/* @__PURE__ */ jsx(
|
|
17
|
-
Button,
|
|
18
|
-
{
|
|
19
|
-
disabled: permissions.delete.loading || !permissions.delete.allowed,
|
|
20
|
-
onClick: onConfirm,
|
|
21
|
-
color: "secondary",
|
|
22
|
-
children: deleteText
|
|
23
|
-
}
|
|
24
|
-
)
|
|
25
|
-
] })
|
|
26
|
-
] });
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
export { DeleteDialog };
|
|
30
|
-
//# sourceMappingURL=DeleteDialog.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DeleteDialog.esm.js","sources":["../../../../../src/components/Admin/shared/DeleteDialog/DeleteDialog.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Button, Dialog, DialogActions, DialogTitle } from '@material-ui/core';\nimport {\n useAnnouncementsTranslation,\n useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\n\ntype DeleteDialogProps = {\n isOpen: boolean;\n onConfirm: () => void;\n onCancel: () => void;\n};\n\nexport const DeleteDialog = (props: DeleteDialogProps) => {\n const { isOpen, onConfirm, onCancel } = props;\n\n const { t } = useAnnouncementsTranslation();\n const permissions = useAnnouncementsPermissions();\n\n const dialogTitle = t('confirmDeleteDialog.title');\n const cancelText = t('confirmDeleteDialog.cancel');\n const deleteText = t('confirmDeleteDialog.delete');\n\n return (\n <Dialog open={isOpen} onClose={onCancel}>\n <DialogTitle>{dialogTitle}</DialogTitle>\n <DialogActions>\n <Button onClick={onCancel}>{cancelText}</Button>\n\n <Button\n disabled={permissions.delete.loading || !permissions.delete.allowed}\n onClick={onConfirm}\n color=\"secondary\"\n >\n {deleteText}\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;AA2Ba,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAExC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAA,MAAM,cAAc,2BAA4B,EAAA;AAEhD,EAAM,MAAA,WAAA,GAAc,EAAE,2BAA2B,CAAA;AACjD,EAAM,MAAA,UAAA,GAAa,EAAE,4BAA4B,CAAA;AACjD,EAAM,MAAA,UAAA,GAAa,EAAE,4BAA4B,CAAA;AAEjD,EAAA,uBACG,IAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,MAAA,EAAQ,SAAS,QAC7B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAa,QAAY,EAAA,WAAA,EAAA,CAAA;AAAA,yBACzB,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,QAAA,EAAW,QAAW,EAAA,UAAA,EAAA,CAAA;AAAA,sBAEvC,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAU,WAAY,CAAA,MAAA,CAAO,OAAW,IAAA,CAAC,YAAY,MAAO,CAAA,OAAA;AAAA,UAC5D,OAAS,EAAA,SAAA;AAAA,UACT,KAAM,EAAA,WAAA;AAAA,UAEL,QAAA,EAAA;AAAA;AAAA;AACH,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { useState, useCallback } from 'react';
|
|
2
|
-
|
|
3
|
-
function useDeleteDialogState() {
|
|
4
|
-
const [state, setState] = useState({ open: false });
|
|
5
|
-
const setOpen = useCallback(
|
|
6
|
-
(item) => {
|
|
7
|
-
setState({
|
|
8
|
-
open: true,
|
|
9
|
-
item
|
|
10
|
-
});
|
|
11
|
-
},
|
|
12
|
-
[setState]
|
|
13
|
-
);
|
|
14
|
-
const setClosed = useCallback(() => {
|
|
15
|
-
setState({
|
|
16
|
-
open: false,
|
|
17
|
-
item: void 0
|
|
18
|
-
});
|
|
19
|
-
}, [setState]);
|
|
20
|
-
return {
|
|
21
|
-
open: setOpen,
|
|
22
|
-
close: setClosed,
|
|
23
|
-
item: state.item,
|
|
24
|
-
isOpen: state.open
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export { useDeleteDialogState };
|
|
29
|
-
//# sourceMappingURL=useDeleteDialogState.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useDeleteDialogState.esm.js","sources":["../../../../../src/components/Admin/shared/DeleteDialog/useDeleteDialogState.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useState } from 'react';\n\ntype DeleteDialogState<T> = {\n open: (item: T) => void;\n close: () => void;\n isOpen: boolean;\n item?: T;\n};\n\nexport function useDeleteDialogState<T>(): DeleteDialogState<T> {\n const [state, setState] = useState<{\n open: boolean;\n item?: T;\n }>({ open: false });\n\n const setOpen = useCallback(\n (item: T) => {\n setState({\n open: true,\n item,\n });\n },\n [setState],\n );\n\n const setClosed = useCallback(() => {\n setState({\n open: false,\n item: undefined,\n });\n }, [setState]);\n\n return {\n open: setOpen,\n close: setClosed,\n item: state.item,\n isOpen: state.open,\n };\n}\n"],"names":[],"mappings":";;AAwBO,SAAS,oBAAgD,GAAA;AAC9D,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAGvB,EAAE,IAAA,EAAM,OAAO,CAAA;AAElB,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,IAAY,KAAA;AACX,MAAS,QAAA,CAAA;AAAA,QACP,IAAM,EAAA,IAAA;AAAA,QACN;AAAA,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAM,MAAA,SAAA,GAAY,YAAY,MAAM;AAClC,IAAS,QAAA,CAAA;AAAA,MACP,IAAM,EAAA,KAAA;AAAA,MACN,IAAM,EAAA,KAAA;AAAA,KACP,CAAA;AAAA,GACH,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IACP,MAAM,KAAM,CAAA,IAAA;AAAA,IACZ,QAAQ,KAAM,CAAA;AAAA,GAChB;AACF;;;;"}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useState, useMemo } from 'react';
|
|
3
|
-
import { InfoCard } from '@backstage/core-components';
|
|
4
|
-
import { useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
|
|
5
|
-
import { Box, TextField, Button } from '@material-ui/core';
|
|
6
|
-
|
|
7
|
-
const TitleForm = (props) => {
|
|
8
|
-
const { initialData, translationKeys, onSubmit, testIds } = props;
|
|
9
|
-
const [form, setForm] = useState(initialData ?? { title: "" });
|
|
10
|
-
const [loading, setLoading] = useState(false);
|
|
11
|
-
const permissions = useAnnouncementsPermissions();
|
|
12
|
-
const handleChange = (event) => {
|
|
13
|
-
setForm((prev) => ({
|
|
14
|
-
...prev,
|
|
15
|
-
title: event.target.value
|
|
16
|
-
}));
|
|
17
|
-
};
|
|
18
|
-
const handleSubmit = async (event) => {
|
|
19
|
-
setLoading(true);
|
|
20
|
-
event.preventDefault();
|
|
21
|
-
try {
|
|
22
|
-
await onSubmit(form);
|
|
23
|
-
} finally {
|
|
24
|
-
setLoading(false);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
const isDisabled = useMemo(() => {
|
|
28
|
-
return loading || !form?.title || permissions.create.loading || !permissions.create.allowed;
|
|
29
|
-
}, [
|
|
30
|
-
loading,
|
|
31
|
-
form?.title,
|
|
32
|
-
permissions.create.loading,
|
|
33
|
-
permissions.create.allowed
|
|
34
|
-
]);
|
|
35
|
-
return /* @__PURE__ */ jsx(
|
|
36
|
-
InfoCard,
|
|
37
|
-
{
|
|
38
|
-
title: initialData?.title ? translationKeys.edit : translationKeys.new,
|
|
39
|
-
children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, "data-testid": testIds?.form ?? "title-form", children: [
|
|
40
|
-
/* @__PURE__ */ jsx(Box, { py: 2, children: /* @__PURE__ */ jsx(
|
|
41
|
-
TextField,
|
|
42
|
-
{
|
|
43
|
-
id: "title",
|
|
44
|
-
"data-testid": testIds?.input ?? "title-input",
|
|
45
|
-
type: "text",
|
|
46
|
-
label: translationKeys.titleLabel,
|
|
47
|
-
value: form.title,
|
|
48
|
-
onChange: handleChange,
|
|
49
|
-
variant: "outlined",
|
|
50
|
-
fullWidth: true,
|
|
51
|
-
required: true
|
|
52
|
-
}
|
|
53
|
-
) }),
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
55
|
-
Button,
|
|
56
|
-
{
|
|
57
|
-
variant: "contained",
|
|
58
|
-
color: "primary",
|
|
59
|
-
type: "submit",
|
|
60
|
-
"data-testid": testIds?.button ?? "title-submit-button",
|
|
61
|
-
disabled: isDisabled,
|
|
62
|
-
children: translationKeys.submit
|
|
63
|
-
}
|
|
64
|
-
)
|
|
65
|
-
] })
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export { TitleForm };
|
|
71
|
-
//# sourceMappingURL=TitleForm.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TitleForm.esm.js","sources":["../../../../../src/components/Admin/shared/TitleForm/TitleForm.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { ChangeEvent, FormEvent, useMemo, useState } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport { useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';\nimport { Box, Button, TextField } from '@material-ui/core';\n\ntype TitleFormTranslationKeys = {\n new: string;\n edit: string;\n titleLabel: string;\n submit: string;\n};\n\ntype TitleFormTestIds = {\n form?: string;\n input?: string;\n button?: string;\n};\n\nexport type TitleFormRequest = {\n title: string;\n};\n\nexport type TitleFormProps<T extends TitleFormRequest> = {\n initialData?: T;\n translationKeys: TitleFormTranslationKeys;\n onSubmit: (data: T) => Promise<void>;\n testIds?: TitleFormTestIds;\n};\n\nexport const TitleForm = <T extends TitleFormRequest>(\n props: TitleFormProps<T>,\n) => {\n const { initialData, translationKeys, onSubmit, testIds } = props;\n\n const [form, setForm] = useState<T>(initialData ?? ({ title: '' } as T));\n const [loading, setLoading] = useState(false);\n const permissions = useAnnouncementsPermissions();\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n setForm(prev => ({\n ...prev,\n title: event.target.value,\n }));\n };\n\n const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n setLoading(true);\n event.preventDefault();\n\n try {\n await onSubmit(form);\n } finally {\n // will still handle setting loading to false even if onSubmit fails\n setLoading(false);\n }\n };\n\n const isDisabled = useMemo(() => {\n return (\n loading ||\n !form?.title ||\n permissions.create.loading ||\n !permissions.create.allowed\n );\n }, [\n loading,\n form?.title,\n permissions.create.loading,\n permissions.create.allowed,\n ]);\n\n return (\n <InfoCard\n title={initialData?.title ? translationKeys.edit : translationKeys.new}\n >\n <form onSubmit={handleSubmit} data-testid={testIds?.form ?? 'title-form'}>\n <Box py={2}>\n <TextField\n id=\"title\"\n data-testid={testIds?.input ?? 'title-input'}\n type=\"text\"\n label={translationKeys.titleLabel}\n value={form.title}\n onChange={handleChange}\n variant=\"outlined\"\n fullWidth\n required\n />\n </Box>\n\n <Button\n variant=\"contained\"\n color=\"primary\"\n type=\"submit\"\n data-testid={testIds?.button ?? 'title-submit-button'}\n disabled={isDisabled}\n >\n {translationKeys.submit}\n </Button>\n </form>\n </InfoCard>\n );\n};\n"],"names":[],"mappings":";;;;;;AA4Ca,MAAA,SAAA,GAAY,CACvB,KACG,KAAA;AACH,EAAA,MAAM,EAAE,WAAA,EAAa,eAAiB,EAAA,QAAA,EAAU,SAAY,GAAA,KAAA;AAE5D,EAAM,MAAA,CAAC,MAAM,OAAO,CAAA,GAAI,SAAY,WAAgB,IAAA,EAAE,KAAO,EAAA,EAAA,EAAU,CAAA;AACvE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,cAAc,2BAA4B,EAAA;AAEhD,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAA,OAAA,CAAQ,CAAS,IAAA,MAAA;AAAA,MACf,GAAG,IAAA;AAAA,MACH,KAAA,EAAO,MAAM,MAAO,CAAA;AAAA,KACpB,CAAA,CAAA;AAAA,GACJ;AAEA,EAAM,MAAA,YAAA,GAAe,OAAO,KAAsC,KAAA;AAChE,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,KAAA,CAAM,cAAe,EAAA;AAErB,IAAI,IAAA;AACF,MAAA,MAAM,SAAS,IAAI,CAAA;AAAA,KACnB,SAAA;AAEA,MAAA,UAAA,CAAW,KAAK,CAAA;AAAA;AAClB,GACF;AAEA,EAAM,MAAA,UAAA,GAAa,QAAQ,MAAM;AAC/B,IACE,OAAA,OAAA,IACA,CAAC,IAAM,EAAA,KAAA,IACP,YAAY,MAAO,CAAA,OAAA,IACnB,CAAC,WAAA,CAAY,MAAO,CAAA,OAAA;AAAA,GAErB,EAAA;AAAA,IACD,OAAA;AAAA,IACA,IAAM,EAAA,KAAA;AAAA,IACN,YAAY,MAAO,CAAA,OAAA;AAAA,IACnB,YAAY,MAAO,CAAA;AAAA,GACpB,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,WAAA,EAAa,KAAQ,GAAA,eAAA,CAAgB,OAAO,eAAgB,CAAA,GAAA;AAAA,MAEnE,+BAAC,MAAK,EAAA,EAAA,QAAA,EAAU,cAAc,aAAa,EAAA,OAAA,EAAS,QAAQ,YAC1D,EAAA,QAAA,EAAA;AAAA,wBAAC,GAAA,CAAA,GAAA,EAAA,EAAI,IAAI,CACP,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,OAAA;AAAA,YACH,aAAA,EAAa,SAAS,KAAS,IAAA,aAAA;AAAA,YAC/B,IAAK,EAAA,MAAA;AAAA,YACL,OAAO,eAAgB,CAAA,UAAA;AAAA,YACvB,OAAO,IAAK,CAAA,KAAA;AAAA,YACZ,QAAU,EAAA,YAAA;AAAA,YACV,OAAQ,EAAA,UAAA;AAAA,YACR,SAAS,EAAA,IAAA;AAAA,YACT,QAAQ,EAAA;AAAA;AAAA,SAEZ,EAAA,CAAA;AAAA,wBAEA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAM,EAAA,SAAA;AAAA,YACN,IAAK,EAAA,QAAA;AAAA,YACL,aAAA,EAAa,SAAS,MAAU,IAAA,qBAAA;AAAA,YAChC,QAAU,EAAA,UAAA;AAAA,YAET,QAAgB,EAAA,eAAA,CAAA;AAAA;AAAA;AACnB,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useEffect } from 'react';
|
|
3
|
-
import useAsync from 'react-use/lib/useAsync';
|
|
4
|
-
import { DateTime } from 'luxon';
|
|
5
|
-
import { Page, Header, Content, InfoCard, Progress } from '@backstage/core-components';
|
|
6
|
-
import { useApi, useRouteRefParams, useAnalytics, useRouteRef } from '@backstage/core-plugin-api';
|
|
7
|
-
import { EntityRefLink } from '@backstage/plugin-catalog-react';
|
|
8
|
-
import { announcementsApiRef } from '@backstage-community/plugin-announcements-react';
|
|
9
|
-
import { MAX_TITLE_LENGTH } from '@backstage-community/plugin-announcements-common';
|
|
10
|
-
import { Grid, Typography, Tooltip } from '@material-ui/core';
|
|
11
|
-
import { Alert } from '@material-ui/lab';
|
|
12
|
-
import { announcementViewRouteRef, rootRouteRef } from '../../routes.esm.js';
|
|
13
|
-
import { MarkdownRenderer } from '../MarkdownRenderer/MarkdownRenderer.esm.js';
|
|
14
|
-
import { truncate } from '../utils/truncateUtils.esm.js';
|
|
15
|
-
|
|
16
|
-
const AnnouncementDetails = ({
|
|
17
|
-
announcement,
|
|
18
|
-
markdownRenderer,
|
|
19
|
-
titleLength
|
|
20
|
-
}) => {
|
|
21
|
-
const announcementsLink = useRouteRef(rootRouteRef);
|
|
22
|
-
const deepLink = {
|
|
23
|
-
link: announcementsLink(),
|
|
24
|
-
title: "Back to announcements"
|
|
25
|
-
};
|
|
26
|
-
const subHeader = /* @__PURE__ */ jsxs(Typography, { children: [
|
|
27
|
-
"By",
|
|
28
|
-
" ",
|
|
29
|
-
/* @__PURE__ */ jsx(
|
|
30
|
-
EntityRefLink,
|
|
31
|
-
{
|
|
32
|
-
entityRef: announcement.on_behalf_of || announcement.publisher,
|
|
33
|
-
hideIcon: true
|
|
34
|
-
}
|
|
35
|
-
),
|
|
36
|
-
", ",
|
|
37
|
-
DateTime.fromISO(announcement.created_at).toRelative()
|
|
38
|
-
] });
|
|
39
|
-
const maxLength = titleLength ?? MAX_TITLE_LENGTH;
|
|
40
|
-
const title = truncate(announcement.title, maxLength);
|
|
41
|
-
const isTruncated = announcement.title.length > maxLength;
|
|
42
|
-
const titleElement = isTruncated ? /* @__PURE__ */ jsx(Tooltip, { title: announcement.title, arrow: true, children: /* @__PURE__ */ jsx(Typography, { component: "span", children: title }) }) : title;
|
|
43
|
-
return /* @__PURE__ */ jsx(InfoCard, { title: titleElement, subheader: subHeader, deepLink, children: /* @__PURE__ */ jsx(
|
|
44
|
-
MarkdownRenderer,
|
|
45
|
-
{
|
|
46
|
-
content: announcement.body,
|
|
47
|
-
rendererType: markdownRenderer
|
|
48
|
-
}
|
|
49
|
-
) });
|
|
50
|
-
};
|
|
51
|
-
const AnnouncementPage = (props) => {
|
|
52
|
-
const announcementsApi = useApi(announcementsApiRef);
|
|
53
|
-
const { id } = useRouteRefParams(announcementViewRouteRef);
|
|
54
|
-
const analytics = useAnalytics();
|
|
55
|
-
const { value, loading, error } = useAsync(
|
|
56
|
-
async () => announcementsApi.announcementByID(id),
|
|
57
|
-
[id]
|
|
58
|
-
);
|
|
59
|
-
let title = props.title;
|
|
60
|
-
let content;
|
|
61
|
-
if (loading) {
|
|
62
|
-
content = /* @__PURE__ */ jsx(Progress, {});
|
|
63
|
-
} else if (error) {
|
|
64
|
-
content = /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
|
|
65
|
-
} else {
|
|
66
|
-
title = `${value.title} \u2013 ${title}`;
|
|
67
|
-
content = /* @__PURE__ */ jsx(
|
|
68
|
-
AnnouncementDetails,
|
|
69
|
-
{
|
|
70
|
-
announcement: value,
|
|
71
|
-
markdownRenderer: props.markdownRenderer,
|
|
72
|
-
titleLength: props.titleLength
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
const lastSeen = announcementsApi.lastSeenDate();
|
|
76
|
-
const announcementCreatedAt = DateTime.fromISO(value.created_at);
|
|
77
|
-
if (announcementCreatedAt > lastSeen) {
|
|
78
|
-
announcementsApi.markLastSeenDate(announcementCreatedAt);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
useEffect(() => {
|
|
82
|
-
if (!value) {
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
analytics.captureEvent("view", value.title, {
|
|
86
|
-
attributes: {
|
|
87
|
-
announcementId: value.id,
|
|
88
|
-
location: "AnnouncementPage"
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
}, [analytics, value]);
|
|
92
|
-
return /* @__PURE__ */ jsxs(Page, { themeId: props.themeId, children: [
|
|
93
|
-
/* @__PURE__ */ jsx(Header, { title, subtitle: props.subtitle }),
|
|
94
|
-
/* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(Grid, { container: true, justifyContent: "center", alignItems: "center", children: /* @__PURE__ */ jsx(Grid, { item: true, sm: 6, children: content }) }) })
|
|
95
|
-
] });
|
|
96
|
-
};
|
|
97
|
-
|
|
98
|
-
export { AnnouncementPage };
|
|
99
|
-
//# sourceMappingURL=AnnouncementPage.esm.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AnnouncementPage.esm.js","sources":["../../../src/components/AnnouncementPage/AnnouncementPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { ReactNode, useEffect } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport { DateTime } from 'luxon';\nimport {\n Progress,\n Page,\n Header,\n Content,\n InfoCard,\n} from '@backstage/core-components';\nimport {\n useApi,\n useRouteRef,\n useRouteRefParams,\n useAnalytics,\n} from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { announcementsApiRef } from '@backstage-community/plugin-announcements-react';\nimport {\n Announcement,\n MAX_TITLE_LENGTH,\n} from '@backstage-community/plugin-announcements-common';\nimport { Grid, Tooltip, Typography } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { announcementViewRouteRef, rootRouteRef } from '../../routes';\nimport {\n MarkdownRenderer,\n MarkdownRendererTypeProps,\n} from '../MarkdownRenderer';\nimport { truncate } from '../utils/truncateUtils';\n\nconst AnnouncementDetails = ({\n announcement,\n markdownRenderer,\n titleLength,\n}: {\n announcement: Announcement;\n markdownRenderer?: MarkdownRendererTypeProps;\n titleLength?: number;\n}) => {\n const announcementsLink = useRouteRef(rootRouteRef);\n const deepLink = {\n link: announcementsLink(),\n title: 'Back to announcements',\n };\n const subHeader = (\n <Typography>\n By{' '}\n <EntityRefLink\n entityRef={announcement.on_behalf_of || announcement.publisher}\n hideIcon\n />\n , {DateTime.fromISO(announcement.created_at).toRelative()}\n </Typography>\n );\n\n const maxLength = titleLength ?? MAX_TITLE_LENGTH;\n const title = truncate(announcement.title, maxLength);\n const isTruncated = announcement.title.length > maxLength;\n\n const titleElement = isTruncated ? (\n <Tooltip title={announcement.title} arrow>\n <Typography component=\"span\">{title}</Typography>\n </Tooltip>\n ) : (\n title\n );\n return (\n <InfoCard title={titleElement} subheader={subHeader} deepLink={deepLink}>\n <MarkdownRenderer\n content={announcement.body}\n rendererType={markdownRenderer}\n />\n </InfoCard>\n );\n};\n\ntype AnnouncementPageProps = {\n themeId: string;\n title: string;\n subtitle?: ReactNode;\n markdownRenderer?: MarkdownRendererTypeProps;\n titleLength?: number;\n};\n\nexport const AnnouncementPage = (props: AnnouncementPageProps) => {\n const announcementsApi = useApi(announcementsApiRef);\n const { id } = useRouteRefParams(announcementViewRouteRef);\n const analytics = useAnalytics();\n const { value, loading, error } = useAsync(\n async () => announcementsApi.announcementByID(id),\n [id],\n );\n\n let title = props.title;\n let content: ReactNode;\n\n if (loading) {\n content = <Progress />;\n } else if (error) {\n content = <Alert severity=\"error\">{error.message}</Alert>;\n } else {\n title = `${value!.title} – ${title}`;\n content = (\n <AnnouncementDetails\n announcement={value!}\n markdownRenderer={props.markdownRenderer}\n titleLength={props.titleLength}\n />\n );\n\n const lastSeen = announcementsApi.lastSeenDate();\n const announcementCreatedAt = DateTime.fromISO(value!.created_at);\n\n if (announcementCreatedAt > lastSeen) {\n announcementsApi.markLastSeenDate(announcementCreatedAt);\n }\n }\n\n useEffect(() => {\n if (!value) {\n return;\n }\n\n analytics.captureEvent('view', value.title, {\n attributes: {\n announcementId: value.id,\n location: 'AnnouncementPage',\n },\n });\n }, [analytics, value]);\n\n return (\n <Page themeId={props.themeId}>\n <Header title={title} subtitle={props.subtitle} />\n\n <Content>\n <Grid container justifyContent=\"center\" alignItems=\"center\">\n <Grid item sm={6}>\n {content}\n </Grid>\n </Grid>\n </Content>\n </Page>\n );\n};\n"],"names":[],"mappings":"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"}
|