@backstage-community/plugin-announcements 0.16.2 → 1.0.0

package/dist/components/TagsPage/TagsPage.esm.js

@@ -1,122 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { Page, Header, Content, ErrorPanel, Table } from '@backstage/core-components';
-import { NewTagDialog } from '../NewTagDialog/NewTagDialog.esm.js';
-import { useAnnouncementsTranslation, announcementsApiRef, useTags } from '@backstage-community/plugin-announcements-react';
-import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
-import { useDeleteTagDialogState } from './useDeleteTagDialogState.esm.js';
-import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import { DeleteTagDialog } from './DeleteTagDialog.esm.js';
-import { IconButton, Typography } from '@material-ui/core';
-import AddIcon from '@material-ui/icons/Add';
-import DeleteIcon from '@material-ui/icons/Delete';
-import { ContextMenu } from '../AnnouncementsPage/ContextMenu.esm.js';
-import { usePermission } from '@backstage/plugin-permission-react';
-
-const TagsTable = () => {
-  const [newTagDialogOpen, setNewTagDialogOpen] = useState(false);
-  const announcementsApi = useApi(announcementsApiRef);
-  const alertApi = useApi(alertApiRef);
-  const { tags, loading, error, retry: refresh } = useTags();
-  const {
-    isOpen: isDeleteDialogOpen,
-    open: openDeleteDialog,
-    close: closeDeleteDialog,
-    tag: tagToDelete
-  } = useDeleteTagDialogState();
-  const { t } = useAnnouncementsTranslation();
-  if (error) {
-    return /* @__PURE__ */ jsx(ErrorPanel, { error });
-  }
-  const onNewTagDialogClose = () => {
-    setNewTagDialogOpen(false);
-    refresh();
-  };
-  const onCancelDelete = () => {
-    closeDeleteDialog();
-  };
-  const onConfirmDelete = async () => {
-    closeDeleteDialog();
-    try {
-      await announcementsApi.deleteTag(tagToDelete.slug);
-      alertApi.post({
-        message: t("tagsTable.tagDeleted"),
-        severity: "success"
-      });
-    } catch (err) {
-      alertApi.post({
-        message: err.body.error.message,
-        severity: "error"
-      });
-    }
-    refresh();
-  };
-  const columns = [
-    {
-      title: t("tagsTable.slug"),
-      field: "slug"
-    },
-    {
-      title: t("tagsTable.title"),
-      field: "title"
-    },
-    {
-      title: t("tagsTable.actions"),
-      field: "actions",
-      render: (tag) => {
-        return /* @__PURE__ */ jsx(IconButton, { onClick: () => openDeleteDialog(tag), children: /* @__PURE__ */ jsx(DeleteIcon, {}) });
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        options: { paging: false },
-        data: tags || [],
-        columns,
-        isLoading: loading,
-        title: "Tags",
-        actions: [
-          {
-            icon: () => /* @__PURE__ */ jsx(AddIcon, {}),
-            tooltip: t("tagsTable.addTooltip"),
-            isFreeAction: true,
-            onClick: (_event) => setNewTagDialogOpen(true)
-          }
-        ],
-        emptyContent: /* @__PURE__ */ jsx(Typography, { style: { padding: 2, textAlign: "center" }, children: t("tagsTable.noTagsFound") })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      NewTagDialog,
-      {
-        open: newTagDialogOpen,
-        onClose: onNewTagDialogClose,
-        onSubmit: refresh
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      DeleteTagDialog,
-      {
-        open: isDeleteDialogOpen,
-        onCancel: onCancelDelete,
-        onConfirm: onConfirmDelete
-      }
-    )
-  ] });
-};
-const TagsPage = (props) => {
-  const { t } = useAnnouncementsTranslation();
-  const { allowed: canCreate } = usePermission({
-    permission: announcementCreatePermission
-  });
-  const { themeId, hideContextMenu } = props;
-  return /* @__PURE__ */ jsxs(Page, { themeId, children: [
-    /* @__PURE__ */ jsx(Header, { title: t("tagsPage.title"), subtitle: t("tagsPage.subtitle"), children: !hideContextMenu && canCreate && /* @__PURE__ */ jsx(ContextMenu, {}) }),
-    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(TagsTable, {}) })
-  ] });
-};
-
-export { TagsPage };
-//# sourceMappingURL=TagsPage.esm.js.map

package/dist/components/TagsPage/TagsPage.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsPage.esm.js","sources":["../../../src/components/TagsPage/TagsPage.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  Page,\n  Header,\n  Content,\n  Table,\n  TableColumn,\n  ErrorPanel,\n} from '@backstage/core-components';\nimport { NewTagDialog } from '../NewTagDialog';\nimport {\n  useAnnouncementsTranslation,\n  useTags,\n  announcementsApiRef,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  announcementCreatePermission,\n  Tag,\n} from '@backstage-community/plugin-announcements-common';\nimport { useDeleteTagDialogState } from './useDeleteTagDialogState';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { DeleteTagDialog } from './DeleteTagDialog';\nimport { ResponseError } from '@backstage/errors';\nimport { IconButton, Typography } from '@material-ui/core';\nimport AddIcon from '@material-ui/icons/Add';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport { ContextMenu } from '../AnnouncementsPage/ContextMenu';\nimport { usePermission } from '@backstage/plugin-permission-react';\n\nconst TagsTable = () => {\n  const [newTagDialogOpen, setNewTagDialogOpen] = useState(false);\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { tags, loading, error, retry: refresh } = useTags();\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    open: openDeleteDialog,\n    close: closeDeleteDialog,\n    tag: tagToDelete,\n  } = useDeleteTagDialogState();\n  const { t } = useAnnouncementsTranslation();\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const onNewTagDialogClose = () => {\n    setNewTagDialogOpen(false);\n    refresh();\n  };\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteTag(tagToDelete!.slug);\n\n      alertApi.post({\n        message: t('tagsTable.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  const columns: TableColumn<Tag>[] = [\n    {\n      title: t('tagsTable.slug'),\n      field: 'slug',\n    },\n    {\n      title: t('tagsTable.title'),\n      field: 'title',\n    },\n    {\n      title: t('tagsTable.actions'),\n      field: 'actions',\n      render: tag => {\n        return (\n          <IconButton onClick={() => openDeleteDialog(tag)}>\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        options={{ paging: false }}\n        data={tags || []}\n        columns={columns}\n        isLoading={loading}\n        title=\"Tags\"\n        actions={[\n          {\n            icon: () => <AddIcon />,\n            tooltip: t('tagsTable.addTooltip'),\n            isFreeAction: true,\n            onClick: _event => setNewTagDialogOpen(true),\n          },\n        ]}\n        emptyContent={\n          <Typography style={{ padding: 2, textAlign: 'center' }}>\n            {t('tagsTable.noTagsFound')}\n          </Typography>\n        }\n      />\n      <NewTagDialog\n        open={newTagDialogOpen}\n        onClose={onNewTagDialogClose}\n        onSubmit={refresh}\n      />\n      <DeleteTagDialog\n        open={isDeleteDialogOpen}\n        onCancel={onCancelDelete}\n        onConfirm={onConfirmDelete}\n      />\n    </>\n  );\n};\n\ntype TagsPageProps = {\n  themeId: string;\n  hideContextMenu?: boolean;\n};\n\nexport const TagsPage = (props: TagsPageProps) => {\n  const { t } = useAnnouncementsTranslation();\n  const { allowed: canCreate } = usePermission({\n    permission: announcementCreatePermission,\n  });\n  const { themeId, hideContextMenu } = props;\n\n  return (\n    <Page themeId={themeId}>\n      <Header title={t('tagsPage.title')} subtitle={t('tagsPage.subtitle')}>\n        {!hideContextMenu && canCreate && <ContextMenu />}\n      </Header>\n\n      <Content>\n        <TagsTable />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/TagsPage/useDeleteTagDialogState.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDeleteTagDialogState.esm.js","sources":["../../../src/components/TagsPage/useDeleteTagDialogState.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 { Tag } from '@backstage-community/plugin-announcements-common';\nimport { useCallback, useState } from 'react';\n\ntype DeleteTagDialogState = {\n  open: (t: Tag) => void;\n  close: () => void;\n\n  isOpen: boolean;\n  tag?: Tag;\n};\n\nexport function useDeleteTagDialogState(): DeleteTagDialogState {\n  const [state, setState] = useState<{\n    open: boolean;\n    tag?: Tag;\n  }>({ open: false });\n\n  const setOpen = useCallback(\n    (t: Tag) => {\n      setState({\n        open: true,\n        tag: t,\n      });\n    },\n    [setState],\n  );\n\n  const setClosed = useCallback(() => {\n    setState({\n      open: false,\n      tag: undefined,\n    });\n  }, [setState]);\n\n  return {\n    open: setOpen,\n    close: setClosed,\n\n    tag: state.tag,\n    isOpen: state.open,\n  };\n}\n"],"names":[],"mappings":";;AA0BO,SAAS,uBAAgD,GAAA;AAC9D,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAGvB,EAAE,IAAA,EAAM,OAAO,CAAA;AAElB,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,CAAW,KAAA;AACV,MAAS,QAAA,CAAA;AAAA,QACP,IAAM,EAAA,IAAA;AAAA,QACN,GAAK,EAAA;AAAA,OACN,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,GAAK,EAAA,KAAA;AAAA,KACN,CAAA;AAAA,GACH,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IAEP,KAAK,KAAM,CAAA,GAAA;AAAA,IACX,QAAQ,KAAM,CAAA;AAAA,GAChB;AACF;;;;"}