@backstage-community/plugin-announcements 1.1.0 → 1.3.0

package/dist/components/Admin/TagsContent/TagsContent.esm.js

@@ -7,9 +7,9 @@ import { useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { Typography, IconButton, Grid, Button } from '@material-ui/core';
 import DeleteIcon from '@material-ui/icons/Delete';
-import { useDeleteDialogState } from '../DeleteDialog/useDeleteDialogState.esm.js';
-import { DeleteDialog } from '../DeleteDialog/DeleteDialog.esm.js';
-import { TagsForm } from './TagsForm.esm.js';
+import { useDeleteDialogState } from '../shared/DeleteDialog/useDeleteDialogState.esm.js';
+import { DeleteDialog } from '../shared/DeleteDialog/DeleteDialog.esm.js';
+import { TitleForm } from '../shared/TitleForm/TitleForm.esm.js';
 
 const TagsContent = () => {
   const [showNewTagForm, setShowNewTagForm] = useState(false);
@@ -24,6 +24,12 @@ const TagsContent = () => {
     item: tagToDelete
   } = useDeleteDialogState();
   const permissions = useAnnouncementsPermissions();
+  const translationKeys = {
+    new: t("tagsForm.newTag"),
+    edit: t("tagsForm.editTag"),
+    titleLabel: t("tagsForm.titleLabel"),
+    submit: t("tagsForm.submit")
+  };
   const onSubmit = async (request) => {
     const { title } = request;
     try {
@@ -115,7 +121,18 @@ const TagsContent = () => {
         children: showNewTagForm ? t("admin.tagsContent.cancelButton") : t("admin.tagsContent.createButton")
       }
     ) }),
-    showNewTagForm && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(TagsForm, { initialData: {}, onSubmit }) }),
+    showNewTagForm && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      TitleForm,
+      {
+        translationKeys,
+        onSubmit,
+        testIds: {
+          form: "tag-form",
+          input: "tag-title-input",
+          button: "tag-submit-button"
+        }
+      }
+    ) }),
     /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
       Table,
       {

package/dist/components/Admin/TagsContent/TagsContent.esm.js.map

@@ -1 +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 } from '../DeleteDialog';\nimport { TagsForm } from './TagsForm';\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 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            <TagsForm initialData={{} as Tag} onSubmit={onSubmit} />\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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"}
+{"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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"}

package/dist/components/Admin/shared/DeleteDialog/DeleteDialog.esm.js.map

@@ -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;;;;"}

package/dist/components/Admin/shared/DeleteDialog/useDeleteDialogState.esm.js.map

@@ -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;;;;"}

package/dist/components/Admin/shared/TitleForm/TitleForm.esm.js

@@ -0,0 +1,71 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useMemo } from 'react';
+import { InfoCard } from '@backstage/core-components';
+import { useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
+import { Box, TextField, Button } from '@material-ui/core';
+
+const TitleForm = (props) => {
+  const { initialData, translationKeys, onSubmit, testIds } = props;
+  const [form, setForm] = useState(initialData ?? { title: "" });
+  const [loading, setLoading] = useState(false);
+  const permissions = useAnnouncementsPermissions();
+  const handleChange = (event) => {
+    setForm((prev) => ({
+      ...prev,
+      title: event.target.value
+    }));
+  };
+  const handleSubmit = async (event) => {
+    setLoading(true);
+    event.preventDefault();
+    try {
+      await onSubmit(form);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const isDisabled = useMemo(() => {
+    return loading || !form?.title || permissions.create.loading || !permissions.create.allowed;
+  }, [
+    loading,
+    form?.title,
+    permissions.create.loading,
+    permissions.create.allowed
+  ]);
+  return /* @__PURE__ */ jsx(
+    InfoCard,
+    {
+      title: initialData?.title ? translationKeys.edit : translationKeys.new,
+      children: /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, "data-testid": testIds?.form ?? "title-form", children: [
+        /* @__PURE__ */ jsx(Box, { py: 2, children: /* @__PURE__ */ jsx(
+          TextField,
+          {
+            id: "title",
+            "data-testid": testIds?.input ?? "title-input",
+            type: "text",
+            label: translationKeys.titleLabel,
+            value: form.title,
+            onChange: handleChange,
+            variant: "outlined",
+            fullWidth: true,
+            required: true
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "contained",
+            color: "primary",
+            type: "submit",
+            "data-testid": testIds?.button ?? "title-submit-button",
+            disabled: isDisabled,
+            children: translationKeys.submit
+          }
+        )
+      ] })
+    }
+  );
+};
+
+export { TitleForm };
+//# sourceMappingURL=TitleForm.esm.js.map

package/dist/components/Admin/shared/TitleForm/TitleForm.esm.js.map

@@ -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;;;;"}

package/dist/components/index.esm.js

@@ -1,4 +1,5 @@
 export { AnnouncementsTimeline } from './AnnouncementsTimeline/AnnouncementsTimeline.esm.js';
 export { AdminPortal } from './Admin/AdminPortal/AdminPortal.esm.js';
 export { AnnouncementsContent } from './Admin/AnnouncementsContent/AnnouncementsContent.esm.js';
+export { MarkdownRenderer } from './MarkdownRenderer/MarkdownRenderer.esm.js';
 //# sourceMappingURL=index.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/index.d.ts

@@ -94,7 +94,14 @@ declare const AnnouncementsPage: (props: {
     defaultInactive?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 /**
- * @public
+ * @public @deprecated
+ *
+ * This exported component will not be migrated to new frontend system.
+ *
+ * Access will be via the context menu on the root announcements page and dedicated routes
+ * (`/announcements/admin`, `/announcements/admin/categories`, `/announcements/admin/tags`)
+ *
+ * Please open an issue if you have concerns about this.
  */
 declare const AnnouncementsAdminPortal: (props?: {
     themeId?: string | undefined;
@@ -103,7 +110,11 @@ declare const AnnouncementsAdminPortal: (props?: {
     defaultInactive?: boolean | undefined;
 } | undefined) => react_jsx_runtime.JSX.Element;
 /**
- * @public
+ * @public @deprecated
+ *
+ * This exported component will not be migrated to new frontend system.
+ *
+ * Please open an issue if you have concerns about this.
  */
 declare const AnnouncementsTimeline: ({ maxResults, timelineAlignment, timelineMinWidth, hideInactive, sortBy, order, current, }: AnnouncementsTimelineProps) => react_jsx_runtime.JSX.Element;
 /**
@@ -132,9 +143,6 @@ declare const NewAnnouncementBanner: (props: {
     tags?: string[] | undefined;
     sortBy?: "created_at" | "updated_at" | undefined;
     cardOptions?: {
-        /**
-         * @public
-         */
         titleLength?: number | undefined;
         excerptLength?: number | undefined;
     } | undefined;

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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 { JSX } from 'react';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  errorApiRef,\n  identityApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { AnnouncementSearchResultProps } from './components/AnnouncementSearchResultListItem';\nimport { rootRouteRef } from './routes';\nimport {\n  announcementsApiRef,\n  AnnouncementsClient,\n} from '@backstage-community/plugin-announcements-react';\n\n/**\n * @public\n */\nexport const announcementsPlugin = createPlugin({\n  id: 'announcements',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: announcementsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        identityApi: identityApiRef,\n        errorApi: errorApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {\n        return new AnnouncementsClient({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n          errorApi: errorApi,\n          fetchApi: fetchApi,\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const AnnouncementsPage = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsPage',\n    component: () => import('./components/Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsAdminPortal = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsAdminPortal',\n    component: {\n      lazy: () => import('./components/Admin').then(m => m.AdminPortal),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsTimeline = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsTimeline',\n    component: {\n      lazy: () => import('./components').then(m => m.AnnouncementsTimeline),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsCard = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsCard',\n    component: {\n      lazy: () =>\n        import('./components/AnnouncementsCard').then(m => m.AnnouncementsCard),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const NewAnnouncementBanner = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'NewAnnouncementBanner',\n    component: {\n      lazy: () =>\n        import('./components/NewAnnouncementBanner').then(\n          m => m.NewAnnouncementBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>,\n) => JSX.Element | null = announcementsPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'AnnouncementSearchResultListItem',\n    component: () =>\n      import('./components/AnnouncementSearchResultListItem').then(\n        m => m.AnnouncementSearchResultListItem,\n      ),\n    predicate: result => result.type === 'announcements',\n  }),\n);\n"],"names":[],"mappings":";;;;;AAwCO,MAAM,sBAAsB,YAAa,CAAA;AAAA,EAC9C,EAAI,EAAA,eAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,WAAa,EAAA,cAAA;AAAA,QACb,QAAU,EAAA,WAAA;AAAA,QACV,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,WAAa,EAAA,QAAA,EAAU,UAAe,KAAA;AAC9D,QAAA,OAAO,IAAI,mBAAoB,CAAA;AAAA,UAC7B,YAAA;AAAA,UACA,WAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AACH,KACD;AAAA;AAEL,CAAC;AAKM,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,4BAAqB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACjE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,2BAA2B,mBAAoB,CAAA,OAAA;AAAA,EAC1D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW;AAAA;AAClE,GACD;AACH;AAKO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,qBAAqB;AAAA;AACtE,GACD;AACH;AAKO,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB;AAAA;AAC1E,GACD;AACH;AAKO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,mCAEa,mBAAoB,CAAA,OAAA;AAAA,EAC5C,mCAAoC,CAAA;AAAA,IAClC,IAAM,EAAA,kCAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,4DAA+C,CAAE,CAAA,IAAA;AAAA,MACtD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA,GACtC;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.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 { JSX } from 'react';\nimport {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  errorApiRef,\n  identityApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { AnnouncementSearchResultProps } from './components/AnnouncementSearchResultListItem';\nimport { rootRouteRef } from './routes';\nimport {\n  announcementsApiRef,\n  AnnouncementsClient,\n} from '@backstage-community/plugin-announcements-react';\n\n/**\n * @public\n */\nexport const announcementsPlugin = createPlugin({\n  id: 'announcements',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: announcementsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        identityApi: identityApiRef,\n        errorApi: errorApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {\n        return new AnnouncementsClient({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n          errorApi: errorApi,\n          fetchApi: fetchApi,\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const AnnouncementsPage = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsPage',\n    component: () => import('./components/Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public @deprecated\n *\n * This exported component will not be migrated to new frontend system.\n *\n * Access will be via the context menu on the root announcements page and dedicated routes\n * (`/announcements/admin`, `/announcements/admin/categories`, `/announcements/admin/tags`)\n *\n * Please open an issue if you have concerns about this.\n */\nexport const AnnouncementsAdminPortal = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsAdminPortal',\n    component: {\n      lazy: () => import('./components/Admin').then(m => m.AdminPortal),\n    },\n  }),\n);\n\n/**\n * @public @deprecated\n *\n * This exported component will not be migrated to new frontend system.\n *\n * Please open an issue if you have concerns about this.\n */\nexport const AnnouncementsTimeline = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsTimeline',\n    component: {\n      lazy: () => import('./components').then(m => m.AnnouncementsTimeline),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsCard = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsCard',\n    component: {\n      lazy: () =>\n        import('./components/AnnouncementsCard').then(m => m.AnnouncementsCard),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const NewAnnouncementBanner = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'NewAnnouncementBanner',\n    component: {\n      lazy: () =>\n        import('./components/NewAnnouncementBanner').then(\n          m => m.NewAnnouncementBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>,\n) => JSX.Element | null = announcementsPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'AnnouncementSearchResultListItem',\n    component: () =>\n      import('./components/AnnouncementSearchResultListItem').then(\n        m => m.AnnouncementSearchResultListItem,\n      ),\n    predicate: result => result.type === 'announcements',\n  }),\n);\n"],"names":[],"mappings":";;;;;AAwCO,MAAM,sBAAsB,YAAa,CAAA;AAAA,EAC9C,EAAI,EAAA,eAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,WAAa,EAAA,cAAA;AAAA,QACb,QAAU,EAAA,WAAA;AAAA,QACV,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,WAAa,EAAA,QAAA,EAAU,UAAe,KAAA;AAC9D,QAAA,OAAO,IAAI,mBAAoB,CAAA;AAAA,UAC7B,YAAA;AAAA,UACA,WAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AACH,KACD;AAAA;AAEL,CAAC;AAKM,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,4BAAqB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACjE,UAAY,EAAA;AAAA,GACb;AACH;AAYO,MAAM,2BAA2B,mBAAoB,CAAA,OAAA;AAAA,EAC1D,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW;AAAA;AAClE,GACD;AACH;AASO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,qBAAqB;AAAA;AACtE,GACD;AACH;AAKO,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB;AAAA;AAC1E,GACD;AACH;AAKO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,mCAEa,mBAAoB,CAAA,OAAA;AAAA,EAC5C,mCAAoC,CAAA;AAAA,IAClC,IAAM,EAAA,kCAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,4DAA+C,CAAE,CAAA,IAAA;AAAA,MACtD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA,GACtC;AACH;;;;"}

package/dist/routes.esm.js

@@ -3,16 +3,26 @@ import { createRouteRef, createSubRouteRef } from '@backstage/core-plugin-api';
 const rootRouteRef = createRouteRef({
   id: "announcements"
 });
+const announcementViewRouteRef = createSubRouteRef({
+  id: "announcements/view",
+  path: "/view/:id",
+  parent: rootRouteRef
+});
 const announcementAdminRouteRef = createSubRouteRef({
   id: "announcements/admin",
   path: "/admin",
   parent: rootRouteRef
 });
-const announcementViewRouteRef = createSubRouteRef({
-  id: "announcements/view",
-  path: "/view/:id",
+const adminCategoriesRouteRef = createSubRouteRef({
+  id: "announcements-admin-categories",
+  path: "/admin/categories",
+  parent: rootRouteRef
+});
+const adminTagsRouteRef = createSubRouteRef({
+  id: "announcements-admin-tags",
+  path: "/admin/tags",
   parent: rootRouteRef
 });
 
-export { announcementAdminRouteRef, announcementViewRouteRef, rootRouteRef };
+export { adminCategoriesRouteRef, adminTagsRouteRef, announcementAdminRouteRef, announcementViewRouteRef, rootRouteRef };
 //# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.esm.js","sources":["../src/routes.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 { createRouteRef, createSubRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'announcements',\n});\n\nexport const announcementAdminRouteRef = createSubRouteRef({\n  id: 'announcements/admin',\n  path: '/admin',\n  parent: rootRouteRef,\n});\n\nexport const announcementViewRouteRef = createSubRouteRef({\n  id: 'announcements/view',\n  path: '/view/:id',\n  parent: rootRouteRef,\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAEM,MAAM,4BAA4B,iBAAkB,CAAA;AAAA,EACzD,EAAI,EAAA,qBAAA;AAAA,EACJ,IAAM,EAAA,QAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAEM,MAAM,2BAA2B,iBAAkB,CAAA;AAAA,EACxD,EAAI,EAAA,oBAAA;AAAA,EACJ,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;;;;"}
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.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 { createRouteRef, createSubRouteRef } from '@backstage/core-plugin-api';\n\n/**\n * The root route for the announcements plugin\n */\nexport const rootRouteRef = createRouteRef({\n  id: 'announcements',\n});\n\n/**\n * The route for viewing a single announcement\n */\nexport const announcementViewRouteRef = createSubRouteRef({\n  id: 'announcements/view',\n  path: '/view/:id',\n  parent: rootRouteRef,\n});\n\n/**\n * The route for the admin portal, defaulting to the announcements tab\n */\nexport const announcementAdminRouteRef = createSubRouteRef({\n  id: 'announcements/admin',\n  path: '/admin',\n  parent: rootRouteRef,\n});\n\n/**\n * The route for the categories tab in the admin portal\n */\nexport const adminCategoriesRouteRef = createSubRouteRef({\n  id: 'announcements-admin-categories',\n  path: '/admin/categories',\n  parent: rootRouteRef,\n});\n\n/**\n * The route for the tags tab in the admin portal\n */\nexport const adminTagsRouteRef = createSubRouteRef({\n  id: 'announcements-admin-tags',\n  path: '/admin/tags',\n  parent: rootRouteRef,\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;AAKM,MAAM,2BAA2B,iBAAkB,CAAA;AAAA,EACxD,EAAI,EAAA,oBAAA;AAAA,EACJ,IAAM,EAAA,WAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAKM,MAAM,4BAA4B,iBAAkB,CAAA;AAAA,EACzD,EAAI,EAAA,qBAAA;AAAA,EACJ,IAAM,EAAA,QAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAKM,MAAM,0BAA0B,iBAAkB,CAAA;AAAA,EACvD,EAAI,EAAA,gCAAA;AAAA,EACJ,IAAM,EAAA,mBAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;AAKM,MAAM,oBAAoB,iBAAkB,CAAA;AAAA,EACjD,EAAI,EAAA,0BAAA;AAAA,EACJ,IAAM,EAAA,aAAA;AAAA,EACN,MAAQ,EAAA;AACV,CAAC;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-announcements",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -61,26 +61,28 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements-common": "^0.13.0",
-    "@backstage-community/plugin-announcements-react": "^0.16.0",
+    "@backstage-community/plugin-announcements-common": "^0.15.0",
+    "@backstage-community/plugin-announcements-react": "^0.18.0",
     "@backstage/catalog-model": "^1.7.6",
-    "@backstage/core-app-api": "^1.19.2",
-    "@backstage/core-compat-api": "^0.5.4",
-    "@backstage/core-components": "^0.18.3",
-    "@backstage/core-plugin-api": "^1.12.0",
+    "@backstage/core-app-api": "^1.19.3",
+    "@backstage/core-compat-api": "^0.5.5",
+    "@backstage/core-components": "^0.18.4",
+    "@backstage/core-plugin-api": "^1.12.1",
     "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.13.1",
-    "@backstage/plugin-catalog-react": "^1.21.3",
-    "@backstage/plugin-permission-react": "^0.4.38",
+    "@backstage/frontend-plugin-api": "^0.13.2",
+    "@backstage/plugin-catalog-react": "^1.21.4",
+    "@backstage/plugin-permission-react": "^0.4.39",
     "@backstage/plugin-search-common": "^1.2.21",
-    "@backstage/plugin-search-react": "^1.10.0",
-    "@backstage/plugin-signals-react": "^0.0.17",
-    "@backstage/theme": "^0.7.0",
+    "@backstage/plugin-search-react": "^1.10.1",
+    "@backstage/plugin-signals-react": "^0.0.18",
+    "@backstage/theme": "^0.7.1",
+    "@backstage/ui": "^0.10.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.15.6",
+    "@remixicon/react": "^4.7.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@uiw/react-md-editor": "^4.0.8",
     "add": "^2.0.6",
@@ -94,16 +96,16 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.34.5",
-    "@backstage/dev-utils": "^1.1.17",
-    "@backstage/frontend-test-utils": "^0.4.1",
-    "@backstage/plugin-signals": "^0.0.25",
-    "@backstage/test-utils": "^1.7.13",
+    "@backstage/cli": "^0.35.1",
+    "@backstage/dev-utils": "^1.1.18",
+    "@backstage/frontend-test-utils": "^0.4.2",
+    "@backstage/plugin-signals": "^0.0.26",
+    "@backstage/test-utils": "^1.7.14",
     "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
     "@types/luxon": "^3.3.3",
-    "cross-fetch": "^3.1.8",
+    "cross-fetch": "^4.0.0",
     "msw": "^1.3.2",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",

package/dist/components/Admin/CategoriesContent/CategoriesForm.esm.js

@@ -1,71 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { InfoCard } from '@backstage/core-components';
-import { useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
-import { makeStyles, TextField, Button } from '@material-ui/core';
-
-const useStyles = makeStyles((theme) => {
-  return {
-    formRoot: {
-      "& > *": {
-        margin: theme?.spacing?.(1) ?? "8px"
-      }
-    }
-  };
-});
-const CategoriesForm = ({
-  initialData,
-  onSubmit
-}) => {
-  const classes = useStyles();
-  const [form, setForm] = useState(initialData);
-  const [loading, setLoading] = useState(false);
-  const { t } = useAnnouncementsTranslation();
-  const permissions = useAnnouncementsPermissions();
-  const handleChange = (event) => {
-    setForm({
-      ...form,
-      [event.target.id]: event.target.value
-    });
-  };
-  const handleSubmit = async (event) => {
-    setLoading(true);
-    event.preventDefault();
-    await onSubmit(form);
-    setLoading(false);
-  };
-  return /* @__PURE__ */ jsx(
-    InfoCard,
-    {
-      title: initialData.title ? t("categoriesForm.editCategory") : t("categoriesForm.newCategory"),
-      children: /* @__PURE__ */ jsxs("form", { className: classes.formRoot, onSubmit: handleSubmit, children: [
-        /* @__PURE__ */ jsx(
-          TextField,
-          {
-            id: "title",
-            type: "text",
-            label: t("categoriesForm.titleLabel"),
-            value: form.title,
-            onChange: handleChange,
-            variant: "outlined",
-            fullWidth: true,
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "contained",
-            color: "primary",
-            type: "submit",
-            disabled: loading || !form || permissions.create.loading || !permissions.create.allowed,
-            children: t("categoriesForm.submit")
-          }
-        )
-      ] })
-    }
-  );
-};
-
-export { CategoriesForm };
-//# sourceMappingURL=CategoriesForm.esm.js.map

package/dist/components/Admin/CategoriesContent/CategoriesForm.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CategoriesForm.esm.js","sources":["../../../../src/components/Admin/CategoriesContent/CategoriesForm.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, useState } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  CreateCategoryRequest,\n  useAnnouncementsTranslation,\n  useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport { Button, makeStyles, TextField } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    formRoot: {\n      '& > *': {\n        margin: theme?.spacing?.(1) ?? '8px',\n      },\n    },\n  };\n});\n\nexport type CategoriesFormProps = {\n  initialData: Category;\n  onSubmit: (data: CreateCategoryRequest) => Promise<void>;\n};\n\nexport const CategoriesForm = ({\n  initialData,\n  onSubmit,\n}: CategoriesFormProps) => {\n  const classes = useStyles();\n  const [form, setForm] = useState(initialData);\n  const [loading, setLoading] = useState(false);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setForm({\n      ...form,\n      [event.target.id]: event.target.value,\n    });\n  };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    setLoading(true);\n    event.preventDefault();\n\n    await onSubmit(form);\n    setLoading(false);\n  };\n\n  return (\n    <InfoCard\n      title={\n        initialData.title\n          ? t('categoriesForm.editCategory')\n          : t('categoriesForm.newCategory')\n      }\n    >\n      <form className={classes.formRoot} onSubmit={handleSubmit}>\n        <TextField\n          id=\"title\"\n          type=\"text\"\n          label={t('categoriesForm.titleLabel')}\n          value={form.title}\n          onChange={handleChange}\n          variant=\"outlined\"\n          fullWidth\n          required\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          type=\"submit\"\n          disabled={\n            loading ||\n            !form ||\n            permissions.create.loading ||\n            !permissions.create.allowed\n          }\n        >\n          {t('categoriesForm.submit')}\n        </Button>\n      </form>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,CAAS,KAAA,KAAA;AACpC,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,CAAK,IAAA;AAAA;AACjC;AACF,GACF;AACF,CAAC,CAAA;AAOM,MAAM,iBAAiB,CAAC;AAAA,EAC7B,WAAA;AAAA,EACA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAA,MAAM,cAAc,2BAA4B,EAAA;AAEhD,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAQ,OAAA,CAAA;AAAA,MACN,GAAG,IAAA;AAAA,MACH,CAAC,KAAM,CAAA,MAAA,CAAO,EAAE,GAAG,MAAM,MAAO,CAAA;AAAA,KACjC,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,YAAA,GAAe,OAAO,KAAsC,KAAA;AAChE,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,KAAA,CAAM,cAAe,EAAA;AAErB,IAAA,MAAM,SAAS,IAAI,CAAA;AACnB,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,GAClB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OACE,WAAY,CAAA,KAAA,GACR,EAAE,6BAA6B,CAAA,GAC/B,EAAE,4BAA4B,CAAA;AAAA,MAGpC,+BAAC,MAAK,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,QAAA,EAAU,UAAU,YAC3C,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACC,EAAG,EAAA,OAAA;AAAA,YACH,IAAK,EAAA,MAAA;AAAA,YACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,YACpC,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,SACV;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAQ,EAAA,WAAA;AAAA,YACR,KAAM,EAAA,SAAA;AAAA,YACN,IAAK,EAAA,QAAA;AAAA,YACL,QAAA,EACE,WACA,CAAC,IAAA,IACD,YAAY,MAAO,CAAA,OAAA,IACnB,CAAC,WAAA,CAAY,MAAO,CAAA,OAAA;AAAA,YAGrB,YAAE,uBAAuB;AAAA;AAAA;AAC5B,OACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/Admin/DeleteDialog/DeleteDialog.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteDialog.esm.js","sources":["../../../../src/components/Admin/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;;;;"}

package/dist/components/Admin/DeleteDialog/useDeleteDialogState.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDeleteDialogState.esm.js","sources":["../../../../src/components/Admin/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;;;;"}

package/dist/components/Admin/TagsContent/TagsForm.esm.js

@@ -1,81 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState } from 'react';
-import { InfoCard } from '@backstage/core-components';
-import { useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
-import { makeStyles, TextField, Button } from '@material-ui/core';
-
-const useStyles = makeStyles((theme) => {
-  return {
-    formRoot: {
-      "& > *": {
-        margin: theme?.spacing?.(1) ?? "8px"
-      }
-    }
-  };
-});
-const TagsForm = ({
-  initialData = { title: "", slug: "" },
-  onSubmit
-}) => {
-  const classes = useStyles();
-  const [form, setForm] = useState(initialData);
-  const [loading, setLoading] = useState(false);
-  const { t } = useAnnouncementsTranslation();
-  const permissions = useAnnouncementsPermissions();
-  const handleChange = (event) => {
-    setForm({
-      ...form,
-      [event.target.id]: event.target.value
-    });
-  };
-  const handleSubmit = async (event) => {
-    setLoading(true);
-    event.preventDefault();
-    await onSubmit(form);
-    setLoading(false);
-  };
-  return /* @__PURE__ */ jsx(
-    InfoCard,
-    {
-      title: initialData.title ? t("tagsForm.editTag") : t("tagsForm.newTag"),
-      children: /* @__PURE__ */ jsxs(
-        "form",
-        {
-          className: classes.formRoot,
-          onSubmit: handleSubmit,
-          "data-testid": "tag-form",
-          children: [
-            /* @__PURE__ */ jsx(
-              TextField,
-              {
-                id: "title",
-                type: "text",
-                label: t("tagsForm.titleLabel"),
-                value: form.title || "",
-                onChange: handleChange,
-                variant: "outlined",
-                fullWidth: true,
-                required: true,
-                inputProps: { "data-testid": "tag-title-input" }
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "contained",
-                color: "primary",
-                type: "submit",
-                disabled: loading || !form.title || permissions.create.loading || !permissions.create.allowed,
-                "data-testid": "tag-submit-button",
-                children: t("tagsForm.submit")
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-
-export { TagsForm };
-//# sourceMappingURL=TagsForm.esm.js.map

package/dist/components/Admin/TagsContent/TagsForm.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TagsForm.esm.js","sources":["../../../../src/components/Admin/TagsContent/TagsForm.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, type ChangeEvent, type FormEvent } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  CreateTagRequest,\n  useAnnouncementsTranslation,\n  useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport { Tag } from '@backstage-community/plugin-announcements-common';\nimport { Button, makeStyles, TextField } from '@material-ui/core';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    formRoot: {\n      '& > *': {\n        margin: theme?.spacing?.(1) ?? '8px',\n      },\n    },\n  };\n});\n\nexport type TagsFormProps = {\n  initialData: Tag;\n  onSubmit: (data: CreateTagRequest) => Promise<void>;\n};\n\nexport const TagsForm = ({\n  initialData = { title: '', slug: '' },\n  onSubmit,\n}: TagsFormProps) => {\n  const classes = useStyles();\n  const [form, setForm] = useState(initialData);\n  const [loading, setLoading] = useState(false);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setForm({\n      ...form,\n      [event.target.id]: event.target.value,\n    });\n  };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    setLoading(true);\n    event.preventDefault();\n\n    await onSubmit(form);\n    setLoading(false);\n  };\n\n  return (\n    <InfoCard\n      title={initialData.title ? t('tagsForm.editTag') : t('tagsForm.newTag')}\n    >\n      <form\n        className={classes.formRoot}\n        onSubmit={handleSubmit}\n        data-testid=\"tag-form\"\n      >\n        <TextField\n          id=\"title\"\n          type=\"text\"\n          label={t('tagsForm.titleLabel')}\n          value={form.title || ''}\n          onChange={handleChange}\n          variant=\"outlined\"\n          fullWidth\n          required\n          inputProps={{ 'data-testid': 'tag-title-input' }}\n        />\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          type=\"submit\"\n          disabled={\n            loading ||\n            !form.title ||\n            permissions.create.loading ||\n            !permissions.create.allowed\n          }\n          data-testid=\"tag-submit-button\"\n        >\n          {t('tagsForm.submit')}\n        </Button>\n      </form>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAyBA,MAAM,SAAA,GAAY,WAAW,CAAS,KAAA,KAAA;AACpC,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,MAAQ,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,CAAK,IAAA;AAAA;AACjC;AACF,GACF;AACF,CAAC,CAAA;AAOM,MAAM,WAAW,CAAC;AAAA,EACvB,WAAc,GAAA,EAAE,KAAO,EAAA,EAAA,EAAI,MAAM,EAAG,EAAA;AAAA,EACpC;AACF,CAAqB,KAAA;AACnB,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,WAAW,CAAA;AAC5C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAA,MAAM,cAAc,2BAA4B,EAAA;AAEhD,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAQ,OAAA,CAAA;AAAA,MACN,GAAG,IAAA;AAAA,MACH,CAAC,KAAM,CAAA,MAAA,CAAO,EAAE,GAAG,MAAM,MAAO,CAAA;AAAA,KACjC,CAAA;AAAA,GACH;AAEA,EAAM,MAAA,YAAA,GAAe,OAAO,KAAsC,KAAA;AAChE,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,KAAA,CAAM,cAAe,EAAA;AAErB,IAAA,MAAM,SAAS,IAAI,CAAA;AACnB,IAAA,UAAA,CAAW,KAAK,CAAA;AAAA,GAClB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAO,WAAY,CAAA,KAAA,GAAQ,EAAE,kBAAkB,CAAA,GAAI,EAAE,iBAAiB,CAAA;AAAA,MAEtE,QAAA,kBAAA,IAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,WAAW,OAAQ,CAAA,QAAA;AAAA,UACnB,QAAU,EAAA,YAAA;AAAA,UACV,aAAY,EAAA,UAAA;AAAA,UAEZ,QAAA,EAAA;AAAA,4BAAA,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,EAAG,EAAA,OAAA;AAAA,gBACH,IAAK,EAAA,MAAA;AAAA,gBACL,KAAA,EAAO,EAAE,qBAAqB,CAAA;AAAA,gBAC9B,KAAA,EAAO,KAAK,KAAS,IAAA,EAAA;AAAA,gBACrB,QAAU,EAAA,YAAA;AAAA,gBACV,OAAQ,EAAA,UAAA;AAAA,gBACR,SAAS,EAAA,IAAA;AAAA,gBACT,QAAQ,EAAA,IAAA;AAAA,gBACR,UAAA,EAAY,EAAE,aAAA,EAAe,iBAAkB;AAAA;AAAA,aACjD;AAAA,4BACA,GAAA;AAAA,cAAC,MAAA;AAAA,cAAA;AAAA,gBACC,OAAQ,EAAA,WAAA;AAAA,gBACR,KAAM,EAAA,SAAA;AAAA,gBACN,IAAK,EAAA,QAAA;AAAA,gBACL,QAAA,EACE,OACA,IAAA,CAAC,IAAK,CAAA,KAAA,IACN,YAAY,MAAO,CAAA,OAAA,IACnB,CAAC,WAAA,CAAY,MAAO,CAAA,OAAA;AAAA,gBAEtB,aAAY,EAAA,mBAAA;AAAA,gBAEX,YAAE,iBAAiB;AAAA;AAAA;AACtB;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;;;;"}