@backstage-community/plugin-announcements 0.1.1

package/dist/components/AnnouncementsPage/DeleteAnnouncementDialog.esm.js

@@ -0,0 +1,25 @@
+import { usePermission } from '@backstage/plugin-permission-react';
+import { Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
+import { announcementDeletePermission } from '@backstage-community/plugin-announcements-common';
+import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import React__default from 'react';
+
+const DeleteAnnouncementDialog = (props) => {
+  const { open, onConfirm, onCancel } = props;
+  const { loading: loadingDeletePermission, allowed: canDeleteAnnouncement } = usePermission({
+    permission: announcementDeletePermission
+  });
+  const { t } = useAnnouncementsTranslation();
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open, onClose: onCancel }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, t("deleteDialog.title")), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: onCancel }, t("deleteDialog.cancel")), /* @__PURE__ */ React__default.createElement(
+    Button,
+    {
+      disabled: loadingDeletePermission || !canDeleteAnnouncement,
+      onClick: onConfirm,
+      color: "secondary"
+    },
+    t("deleteDialog.delete")
+  )));
+};
+
+export { DeleteAnnouncementDialog };
+//# sourceMappingURL=DeleteAnnouncementDialog.esm.js.map

package/dist/components/AnnouncementsPage/DeleteAnnouncementDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteAnnouncementDialog.esm.js","sources":["../../../src/components/AnnouncementsPage/DeleteAnnouncementDialog.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 { usePermission } from '@backstage/plugin-permission-react';\nimport { Button, Dialog, DialogActions, DialogTitle } from '@material-ui/core';\nimport { announcementDeletePermission } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport React from 'react';\n\ntype DeleteAnnouncementDialogProps = {\n  open: boolean;\n  onConfirm: () => any;\n  onCancel: () => any;\n};\n\nexport const DeleteAnnouncementDialog = (\n  props: DeleteAnnouncementDialogProps,\n) => {\n  const { open, onConfirm, onCancel } = props;\n\n  const { loading: loadingDeletePermission, allowed: canDeleteAnnouncement } =\n    usePermission({\n      permission: announcementDeletePermission,\n    });\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Dialog open={open} onClose={onCancel}>\n      <DialogTitle>{t('deleteDialog.title')}</DialogTitle>\n      <DialogActions>\n        <Button onClick={onCancel}>{t('deleteDialog.cancel')}</Button>\n\n        <Button\n          disabled={loadingDeletePermission || !canDeleteAnnouncement}\n          onClick={onConfirm}\n          color=\"secondary\"\n        >\n          {t('deleteDialog.delete')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;AA2Ba,MAAA,wBAAA,GAA2B,CACtC,KACG,KAAA;AACH,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAEtC,EAAA,MAAM,EAAE,OAAS,EAAA,uBAAA,EAAyB,OAAS,EAAA,qBAAA,KACjD,aAAc,CAAA;AAAA,IACZ,UAAY,EAAA;AAAA,GACb,CAAA;AACH,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAY,EAAA,OAAA,EAAS,4BAC1BA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAa,EAAE,oBAAoB,CAAE,mBACrCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,+CACE,MAAO,EAAA,EAAA,OAAA,EAAS,YAAW,CAAE,CAAA,qBAAqB,CAAE,CAErD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,2BAA2B,CAAC,qBAAA;AAAA,MACtC,OAAS,EAAA,SAAA;AAAA,MACT,KAAM,EAAA;AAAA,KAAA;AAAA,IAEL,EAAE,qBAAqB;AAAA,GAE5B,CACF,CAAA;AAEJ;;;;"}

package/dist/components/AnnouncementsPage/useDeleteAnnouncementDialogState.esm.js

@@ -0,0 +1,29 @@
+import { useState, useCallback } from 'react';
+
+function useDeleteAnnouncementDialogState() {
+  const [state, setState] = useState({ open: false });
+  const setOpen = useCallback(
+    (a) => {
+      setState({
+        open: true,
+        announcement: a
+      });
+    },
+    [setState]
+  );
+  const setClosed = useCallback(() => {
+    setState({
+      open: false,
+      announcement: void 0
+    });
+  }, [setState]);
+  return {
+    open: setOpen,
+    close: setClosed,
+    announcement: state.announcement,
+    isOpen: state.open
+  };
+}
+
+export { useDeleteAnnouncementDialogState };
+//# sourceMappingURL=useDeleteAnnouncementDialogState.esm.js.map

package/dist/components/AnnouncementsPage/useDeleteAnnouncementDialogState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteAnnouncementDialogState.esm.js","sources":["../../../src/components/AnnouncementsPage/useDeleteAnnouncementDialogState.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 { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { useCallback, useState } from 'react';\n\ntype DeleteAnnouncementDialogState = {\n  open: (a: Announcement) => void;\n  close: () => void;\n\n  isOpen: boolean;\n  announcement?: Announcement;\n};\n\nexport function useDeleteAnnouncementDialogState(): DeleteAnnouncementDialogState {\n  const [state, setState] = useState<{\n    open: boolean;\n    announcement?: Announcement;\n  }>({ open: false });\n\n  const setOpen = useCallback(\n    (a: Announcement) => {\n      setState({\n        open: true,\n        announcement: a,\n      });\n    },\n    [setState],\n  );\n\n  const setClosed = useCallback(() => {\n    setState({\n      open: false,\n      announcement: undefined,\n    });\n  }, [setState]);\n\n  return {\n    open: setOpen,\n    close: setClosed,\n\n    announcement: state.announcement,\n    isOpen: state.open,\n  };\n}\n"],"names":[],"mappings":";;AA0BO,SAAS,gCAAkE,GAAA;AAChF,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAGvB,EAAE,IAAA,EAAM,OAAO,CAAA;AAElB,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,CAAoB,KAAA;AACnB,MAAS,QAAA,CAAA;AAAA,QACP,IAAM,EAAA,IAAA;AAAA,QACN,YAAc,EAAA;AAAA,OACf,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,YAAc,EAAA,KAAA;AAAA,KACf,CAAA;AAAA,GACH,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IAEP,cAAc,KAAM,CAAA,YAAA;AAAA,IACpB,QAAQ,KAAM,CAAA;AAAA,GAChB;AACF;;;;"}

package/dist/components/AnnouncementsTimeline/AnnouncementsTimeline.esm.js

@@ -0,0 +1,55 @@
+import { useRouteRef } from '@backstage/core-plugin-api';
+import React__default from 'react';
+import { Link } from 'react-router-dom';
+import { DateTime } from 'luxon';
+import { announcementViewRouteRef } from '../../routes.esm.js';
+import { useAnnouncements, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { Progress } from '@backstage/core-components';
+import { Timeline, TimelineItem, TimelineOppositeContent, TimelineSeparator, TimelineConnector, TimelineDot, TimelineContent } from '@material-ui/lab';
+import { Box, Typography } from '@material-ui/core';
+import Stack from '@mui/material/Stack';
+
+const DEFAULT_TIMELINE_ALIGNMENT = "alternate";
+const DEFAULT_TIMELINE_WIDTH = "425px";
+const DEFAULT_RESULTS_MAX = 10;
+const DEFAULT_INACTIVE = false;
+const AnnouncementsTimeline = ({
+  maxResults = DEFAULT_RESULTS_MAX,
+  timelineAlignment = DEFAULT_TIMELINE_ALIGNMENT,
+  timelineMinWidth = DEFAULT_TIMELINE_WIDTH,
+  hideInactive = DEFAULT_INACTIVE
+}) => {
+  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
+  const { announcements, loading, error } = useAnnouncements({
+    max: maxResults,
+    active: hideInactive
+  });
+  const { t } = useAnnouncementsTranslation();
+  if (loading) {
+    return /* @__PURE__ */ React__default.createElement(Progress, null);
+  }
+  if (!announcements || announcements.count === 0)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("announcementsTimeline.noAnnouncements"));
+  if (error)
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, `${t("announcementsTimeline.error")}: ${error.message}`);
+  return /* @__PURE__ */ React__default.createElement(
+    Stack,
+    {
+      direction: "column",
+      justifyContent: "center",
+      alignItems: "center",
+      spacing: 0
+    },
+    /* @__PURE__ */ React__default.createElement(Box, { sx: { minWidth: timelineMinWidth } }, /* @__PURE__ */ React__default.createElement(Timeline, { align: timelineAlignment }, announcements.results.map((a) => /* @__PURE__ */ React__default.createElement(TimelineItem, { key: `ti-${a.id}` }, /* @__PURE__ */ React__default.createElement(
+      TimelineOppositeContent,
+      {
+        key: `toc-${a.id}`,
+        style: { margin: "auto 0" }
+      },
+      DateTime.fromISO(a.created_at).toRelative()
+    ), /* @__PURE__ */ React__default.createElement(TimelineSeparator, null, /* @__PURE__ */ React__default.createElement(TimelineConnector, null), /* @__PURE__ */ React__default.createElement(TimelineDot, { color: "primary" }), /* @__PURE__ */ React__default.createElement(TimelineConnector, null)), /* @__PURE__ */ React__default.createElement(TimelineContent, { key: `tc-${a.id}` }, /* @__PURE__ */ React__default.createElement(Link, { to: viewAnnouncementLink({ id: a.id }) }, /* @__PURE__ */ React__default.createElement(Typography, { key: `th6-${a.id}`, variant: "h6", component: "span" }, a.title)), /* @__PURE__ */ React__default.createElement(Typography, { key: `te-${a.id}`, variant: "body2" }, a.excerpt))))))
+  );
+};
+
+export { AnnouncementsTimeline };
+//# sourceMappingURL=AnnouncementsTimeline.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementsTimeline.esm.js","sources":["../../../src/components/AnnouncementsTimeline/AnnouncementsTimeline.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 { useRouteRef } from '@backstage/core-plugin-api';\nimport React from 'react';\nimport { Link } from 'react-router-dom';\nimport { DateTime } from 'luxon';\nimport { announcementViewRouteRef } from '../../routes';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Progress } from '@backstage/core-components';\nimport {\n  Timeline,\n  TimelineItem,\n  TimelineConnector,\n  TimelineDot,\n  TimelineSeparator,\n  TimelineOppositeContent,\n  TimelineContent,\n} from '@material-ui/lab';\nimport { Box, Typography } from '@material-ui/core';\nimport Stack from '@mui/material/Stack';\n\n/**\n * Props for the AnnouncementsTimeline component.\n */\nexport type AnnouncementsTimelineProps = {\n  /**\n   * The maximum number of results to display.\n   * Default: 10\n   */\n  maxResults?: number;\n  /**\n   * The alignment of the timeline items. Can be 'left', 'right', or 'alternate'.\n   * Default: 'alternate'\n   */\n  timelineAlignment?: 'left' | 'right' | 'alternate';\n  /**\n   * The minimum width of the timeline.\n   * Default: '425px'\n   */\n  timelineMinWidth?: string;\n  /**\n   * Whether to only show active announcements.\n   * Default: false\n   */\n  hideInactive?: boolean;\n};\n\n/**\n * Default alignment for the timeline.\n */\nconst DEFAULT_TIMELINE_ALIGNMENT = 'alternate';\n\n/**\n * Default width for the timeline.\n */\nconst DEFAULT_TIMELINE_WIDTH = '425px';\n\n/**\n * Default maximum number of results to display.\n */\nconst DEFAULT_RESULTS_MAX = 10;\n\n/**\n * Default setting for only displaying active annoucenments.\n */\nconst DEFAULT_INACTIVE = false;\n\n/**\n * Timeline of most recent announcements.\n *\n * @param options - The options for the announcements timeline.\n * @returns The rendered announcements timeline.\n */\nexport const AnnouncementsTimeline = ({\n  maxResults = DEFAULT_RESULTS_MAX,\n  timelineAlignment = DEFAULT_TIMELINE_ALIGNMENT,\n  timelineMinWidth = DEFAULT_TIMELINE_WIDTH,\n  hideInactive = DEFAULT_INACTIVE,\n}: AnnouncementsTimelineProps) => {\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: maxResults,\n    active: hideInactive,\n  });\n  const { t } = useAnnouncementsTranslation();\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!announcements || announcements.count === 0)\n    return <>{t('announcementsTimeline.noAnnouncements')}</>;\n\n  if (error)\n    return <>{`${t('announcementsTimeline.error')}: ${error.message}`}</>;\n\n  return (\n    <Stack\n      direction=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      spacing={0}\n    >\n      <Box sx={{ minWidth: timelineMinWidth }}>\n        <Timeline align={timelineAlignment}>\n          {announcements.results.map(a => (\n            <TimelineItem key={`ti-${a.id}`}>\n              <TimelineOppositeContent\n                key={`toc-${a.id}`}\n                style={{ margin: 'auto 0' }}\n              >\n                {DateTime.fromISO(a.created_at).toRelative()}\n              </TimelineOppositeContent>\n\n              <TimelineSeparator>\n                <TimelineConnector />\n                <TimelineDot color=\"primary\" />\n                <TimelineConnector />\n              </TimelineSeparator>\n\n              <TimelineContent key={`tc-${a.id}`}>\n                <Link to={viewAnnouncementLink({ id: a.id })}>\n                  <Typography key={`th6-${a.id}`} variant=\"h6\" component=\"span\">\n                    {a.title}\n                  </Typography>\n                </Link>\n                <Typography key={`te-${a.id}`} variant=\"body2\">\n                  {a.excerpt}\n                </Typography>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </Timeline>\n      </Box>\n    </Stack>\n  );\n};\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,71 @@
+import React__default, { useState } from 'react';
+import { InfoCard } from '@backstage/core-components';
+import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
+import { usePermission } from '@backstage/plugin-permission-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 { loading: loadingCreatePermission, allowed: canCreateCategory } = usePermission({
+    permission: announcementCreatePermission
+  });
+  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__ */ React__default.createElement(
+    InfoCard,
+    {
+      title: initialData.title ? t("categoriesForm.editCategory") : t("categoriesForm.newCategory")
+    },
+    /* @__PURE__ */ React__default.createElement("form", { className: classes.formRoot, onSubmit: handleSubmit }, /* @__PURE__ */ React__default.createElement(
+      TextField,
+      {
+        id: "title",
+        type: "text",
+        label: t("categoriesForm.titleLabel"),
+        value: form.title,
+        onChange: handleChange,
+        variant: "outlined",
+        fullWidth: true,
+        required: true
+      }
+    ), /* @__PURE__ */ React__default.createElement(
+      Button,
+      {
+        variant: "contained",
+        color: "primary",
+        type: "submit",
+        disabled: loading || !form || loadingCreatePermission || !canCreateCategory
+      },
+      t("categoriesForm.submit")
+    ))
+  );
+};
+
+export { CategoriesForm };
+//# sourceMappingURL=CategoriesForm.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesForm.esm.js","sources":["../../../src/components/CategoriesForm/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 React, { useState } from 'react';\nimport { InfoCard } from '@backstage/core-components';\nimport {\n  CreateCategoryRequest,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  announcementCreatePermission,\n  Category,\n} from '@backstage-community/plugin-announcements-common';\nimport { usePermission } from '@backstage/plugin-permission-react';\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\n  const { loading: loadingCreatePermission, allowed: canCreateCategory } =\n    usePermission({\n      permission: announcementCreatePermission,\n    });\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setForm({\n      ...form,\n      [event.target.id]: event.target.value,\n    });\n  };\n\n  const handleSubmit = async (event: React.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 || !form || loadingCreatePermission || !canCreateCategory\n          }\n        >\n          {t('categoriesForm.submit')}\n        </Button>\n      </form>\n    </InfoCard>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;AA4BA,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;AAE1C,EAAA,MAAM,EAAE,OAAS,EAAA,uBAAA,EAAyB,OAAS,EAAA,iBAAA,KACjD,aAAc,CAAA;AAAA,IACZ,UAAY,EAAA;AAAA,GACb,CAAA;AAEH,EAAM,MAAA,YAAA,GAAe,CAAC,KAA+C,KAAA;AACnE,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,KAA4C,KAAA;AACtE,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,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OACE,WAAY,CAAA,KAAA,GACR,EAAE,6BAA6B,CAAA,GAC/B,EAAE,4BAA4B;AAAA,KAAA;AAAA,iDAGnC,MAAK,EAAA,EAAA,SAAA,EAAW,OAAQ,CAAA,QAAA,EAAU,UAAU,YAC3C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,EAAG,EAAA,OAAA;AAAA,QACH,IAAK,EAAA,MAAA;AAAA,QACL,KAAA,EAAO,EAAE,2BAA2B,CAAA;AAAA,QACpC,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,QAAU,EAAA,YAAA;AAAA,QACV,OAAQ,EAAA,UAAA;AAAA,QACR,SAAS,EAAA,IAAA;AAAA,QACT,QAAQ,EAAA;AAAA;AAAA,KAEV,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,KAAM,EAAA,SAAA;AAAA,QACN,IAAK,EAAA,QAAA;AAAA,QACL,QACE,EAAA,OAAA,IAAW,CAAC,IAAA,IAAQ,2BAA2B,CAAC;AAAA,OAAA;AAAA,MAGjD,EAAE,uBAAuB;AAAA,KAE9B;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CategoriesPage/CategoriesPage.esm.js

@@ -0,0 +1,113 @@
+import React__default, { useState } from 'react';
+import { Page, Header, Content, ErrorPanel, Table } from '@backstage/core-components';
+import { NewCategoryDialog } from '../NewCategoryDialog/NewCategoryDialog.esm.js';
+import { useAnnouncementsTranslation, announcementsApiRef, useCategories } from '@backstage-community/plugin-announcements-react';
+import { useDeleteCategoryDialogState } from './useDeleteCategoryDialogState.esm.js';
+import { useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { DeleteCategoryDialog } from './DeleteCategoryDialog.esm.js';
+import { IconButton, Typography } from '@material-ui/core';
+import AddIcon from '@material-ui/icons/Add';
+import DeleteIcon from '@material-ui/icons/Delete';
+
+const CategoriesTable = () => {
+  const [newCategoryDialogOpen, setNewCategoryDialogOpen] = useState(false);
+  const announcementsApi = useApi(announcementsApiRef);
+  const alertApi = useApi(alertApiRef);
+  const { categories, loading, error, retry: refresh } = useCategories();
+  const {
+    isOpen: isDeleteDialogOpen,
+    open: openDeleteDialog,
+    close: closeDeleteDialog,
+    category: categoryToDelete
+  } = useDeleteCategoryDialogState();
+  const { t } = useAnnouncementsTranslation();
+  if (error) {
+    return /* @__PURE__ */ React__default.createElement(ErrorPanel, { error });
+  }
+  const onNewCategoryDialogClose = () => {
+    setNewCategoryDialogOpen(false);
+    refresh();
+  };
+  const onCancelDelete = () => {
+    closeDeleteDialog();
+  };
+  const onConfirmDelete = async () => {
+    closeDeleteDialog();
+    try {
+      await announcementsApi.deleteCategory(categoryToDelete.slug);
+      alertApi.post({
+        message: t("categoriesTable.categoryDeleted"),
+        severity: "success"
+      });
+    } catch (err) {
+      alertApi.post({
+        message: err.body.error.message,
+        severity: "error"
+      });
+    }
+    refresh();
+  };
+  const columns = [
+    {
+      title: t("categoriesTable.slug"),
+      field: "slug",
+      highlight: true
+    },
+    {
+      title: t("categoriesTable.title"),
+      field: "title"
+    },
+    {
+      title: t("categoriesTable.actions"),
+      field: "actions",
+      render: (category) => {
+        return /* @__PURE__ */ React__default.createElement(IconButton, { onClick: () => openDeleteDialog(category) }, /* @__PURE__ */ React__default.createElement(DeleteIcon, null));
+      }
+    }
+  ];
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(
+    Table,
+    {
+      options: { paging: false },
+      data: categories || [],
+      columns,
+      isLoading: loading,
+      title: "Categories",
+      actions: [
+        {
+          icon: () => /* @__PURE__ */ React__default.createElement(AddIcon, null),
+          tooltip: t("categoriesTable.addTooltip"),
+          isFreeAction: true,
+          onClick: (_event) => setNewCategoryDialogOpen(true)
+        }
+      ],
+      emptyContent: /* @__PURE__ */ React__default.createElement(Typography, { style: { padding: 2 } }, t("categoriesTable.noCategoriesFound"))
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    NewCategoryDialog,
+    {
+      open: newCategoryDialogOpen,
+      onClose: onNewCategoryDialogClose
+    }
+  ), /* @__PURE__ */ React__default.createElement(
+    DeleteCategoryDialog,
+    {
+      open: isDeleteDialogOpen,
+      onCancel: onCancelDelete,
+      onConfirm: onConfirmDelete
+    }
+  ));
+};
+const CategoriesPage = (props) => {
+  const { t } = useAnnouncementsTranslation();
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: props.themeId }, /* @__PURE__ */ React__default.createElement(
+    Header,
+    {
+      title: t("categoriesPage.title"),
+      subtitle: t("categoriesPage.subtitle")
+    }
+  ), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(CategoriesTable, null)));
+};
+
+export { CategoriesPage };
+//# sourceMappingURL=CategoriesPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategoriesPage.esm.js","sources":["../../../src/components/CategoriesPage/CategoriesPage.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 React, { useState } from 'react';\nimport {\n  Page,\n  Header,\n  Content,\n  Table,\n  TableColumn,\n  ErrorPanel,\n} from '@backstage/core-components';\nimport { NewCategoryDialog } from '../NewCategoryDialog';\nimport {\n  useAnnouncementsTranslation,\n  useCategories,\n  announcementsApiRef,\n} from '@backstage-community/plugin-announcements-react';\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport { useDeleteCategoryDialogState } from './useDeleteCategoryDialogState';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport { DeleteCategoryDialog } from './DeleteCategoryDialog';\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';\n\nconst CategoriesTable = () => {\n  const [newCategoryDialogOpen, setNewCategoryDialogOpen] = useState(false);\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const { categories, loading, error, retry: refresh } = useCategories();\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    open: openDeleteDialog,\n    close: closeDeleteDialog,\n    category: categoryToDelete,\n  } = useDeleteCategoryDialogState();\n  const { t } = useAnnouncementsTranslation();\n\n  if (error) {\n    return <ErrorPanel error={error} />;\n  }\n\n  const onNewCategoryDialogClose = () => {\n    setNewCategoryDialogOpen(false);\n    refresh();\n  };\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteCategory(categoryToDelete!.slug);\n\n      alertApi.post({\n        message: t('categoriesTable.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  const columns: TableColumn<Category>[] = [\n    {\n      title: t('categoriesTable.slug'),\n      field: 'slug',\n      highlight: true,\n    },\n    {\n      title: t('categoriesTable.title'),\n      field: 'title',\n    },\n    {\n      title: t('categoriesTable.actions'),\n      field: 'actions',\n      render: category => {\n        return (\n          <IconButton onClick={() => openDeleteDialog(category)}>\n            <DeleteIcon />\n          </IconButton>\n        );\n      },\n    },\n  ];\n\n  return (\n    <>\n      <Table\n        options={{ paging: false }}\n        data={categories || []}\n        columns={columns}\n        isLoading={loading}\n        title=\"Categories\"\n        actions={[\n          {\n            icon: () => <AddIcon />,\n            tooltip: t('categoriesTable.addTooltip'),\n            isFreeAction: true,\n            onClick: _event => setNewCategoryDialogOpen(true),\n          },\n        ]}\n        emptyContent={\n          <Typography style={{ padding: 2 }}>\n            {t('categoriesTable.noCategoriesFound')}\n          </Typography>\n        }\n      />\n      <NewCategoryDialog\n        open={newCategoryDialogOpen}\n        onClose={onNewCategoryDialogClose}\n      />\n      <DeleteCategoryDialog\n        open={isDeleteDialogOpen}\n        onCancel={onCancelDelete}\n        onConfirm={onConfirmDelete}\n      />\n    </>\n  );\n};\n\ntype CategoriesPageProps = {\n  themeId: string;\n};\n\nexport const CategoriesPage = (props: CategoriesPageProps) => {\n  const { t } = useAnnouncementsTranslation();\n  return (\n    <Page themeId={props.themeId}>\n      <Header\n        title={t('categoriesPage.title')}\n        subtitle={t('categoriesPage.subtitle')}\n      />\n\n      <Content>\n        <CategoriesTable />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/CategoriesPage/DeleteCategoryDialog.esm.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';
+
+const DeleteCategoryDialog = (props) => {
+  const { open, onConfirm, onCancel } = props;
+  return /* @__PURE__ */ React__default.createElement(Dialog, { open, onClose: onCancel }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, "Are you sure you want to delete this category?"), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: onCancel }, "Cancel"), /* @__PURE__ */ React__default.createElement(Button, { onClick: onConfirm, color: "secondary" }, "Delete")));
+};
+
+export { DeleteCategoryDialog };
+//# sourceMappingURL=DeleteCategoryDialog.esm.js.map

package/dist/components/CategoriesPage/DeleteCategoryDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCategoryDialog.esm.js","sources":["../../../src/components/CategoriesPage/DeleteCategoryDialog.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 React from 'react';\nimport { Dialog, DialogTitle, DialogActions, Button } from '@material-ui/core';\n\ntype DeleteCategoryDialogProps = {\n  open: boolean;\n  onConfirm: () => any;\n  onCancel: () => any;\n};\n\nexport const DeleteCategoryDialog = (props: DeleteCategoryDialogProps) => {\n  const { open, onConfirm, onCancel } = props;\n\n  return (\n    <Dialog open={open} onClose={onCancel}>\n      <DialogTitle>Are you sure you want to delete this category?</DialogTitle>\n      <DialogActions>\n        <Button onClick={onCancel}>Cancel</Button>\n\n        <Button onClick={onConfirm} color=\"secondary\">\n          Delete\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":";;;AAwBa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAa,GAAA,KAAA;AAEtC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAY,OAAS,EAAA,QAAA,EAAA,+CAC1B,WAAY,EAAA,IAAA,EAAA,gDAA8C,CAC3D,kBAAAA,cAAA,CAAA,aAAA,CAAC,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,OAAS,EAAA,QAAA,EAAA,EAAU,QAAM,CAAA,kBAEhCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,SAAA,EAAW,KAAM,EAAA,WAAA,EAAA,EAAY,QAE9C,CACF,CACF,CAAA;AAEJ;;;;"}

package/dist/components/CategoriesPage/useDeleteCategoryDialogState.esm.js

@@ -0,0 +1,29 @@
+import { useState, useCallback } from 'react';
+
+function useDeleteCategoryDialogState() {
+  const [state, setState] = useState({ open: false });
+  const setOpen = useCallback(
+    (c) => {
+      setState({
+        open: true,
+        category: c
+      });
+    },
+    [setState]
+  );
+  const setClosed = useCallback(() => {
+    setState({
+      open: false,
+      category: void 0
+    });
+  }, [setState]);
+  return {
+    open: setOpen,
+    close: setClosed,
+    category: state.category,
+    isOpen: state.open
+  };
+}
+
+export { useDeleteCategoryDialogState };
+//# sourceMappingURL=useDeleteCategoryDialogState.esm.js.map

package/dist/components/CategoriesPage/useDeleteCategoryDialogState.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDeleteCategoryDialogState.esm.js","sources":["../../../src/components/CategoriesPage/useDeleteCategoryDialogState.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 { Category } from '@backstage-community/plugin-announcements-common';\nimport { useCallback, useState } from 'react';\n\ntype DeleteCategoryDialogState = {\n  open: (c: Category) => void;\n  close: () => void;\n\n  isOpen: boolean;\n  category?: Category;\n};\n\nexport function useDeleteCategoryDialogState(): DeleteCategoryDialogState {\n  const [state, setState] = useState<{\n    open: boolean;\n    category?: Category;\n  }>({ open: false });\n\n  const setOpen = useCallback(\n    (c: Category) => {\n      setState({\n        open: true,\n        category: c,\n      });\n    },\n    [setState],\n  );\n\n  const setClosed = useCallback(() => {\n    setState({\n      open: false,\n      category: undefined,\n    });\n  }, [setState]);\n\n  return {\n    open: setOpen,\n    close: setClosed,\n\n    category: state.category,\n    isOpen: state.open,\n  };\n}\n"],"names":[],"mappings":";;AA0BO,SAAS,4BAA0D,GAAA;AACxE,EAAM,MAAA,CAAC,OAAO,QAAQ,CAAA,GAAI,SAGvB,EAAE,IAAA,EAAM,OAAO,CAAA;AAElB,EAAA,MAAM,OAAU,GAAA,WAAA;AAAA,IACd,CAAC,CAAgB,KAAA;AACf,MAAS,QAAA,CAAA;AAAA,QACP,IAAM,EAAA,IAAA;AAAA,QACN,QAAU,EAAA;AAAA,OACX,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,QAAU,EAAA,KAAA;AAAA,KACX,CAAA;AAAA,GACH,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAO,OAAA;AAAA,IACL,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IAEP,UAAU,KAAM,CAAA,QAAA;AAAA,IAChB,QAAQ,KAAM,CAAA;AAAA,GAChB;AACF;;;;"}

package/dist/components/CreateAnnouncementPage/CreateAnnouncementPage.esm.js

@@ -0,0 +1,56 @@
+import React__default from 'react';
+import { useNavigate } from 'react-router-dom';
+import slugify from 'slugify';
+import { Page, Header, Content } from '@backstage/core-components';
+import { useApi, useRouteRef, alertApiRef } from '@backstage/core-plugin-api';
+import { rootRouteRef } from '../../routes.esm.js';
+import { AnnouncementForm } from '../AnnouncementForm/AnnouncementForm.esm.js';
+import { announcementsApiRef, useCategories, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+
+const CreateAnnouncementPage = (props) => {
+  const announcementsApi = useApi(announcementsApiRef);
+  const rootPage = useRouteRef(rootRouteRef);
+  const alertApi = useApi(alertApiRef);
+  const navigate = useNavigate();
+  const { categories } = useCategories();
+  const { t } = useAnnouncementsTranslation();
+  const onSubmit = async (request) => {
+    const { category } = request;
+    const slugs = categories.map((c) => c.slug);
+    let alertMsg = t("createAnnouncementPage.alertMessage");
+    try {
+      if (category) {
+        const categorySlug = slugify(category, {
+          lower: true
+        });
+        if (slugs.indexOf(categorySlug) === -1) {
+          alertMsg = alertMsg.replace(".", "");
+          alertMsg = `${alertMsg} ${t(
+            "createAnnouncementPage.alertMessageWithNewCategory"
+          )} ${category}.`;
+          await announcementsApi.createCategory({
+            title: category
+          });
+        }
+      }
+      await announcementsApi.createAnnouncement({
+        ...request,
+        category: request.category?.toLocaleLowerCase("en-US")
+      });
+      alertApi.post({ message: alertMsg, severity: "success" });
+      navigate(rootPage());
+    } catch (err) {
+      alertApi.post({ message: err.message, severity: "error" });
+    }
+  };
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: props.themeId }, /* @__PURE__ */ React__default.createElement(Header, { title: props.title, subtitle: props.subtitle }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(
+    AnnouncementForm,
+    {
+      initialData: {},
+      onSubmit
+    }
+  )));
+};
+
+export { CreateAnnouncementPage };
+//# sourceMappingURL=CreateAnnouncementPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreateAnnouncementPage.esm.js","sources":["../../../src/components/CreateAnnouncementPage/CreateAnnouncementPage.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 React, { ReactNode } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport slugify from 'slugify';\nimport { Page, Header, Content } from '@backstage/core-components';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { rootRouteRef } from '../../routes';\nimport { AnnouncementForm } from '../AnnouncementForm';\nimport {\n  CreateAnnouncementRequest,\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n  useCategories,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  Category,\n} from '@backstage-community/plugin-announcements-common';\n\ntype CreateAnnouncementPageProps = {\n  themeId: string;\n  title: string;\n  subtitle?: ReactNode;\n};\n\nexport const CreateAnnouncementPage = (props: CreateAnnouncementPageProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const rootPage = useRouteRef(rootRouteRef);\n  const alertApi = useApi(alertApiRef);\n  const navigate = useNavigate();\n  const { categories } = useCategories();\n  const { t } = useAnnouncementsTranslation();\n\n  const onSubmit = async (request: CreateAnnouncementRequest) => {\n    const { category } = request;\n\n    const slugs = categories.map((c: Category) => c.slug);\n    let alertMsg = t('createAnnouncementPage.alertMessage') as string;\n\n    try {\n      if (category) {\n        const categorySlug = slugify(category, {\n          lower: true,\n        });\n        if (slugs.indexOf(categorySlug) === -1) {\n          alertMsg = alertMsg.replace('.', '');\n          alertMsg = `${alertMsg} ${t(\n            'createAnnouncementPage.alertMessageWithNewCategory',\n          )} ${category}.`;\n\n          await announcementsApi.createCategory({\n            title: category,\n          });\n        }\n      }\n\n      await announcementsApi.createAnnouncement({\n        ...request,\n        category: request.category?.toLocaleLowerCase('en-US'),\n      });\n      alertApi.post({ message: alertMsg, severity: 'success' });\n\n      navigate(rootPage());\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  return (\n    <Page themeId={props.themeId}>\n      <Header title={props.title} subtitle={props.subtitle} />\n\n      <Content>\n        <AnnouncementForm\n          initialData={{} as Announcement}\n          onSubmit={onSubmit}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAuCa,MAAA,sBAAA,GAAyB,CAAC,KAAuC,KAAA;AAC5E,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,QAAA,GAAW,YAAY,YAAY,CAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,aAAc,EAAA;AACrC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAM,MAAA,QAAA,GAAW,OAAO,OAAuC,KAAA;AAC7D,IAAM,MAAA,EAAE,UAAa,GAAA,OAAA;AAErB,IAAA,MAAM,QAAQ,UAAW,CAAA,GAAA,CAAI,CAAC,CAAA,KAAgB,EAAE,IAAI,CAAA;AACpD,IAAI,IAAA,QAAA,GAAW,EAAE,qCAAqC,CAAA;AAEtD,IAAI,IAAA;AACF,MAAA,IAAI,QAAU,EAAA;AACZ,QAAM,MAAA,YAAA,GAAe,QAAQ,QAAU,EAAA;AAAA,UACrC,KAAO,EAAA;AAAA,SACR,CAAA;AACD,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,YAAY,CAAA,KAAM,CAAI,CAAA,EAAA;AACtC,UAAW,QAAA,GAAA,QAAA,CAAS,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA;AACnC,UAAW,QAAA,GAAA,CAAA,EAAG,QAAQ,CAAI,CAAA,EAAA,CAAA;AAAA,YACxB;AAAA,WACD,IAAI,QAAQ,CAAA,CAAA,CAAA;AAEb,UAAA,MAAM,iBAAiB,cAAe,CAAA;AAAA,YACpC,KAAO,EAAA;AAAA,WACR,CAAA;AAAA;AACH;AAGF,MAAA,MAAM,iBAAiB,kBAAmB,CAAA;AAAA,QACxC,GAAG,OAAA;AAAA,QACH,QAAU,EAAA,OAAA,CAAQ,QAAU,EAAA,iBAAA,CAAkB,OAAO;AAAA,OACtD,CAAA;AACD,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAS,QAAU,EAAA,QAAA,EAAU,WAAW,CAAA;AAExD,MAAA,QAAA,CAAS,UAAU,CAAA;AAAA,aACZ,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAU,IAAc,OAAS,EAAA,QAAA,EAAU,SAAS,CAAA;AAAA;AACtE,GACF;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAS,EAAA,KAAA,CAAM,2BAClBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,KAAA,CAAM,OAAO,QAAU,EAAA,KAAA,CAAM,QAAU,EAAA,CAAA,+CAErD,OACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,aAAa,EAAC;AAAA,MACd;AAAA;AAAA,GAEJ,CACF,CAAA;AAEJ;;;;"}

package/dist/components/EditAnnouncementPage/EditAnnouncementPage.esm.js

@@ -0,0 +1,45 @@
+import React__default from 'react';
+import useAsync from 'react-use/esm/useAsync';
+import { Page, Header, Content, Progress } from '@backstage/core-components';
+import { useApi, alertApiRef, useRouteRefParams } from '@backstage/core-plugin-api';
+import { AnnouncementForm } from '../AnnouncementForm/AnnouncementForm.esm.js';
+import { announcementEditRouteRef } from '../../routes.esm.js';
+import { announcementsApiRef, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { Alert } from '@material-ui/lab';
+
+const EditAnnouncementPage = (props) => {
+  const announcementsApi = useApi(announcementsApiRef);
+  const alertApi = useApi(alertApiRef);
+  const { id } = useRouteRefParams(announcementEditRouteRef);
+  const { value, loading, error } = useAsync(
+    async () => announcementsApi.announcementByID(id)
+  );
+  const { t } = useAnnouncementsTranslation();
+  let title = props.title;
+  let content = /* @__PURE__ */ React__default.createElement(Progress, null);
+  const onSubmit = async (request) => {
+    try {
+      await announcementsApi.updateAnnouncement(id, request);
+      alertApi.post({
+        message: t("editAnnouncementPage.updatedMessage"),
+        severity: "success"
+      });
+    } catch (err) {
+      alertApi.post({ message: err.message, severity: "error" });
+    }
+  };
+  if (loading) {
+    content = /* @__PURE__ */ React__default.createElement(Progress, null);
+  } else if (error) {
+    content = /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+  } else if (!value) {
+    content = /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("editAnnouncementPage.notFoundMessage"));
+  } else {
+    title = `${t("editAnnouncementPage.edit")} "${value.title}" \u2013 ${title}`;
+    content = /* @__PURE__ */ React__default.createElement(AnnouncementForm, { initialData: value, onSubmit });
+  }
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: props.themeId }, /* @__PURE__ */ React__default.createElement(Header, { title, subtitle: props.subtitle }), /* @__PURE__ */ React__default.createElement(Content, null, content));
+};
+
+export { EditAnnouncementPage };
+//# sourceMappingURL=EditAnnouncementPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditAnnouncementPage.esm.js","sources":["../../../src/components/EditAnnouncementPage/EditAnnouncementPage.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 React, { ReactNode } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { Page, Header, Content, Progress } from '@backstage/core-components';\nimport {\n  alertApiRef,\n  useApi,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport { AnnouncementForm } from '../AnnouncementForm';\nimport { announcementEditRouteRef } from '../../routes';\nimport {\n  announcementsApiRef,\n  CreateAnnouncementRequest,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Alert } from '@material-ui/lab';\n\ntype EditAnnouncementPageProps = {\n  themeId: string;\n  title: string;\n  subtitle?: ReactNode;\n};\n\nexport const EditAnnouncementPage = (props: EditAnnouncementPageProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { id } = useRouteRefParams(announcementEditRouteRef);\n  const { value, loading, error } = useAsync(async () =>\n    announcementsApi.announcementByID(id),\n  );\n  const { t } = useAnnouncementsTranslation();\n\n  let title = props.title;\n  let content: React.ReactNode = <Progress />;\n\n  const onSubmit = async (request: CreateAnnouncementRequest) => {\n    try {\n      await announcementsApi.updateAnnouncement(id, request);\n      alertApi.post({\n        message: t('editAnnouncementPage.updatedMessage'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  if (loading) {\n    content = <Progress />;\n  } else if (error) {\n    content = <Alert severity=\"error\">{error.message}</Alert>;\n  } else if (!value) {\n    content = (\n      <Alert severity=\"error\">\n        {t('editAnnouncementPage.notFoundMessage')}\n      </Alert>\n    );\n  } else {\n    title = `${t('editAnnouncementPage.edit')} \"${value.title}\" – ${title}`;\n    content = <AnnouncementForm initialData={value} onSubmit={onSubmit} />;\n  }\n\n  return (\n    <Page themeId={props.themeId}>\n      <Header title={title} subtitle={props.subtitle} />\n\n      <Content>{content}</Content>\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;AAsCa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,EAAE,EAAA,EAAO,GAAA,iBAAA,CAAkB,wBAAwB,CAAA;AACzD,EAAA,MAAM,EAAE,KAAA,EAAO,OAAS,EAAA,KAAA,EAAU,GAAA,QAAA;AAAA,IAAS,YACzC,gBAAiB,CAAA,gBAAA,CAAiB,EAAE;AAAA,GACtC;AACA,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,IAAI,QAAQ,KAAM,CAAA,KAAA;AAClB,EAAI,IAAA,OAAA,gDAA4B,QAAS,EAAA,IAAA,CAAA;AAEzC,EAAM,MAAA,QAAA,GAAW,OAAO,OAAuC,KAAA;AAC7D,IAAI,IAAA;AACF,MAAM,MAAA,gBAAA,CAAiB,kBAAmB,CAAA,EAAA,EAAI,OAAO,CAAA;AACrD,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,qCAAqC,CAAA;AAAA,QAChD,QAAU,EAAA;AAAA,OACX,CAAA;AAAA,aACM,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAU,IAAc,OAAS,EAAA,QAAA,EAAU,SAAS,CAAA;AAAA;AACtE,GACF;AAEA,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,OAAA,gDAAW,QAAS,EAAA,IAAA,CAAA;AAAA,aACX,KAAO,EAAA;AAChB,IAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA,GACnD,MAAA,IAAW,CAAC,KAAO,EAAA;AACjB,IAAA,OAAA,gDACG,KAAM,EAAA,EAAA,QAAA,EAAS,OACb,EAAA,EAAA,CAAA,CAAE,sCAAsC,CAC3C,CAAA;AAAA,GAEG,MAAA;AACL,IAAQ,KAAA,GAAA,CAAA,EAAG,EAAE,2BAA2B,CAAC,KAAK,KAAM,CAAA,KAAK,YAAO,KAAK,CAAA,CAAA;AACrE,IAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,WAAa,EAAA,KAAA,EAAO,QAAoB,EAAA,CAAA;AAAA;AAGtE,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAS,EAAA,KAAA,CAAM,2BAClBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAc,EAAA,QAAA,EAAU,MAAM,QAAU,EAAA,CAAA,kBAE/CA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAS,OAAQ,CACpB,CAAA;AAEJ;;;;"}