@backstage-community/plugin-announcements 0.5.6 → 0.5.8

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

@@ -1 +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;;;;"}
+{"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 { 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":[],"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,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,OAAS,EAAA,KAAA,CAAM,OACnB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAO,KAAO,EAAA,KAAA,CAAM,KAAO,EAAA,QAAA,EAAU,MAAM,QAAU,EAAA,CAAA;AAAA,wBAErD,OACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACC,aAAa,EAAC;AAAA,QACd;AAAA;AAAA,KAEJ,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 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';
@@ -16,7 +16,7 @@ const EditAnnouncementPage = (props) => {
   );
   const { t } = useAnnouncementsTranslation();
   let title = props.title;
-  let content = /* @__PURE__ */ React__default.createElement(Progress, null);
+  let content = /* @__PURE__ */ jsx(Progress, {});
   const onSubmit = async (request) => {
     try {
       await announcementsApi.updateAnnouncement(id, request);
@@ -29,16 +29,19 @@ const EditAnnouncementPage = (props) => {
     }
   };
   if (loading) {
-    content = /* @__PURE__ */ React__default.createElement(Progress, null);
+    content = /* @__PURE__ */ jsx(Progress, {});
   } else if (error) {
-    content = /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+    content = /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   } else if (!value) {
-    content = /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, t("editAnnouncementPage.notFoundMessage"));
+    content = /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("editAnnouncementPage.notFoundMessage") });
   } else {
     title = `${t("editAnnouncementPage.edit")} "${value.title}" \u2013 ${title}`;
-    content = /* @__PURE__ */ React__default.createElement(AnnouncementForm, { initialData: value, onSubmit });
+    content = /* @__PURE__ */ jsx(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));
+  return /* @__PURE__ */ jsxs(Page, { themeId: props.themeId, children: [
+    /* @__PURE__ */ jsx(Header, { title, subtitle: props.subtitle }),
+    /* @__PURE__ */ jsx(Content, { children: content })
+  ] });
 };
 
 export { EditAnnouncementPage };

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

@@ -1 +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;;;;"}
+{"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 { 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: 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":[],"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,uBAAsB,QAAS,EAAA,EAAA,CAAA;AAEnC,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,uBAAW,QAAS,EAAA,EAAA,CAAA;AAAA,aACX,KAAO,EAAA;AAChB,IAAA,OAAA,mBAAW,GAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAS,gBAAM,OAAQ,EAAA,CAAA;AAAA,GACnD,MAAA,IAAW,CAAC,KAAO,EAAA;AACjB,IAAA,OAAA,uBACG,KAAM,EAAA,EAAA,QAAA,EAAS,OACb,EAAA,QAAA,EAAA,CAAA,CAAE,sCAAsC,CAC3C,EAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAQ,KAAA,GAAA,CAAA,EAAG,EAAE,2BAA2B,CAAC,KAAK,KAAM,CAAA,KAAK,YAAO,KAAK,CAAA,CAAA;AACrE,IAAA,OAAA,mBAAW,GAAA,CAAA,gBAAA,EAAA,EAAiB,WAAa,EAAA,KAAA,EAAO,QAAoB,EAAA,CAAA;AAAA;AAGtE,EAAA,uBACG,IAAA,CAAA,IAAA,EAAA,EAAK,OAAS,EAAA,KAAA,CAAM,OACnB,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAc,QAAU,EAAA,KAAA,CAAM,QAAU,EAAA,CAAA;AAAA,oBAEhD,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,GACpB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/NewAnnouncementBanner/NewAnnouncementBanner.esm.js

@@ -1,4 +1,5 @@
-import React__default, { useState, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
 import { DateTime } from 'luxon';
 import { Link } from '@backstage/core-components';
 import { useApi, useRouteRef } from '@backstage/core-plugin-api';
@@ -57,33 +58,38 @@ const AnnouncementBanner = (props) => {
     );
     setBannerOpen(false);
   };
-  const message = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", className: classes.bannerIcon }, "\u{1F4E3}"), /* @__PURE__ */ React__default.createElement(Link, { to: viewAnnouncementLink({ id: announcement.id }) }, announcement.title), "\xA0\u2013 ", announcement.excerpt);
-  return /* @__PURE__ */ React__default.createElement(
+  const message = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Typography, { component: "span", className: classes.bannerIcon, children: "\u{1F4E3}" }),
+    /* @__PURE__ */ jsx(Link, { to: viewAnnouncementLink({ id: announcement.id }), children: announcement.title }),
+    "\xA0\u2013 ",
+    announcement.excerpt
+  ] });
+  return /* @__PURE__ */ jsx(
     Snackbar,
     {
       anchorOrigin: { vertical: "top", horizontal: "center" },
       open: bannerOpen,
-      className: variant === "block" ? classes.blockPositioning : classes.floatingPositioning
-    },
-    /* @__PURE__ */ React__default.createElement(
-      SnackbarContent,
-      {
-        className: classes.content,
-        message,
-        action: [
-          /* @__PURE__ */ React__default.createElement(
-            IconButton,
-            {
-              key: "dismiss",
-              title: t("newAnnouncementBanner.markAsSeen"),
-              color: "inherit",
-              onClick: handleClick
-            },
-            /* @__PURE__ */ React__default.createElement(Close, { className: classes.icon })
-          )
-        ]
-      }
-    )
+      className: variant === "block" ? classes.blockPositioning : classes.floatingPositioning,
+      children: /* @__PURE__ */ jsx(
+        SnackbarContent,
+        {
+          className: classes.content,
+          message,
+          action: [
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                title: t("newAnnouncementBanner.markAsSeen"),
+                color: "inherit",
+                onClick: handleClick,
+                children: /* @__PURE__ */ jsx(Close, { className: classes.icon })
+              },
+              "dismiss"
+            )
+          ]
+        }
+      )
+    }
   );
 };
 const NewAnnouncementBanner = (props) => {
@@ -108,7 +114,7 @@ const NewAnnouncementBanner = (props) => {
   if (loading) {
     return null;
   } else if (error) {
-    return /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
   }
   if (announcements.count === 0) {
     return null;
@@ -122,14 +128,14 @@ const NewAnnouncementBanner = (props) => {
   if (unseenAnnouncements?.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, unseenAnnouncements.map((announcement) => /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Fragment, { children: unseenAnnouncements.map((announcement) => /* @__PURE__ */ jsx(
     AnnouncementBanner,
     {
-      key: announcement.id,
       announcement,
       variant
-    }
-  )));
+    },
+    announcement.id
+  )) });
 };
 
 export { NewAnnouncementBanner };

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

@@ -1 +1 @@
-{"version":3,"file":"NewAnnouncementBanner.esm.js","sources":["../../../src/components/NewAnnouncementBanner/NewAnnouncementBanner.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, { useEffect, useState } from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { announcementViewRouteRef } from '../../routes';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  AnnouncementSignal,\n  SIGNALS_CHANNEL_ANNOUNCEMENTS,\n} from '@backstage-community/plugin-announcements-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  makeStyles,\n  Snackbar,\n  SnackbarContent,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Close from '@material-ui/icons/Close';\nimport { Alert } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    // showing on top, as a block\n    blockPositioning: {\n      padding: theme?.spacing?.(0) ?? 0,\n      position: 'relative',\n      marginBottom: theme?.spacing?.(4) ?? 32,\n      marginTop: theme?.spacing?.(3) ?? -24,\n      zIndex: 'unset',\n    },\n    // showing on top, as a floating alert\n    floatingPositioning: {},\n    icon: {\n      fontSize: 20,\n    },\n    bannerIcon: {\n      fontSize: 20,\n      marginRight: '0.5rem',\n    },\n    content: {\n      width: '100%',\n      maxWidth: 'inherit',\n      flexWrap: 'nowrap',\n      backgroundColor: theme?.palette?.banner?.info ?? '#f0f0f0',\n      display: 'flex',\n      alignItems: 'center',\n      color: theme?.palette?.banner?.text ?? '#000000',\n      '& a': {\n        color: theme?.palette?.banner?.link ?? '#0068c8',\n      },\n    },\n  };\n});\n\ntype AnnouncementBannerProps = {\n  announcement: Announcement;\n  variant?: 'block' | 'floating';\n};\n\nconst AnnouncementBanner = (props: AnnouncementBannerProps) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const { t } = useAnnouncementsTranslation();\n  const [bannerOpen, setBannerOpen] = useState(true);\n  const variant = props.variant || 'block';\n  const announcement = props.announcement;\n\n  const handleClick = () => {\n    announcementsApi.markLastSeenDate(\n      DateTime.fromISO(announcement.created_at),\n    );\n    setBannerOpen(false);\n  };\n\n  const message = (\n    <>\n      <Typography component=\"span\" className={classes.bannerIcon}>\n        📣\n      </Typography>\n      <Link to={viewAnnouncementLink({ id: announcement.id })}>\n        {announcement.title}\n      </Link>\n      &nbsp;– {announcement.excerpt}\n    </>\n  );\n\n  return (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={bannerOpen}\n      className={\n        variant === 'block'\n          ? classes.blockPositioning\n          : classes.floatingPositioning\n      }\n    >\n      <SnackbarContent\n        className={classes.content}\n        message={message}\n        action={[\n          <IconButton\n            key=\"dismiss\"\n            title={t('newAnnouncementBanner.markAsSeen')}\n            color=\"inherit\"\n            onClick={handleClick}\n          >\n            <Close className={classes.icon} />\n          </IconButton>,\n        ]}\n      />\n    </Snackbar>\n  );\n};\n\ntype NewAnnouncementBannerProps = {\n  variant?: 'block' | 'floating';\n  max?: number;\n  category?: string;\n  active?: boolean;\n};\n\nexport const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {\n  const { max, category, active, variant } = props;\n\n  const announcementsApi = useApi(announcementsApiRef);\n\n  const [signaledAnnouncement, setSignaledAnnouncement] = useState<\n    AnnouncementSignal['data'] | undefined\n  >();\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: max ?? 1,\n    category,\n    active,\n  });\n  const lastSeen = announcementsApi.lastSeenDate();\n\n  const { lastSignal } = useSignal<AnnouncementSignal>(\n    SIGNALS_CHANNEL_ANNOUNCEMENTS,\n  );\n\n  useEffect(() => {\n    if (!lastSignal) {\n      return;\n    }\n\n    setSignaledAnnouncement(lastSignal?.data);\n  }, [lastSignal]);\n\n  if (loading) {\n    return null;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (announcements.count === 0) {\n    return null;\n  }\n\n  const unseenAnnouncements = announcements.results.filter(announcement => {\n    return lastSeen < DateTime.fromISO(announcement.created_at);\n  });\n\n  if (signaledAnnouncement) {\n    unseenAnnouncements.push(signaledAnnouncement);\n  }\n\n  if (unseenAnnouncements?.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {unseenAnnouncements.map(announcement => (\n        <AnnouncementBanner\n          key={announcement.id}\n          announcement={announcement}\n          variant={variant}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AAyCA,MAAM,SAAA,GAAY,WAAW,CAAS,KAAA,KAAA;AACpC,EAAO,OAAA;AAAA;AAAA,IAEL,gBAAkB,EAAA;AAAA,MAChB,OAAS,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,CAAK,IAAA,CAAA;AAAA,MAChC,QAAU,EAAA,UAAA;AAAA,MACV,YAAc,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,CAAK,IAAA,EAAA;AAAA,MACrC,SAAW,EAAA,KAAA,EAAO,OAAU,GAAA,CAAC,CAAK,IAAA,CAAA,EAAA;AAAA,MAClC,MAAQ,EAAA;AAAA,KACV;AAAA;AAAA,IAEA,qBAAqB,EAAC;AAAA,IACtB,IAAM,EAAA;AAAA,MACJ,QAAU,EAAA;AAAA,KACZ;AAAA,IACA,UAAY,EAAA;AAAA,MACV,QAAU,EAAA,EAAA;AAAA,MACV,WAAa,EAAA;AAAA,KACf;AAAA,IACA,OAAS,EAAA;AAAA,MACP,KAAO,EAAA,MAAA;AAAA,MACP,QAAU,EAAA,SAAA;AAAA,MACV,QAAU,EAAA,QAAA;AAAA,MACV,eAAiB,EAAA,KAAA,EAAO,OAAS,EAAA,MAAA,EAAQ,IAAQ,IAAA,SAAA;AAAA,MACjD,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,KAAO,EAAA,KAAA,EAAO,OAAS,EAAA,MAAA,EAAQ,IAAQ,IAAA,SAAA;AAAA,MACvC,KAAO,EAAA;AAAA,QACL,KAAO,EAAA,KAAA,EAAO,OAAS,EAAA,MAAA,EAAQ,IAAQ,IAAA;AAAA;AACzC;AACF,GACF;AACF,CAAC,CAAA;AAOD,MAAM,kBAAA,GAAqB,CAAC,KAAmC,KAAA;AAC7D,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,oBAAA,GAAuB,YAAY,wBAAwB,CAAA;AACjE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;AACjD,EAAM,MAAA,OAAA,GAAU,MAAM,OAAW,IAAA,OAAA;AACjC,EAAA,MAAM,eAAe,KAAM,CAAA,YAAA;AAE3B,EAAA,MAAM,cAAc,MAAM;AACxB,IAAiB,gBAAA,CAAA,gBAAA;AAAA,MACf,QAAA,CAAS,OAAQ,CAAA,YAAA,CAAa,UAAU;AAAA,KAC1C;AACA,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,GACrB;AAEA,EAAM,MAAA,OAAA,mBAEFA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,SAAA,EAAU,MAAO,EAAA,SAAA,EAAW,OAAQ,CAAA,UAAA,EAAA,EAAY,WAE5D,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,IAAI,oBAAqB,CAAA,EAAE,EAAI,EAAA,YAAA,CAAa,EAAG,EAAC,CACnD,EAAA,EAAA,YAAA,CAAa,KAChB,CAAA,EAAO,aACE,EAAA,YAAA,CAAa,OACxB,CAAA;AAGF,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,EAAE,QAAU,EAAA,KAAA,EAAO,YAAY,QAAS,EAAA;AAAA,MACtD,IAAM,EAAA,UAAA;AAAA,MACN,SACE,EAAA,OAAA,KAAY,OACR,GAAA,OAAA,CAAQ,mBACR,OAAQ,CAAA;AAAA,KAAA;AAAA,oBAGdA,cAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,OAAA;AAAA,QACnB,OAAA;AAAA,QACA,MAAQ,EAAA;AAAA,0BACNA,cAAA,CAAA,aAAA;AAAA,YAAC,UAAA;AAAA,YAAA;AAAA,cACC,GAAI,EAAA,SAAA;AAAA,cACJ,KAAA,EAAO,EAAE,kCAAkC,CAAA;AAAA,cAC3C,KAAM,EAAA,SAAA;AAAA,cACN,OAAS,EAAA;AAAA,aAAA;AAAA,4BAERA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,OAAA,CAAQ,IAAM,EAAA;AAAA;AAClC;AACF;AAAA;AACF,GACF;AAEJ,CAAA;AASa,MAAA,qBAAA,GAAwB,CAAC,KAAsC,KAAA;AAC1E,EAAA,MAAM,EAAE,GAAA,EAAK,QAAU,EAAA,MAAA,EAAQ,SAAY,GAAA,KAAA;AAE3C,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AAEnD,EAAA,MAAM,CAAC,oBAAA,EAAsB,uBAAuB,CAAA,GAAI,QAEtD,EAAA;AAEF,EAAA,MAAM,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,KAAU,gBAAiB,CAAA;AAAA,IACzD,KAAK,GAAO,IAAA,CAAA;AAAA,IACZ,QAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAM,MAAA,QAAA,GAAW,iBAAiB,YAAa,EAAA;AAE/C,EAAM,MAAA,EAAE,YAAe,GAAA,SAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,UAAY,EAAA;AACf,MAAA;AAAA;AAGF,IAAA,uBAAA,CAAwB,YAAY,IAAI,CAAA;AAAA,GAC1C,EAAG,CAAC,UAAU,CAAC,CAAA;AAEf,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA;AAAA,aACE,KAAO,EAAA;AAChB,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EAAI,IAAA,aAAA,CAAc,UAAU,CAAG,EAAA;AAC7B,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,mBAAsB,GAAA,aAAA,CAAc,OAAQ,CAAA,MAAA,CAAO,CAAgB,YAAA,KAAA;AACvE,IAAA,OAAO,QAAW,GAAA,QAAA,CAAS,OAAQ,CAAA,YAAA,CAAa,UAAU,CAAA;AAAA,GAC3D,CAAA;AAED,EAAA,IAAI,oBAAsB,EAAA;AACxB,IAAA,mBAAA,CAAoB,KAAK,oBAAoB,CAAA;AAAA;AAG/C,EAAI,IAAA,mBAAA,EAAqB,WAAW,CAAG,EAAA;AACrC,IAAO,OAAA,IAAA;AAAA;AAGT,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EACG,mBAAoB,CAAA,GAAA,CAAI,CACvB,YAAA,qBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,KAAK,YAAa,CAAA,EAAA;AAAA,MAClB,YAAA;AAAA,MACA;AAAA;AAAA,GAEH,CACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NewAnnouncementBanner.esm.js","sources":["../../../src/components/NewAnnouncementBanner/NewAnnouncementBanner.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 { useEffect, useState } from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { announcementViewRouteRef } from '../../routes';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  AnnouncementSignal,\n  SIGNALS_CHANNEL_ANNOUNCEMENTS,\n} from '@backstage-community/plugin-announcements-common';\nimport { useSignal } from '@backstage/plugin-signals-react';\nimport {\n  makeStyles,\n  Snackbar,\n  SnackbarContent,\n  IconButton,\n  Typography,\n} from '@material-ui/core';\nimport Close from '@material-ui/icons/Close';\nimport { Alert } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    // showing on top, as a block\n    blockPositioning: {\n      padding: theme?.spacing?.(0) ?? 0,\n      position: 'relative',\n      marginBottom: theme?.spacing?.(4) ?? 32,\n      marginTop: theme?.spacing?.(3) ?? -24,\n      zIndex: 'unset',\n    },\n    // showing on top, as a floating alert\n    floatingPositioning: {},\n    icon: {\n      fontSize: 20,\n    },\n    bannerIcon: {\n      fontSize: 20,\n      marginRight: '0.5rem',\n    },\n    content: {\n      width: '100%',\n      maxWidth: 'inherit',\n      flexWrap: 'nowrap',\n      backgroundColor: theme?.palette?.banner?.info ?? '#f0f0f0',\n      display: 'flex',\n      alignItems: 'center',\n      color: theme?.palette?.banner?.text ?? '#000000',\n      '& a': {\n        color: theme?.palette?.banner?.link ?? '#0068c8',\n      },\n    },\n  };\n});\n\ntype AnnouncementBannerProps = {\n  announcement: Announcement;\n  variant?: 'block' | 'floating';\n};\n\nconst AnnouncementBanner = (props: AnnouncementBannerProps) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const { t } = useAnnouncementsTranslation();\n  const [bannerOpen, setBannerOpen] = useState(true);\n  const variant = props.variant || 'block';\n  const announcement = props.announcement;\n\n  const handleClick = () => {\n    announcementsApi.markLastSeenDate(\n      DateTime.fromISO(announcement.created_at),\n    );\n    setBannerOpen(false);\n  };\n\n  const message = (\n    <>\n      <Typography component=\"span\" className={classes.bannerIcon}>\n        📣\n      </Typography>\n      <Link to={viewAnnouncementLink({ id: announcement.id })}>\n        {announcement.title}\n      </Link>\n      &nbsp;– {announcement.excerpt}\n    </>\n  );\n\n  return (\n    <Snackbar\n      anchorOrigin={{ vertical: 'top', horizontal: 'center' }}\n      open={bannerOpen}\n      className={\n        variant === 'block'\n          ? classes.blockPositioning\n          : classes.floatingPositioning\n      }\n    >\n      <SnackbarContent\n        className={classes.content}\n        message={message}\n        action={[\n          <IconButton\n            key=\"dismiss\"\n            title={t('newAnnouncementBanner.markAsSeen')}\n            color=\"inherit\"\n            onClick={handleClick}\n          >\n            <Close className={classes.icon} />\n          </IconButton>,\n        ]}\n      />\n    </Snackbar>\n  );\n};\n\ntype NewAnnouncementBannerProps = {\n  variant?: 'block' | 'floating';\n  max?: number;\n  category?: string;\n  active?: boolean;\n};\n\nexport const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {\n  const { max, category, active, variant } = props;\n\n  const announcementsApi = useApi(announcementsApiRef);\n\n  const [signaledAnnouncement, setSignaledAnnouncement] = useState<\n    AnnouncementSignal['data'] | undefined\n  >();\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: max ?? 1,\n    category,\n    active,\n  });\n  const lastSeen = announcementsApi.lastSeenDate();\n\n  const { lastSignal } = useSignal<AnnouncementSignal>(\n    SIGNALS_CHANNEL_ANNOUNCEMENTS,\n  );\n\n  useEffect(() => {\n    if (!lastSignal) {\n      return;\n    }\n\n    setSignaledAnnouncement(lastSignal?.data);\n  }, [lastSignal]);\n\n  if (loading) {\n    return null;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  if (announcements.count === 0) {\n    return null;\n  }\n\n  const unseenAnnouncements = announcements.results.filter(announcement => {\n    return lastSeen < DateTime.fromISO(announcement.created_at);\n  });\n\n  if (signaledAnnouncement) {\n    unseenAnnouncements.push(signaledAnnouncement);\n  }\n\n  if (unseenAnnouncements?.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {unseenAnnouncements.map(announcement => (\n        <AnnouncementBanner\n          key={announcement.id}\n          announcement={announcement}\n          variant={variant}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/NewCategoryDialog/NewCategoryDialog.esm.js

@@ -1,4 +1,5 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
 import { announcementsApiRef, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
 import { Dialog, DialogTitle, DialogContent, TextField, DialogActions, Button } from '@material-ui/core';
@@ -7,7 +8,7 @@ const NewCategoryDialog = (props) => {
   const announcementsApi = useApi(announcementsApiRef);
   const { t } = useAnnouncementsTranslation();
   const alertApi = useApi(alertApiRef);
-  const [title, setTitle] = React__default.useState("");
+  const [title, setTitle] = useState("");
   const onClose = () => {
     props.onClose();
   };
@@ -28,18 +29,25 @@ const NewCategoryDialog = (props) => {
   const handleChange = (event) => {
     setTitle(event.target.value);
   };
-  return /* @__PURE__ */ React__default.createElement(Dialog, { open: props.open, onClose }, /* @__PURE__ */ React__default.createElement(DialogTitle, null, t("newCategoryDialog.newCategory")), /* @__PURE__ */ React__default.createElement(DialogContent, null, /* @__PURE__ */ React__default.createElement(
-    TextField,
-    {
-      margin: "normal",
-      id: "title",
-      label: t("newCategoryDialog.title"),
-      value: title,
-      onChange: handleChange,
-      type: "text",
-      fullWidth: true
-    }
-  )), /* @__PURE__ */ React__default.createElement(DialogActions, null, /* @__PURE__ */ React__default.createElement(Button, { onClick: onClose }, t("newCategoryDialog.cancelButton")), /* @__PURE__ */ React__default.createElement(Button, { onClick: onConfirm, color: "primary" }, t("newCategoryDialog.createButton"))));
+  return /* @__PURE__ */ jsxs(Dialog, { open: props.open, onClose, children: [
+    /* @__PURE__ */ jsx(DialogTitle, { children: t("newCategoryDialog.newCategory") }),
+    /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsx(
+      TextField,
+      {
+        margin: "normal",
+        id: "title",
+        label: t("newCategoryDialog.title"),
+        value: title,
+        onChange: handleChange,
+        type: "text",
+        fullWidth: true
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DialogActions, { children: [
+      /* @__PURE__ */ jsx(Button, { onClick: onClose, children: t("newCategoryDialog.cancelButton") }),
+      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, color: "primary", children: t("newCategoryDialog.createButton") })
+    ] })
+  ] });
 };
 
 export { NewCategoryDialog };

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

@@ -1 +1 @@
-{"version":3,"file":"NewCategoryDialog.esm.js","sources":["../../../src/components/NewCategoryDialog/NewCategoryDialog.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 { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  TextField,\n} from '@material-ui/core';\n\ntype NewCategoryDialogProps = {\n  open: boolean;\n  onClose: () => any;\n};\n\nexport const NewCategoryDialog = (props: NewCategoryDialogProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const alertApi = useApi(alertApiRef);\n\n  const [title, setTitle] = React.useState('');\n\n  const onClose = () => {\n    props.onClose();\n  };\n\n  const onConfirm = async () => {\n    try {\n      await announcementsApi.createCategory({\n        title,\n      });\n      alertApi.post({\n        message: t('newCategoryDialog.createdMessage'),\n        severity: 'success',\n      });\n      props.onClose();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setTitle(event.target.value);\n  };\n\n  return (\n    <Dialog open={props.open} onClose={onClose}>\n      <DialogTitle>{t('newCategoryDialog.newCategory')}</DialogTitle>\n      <DialogContent>\n        <TextField\n          margin=\"normal\"\n          id=\"title\"\n          label={t('newCategoryDialog.title')}\n          value={title}\n          onChange={handleChange}\n          type=\"text\"\n          fullWidth\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{t('newCategoryDialog.cancelButton')}</Button>\n\n        <Button onClick={onConfirm} color=\"primary\">\n          {t('newCategoryDialog.createButton')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":["React"],"mappings":";;;;;AAmCa,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,CAAI,GAAAA,cAAA,CAAM,SAAS,EAAE,CAAA;AAE3C,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,GAChB;AAEA,EAAA,MAAM,YAAY,YAAY;AAC5B,IAAI,IAAA;AACF,MAAA,MAAM,iBAAiB,cAAe,CAAA;AAAA,QACpC;AAAA,OACD,CAAA;AACD,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,kCAAkC,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA,OACX,CAAA;AACD,MAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,aACP,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAU,IAAc,OAAS,EAAA,QAAA,EAAU,SAAS,CAAA;AAAA;AACtE,GACF;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,KAA+C,KAAA;AACnE,IAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,GAC7B;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,KAAA,CAAM,IAAM,EAAA,OAAA,EAAA,kBACvBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EAAa,CAAE,CAAA,+BAA+B,CAAE,CAAA,+CAChD,aACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,MAAO,EAAA,QAAA;AAAA,MACP,EAAG,EAAA,OAAA;AAAA,MACH,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,MAClC,KAAO,EAAA,KAAA;AAAA,MACP,QAAU,EAAA,YAAA;AAAA,MACV,IAAK,EAAA,MAAA;AAAA,MACL,SAAS,EAAA;AAAA;AAAA,GAEb,mBACCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,+CACE,MAAO,EAAA,EAAA,OAAA,EAAS,OAAU,EAAA,EAAA,CAAA,CAAE,gCAAgC,CAAE,mBAE9DA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAS,SAAW,EAAA,KAAA,EAAM,aAC/B,CAAE,CAAA,gCAAgC,CACrC,CACF,CACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"NewCategoryDialog.esm.js","sources":["../../../src/components/NewCategoryDialog/NewCategoryDialog.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, useState } from 'react';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Button,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  TextField,\n} from '@material-ui/core';\n\ntype NewCategoryDialogProps = {\n  open: boolean;\n  onClose: () => any;\n};\n\nexport const NewCategoryDialog = (props: NewCategoryDialogProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const alertApi = useApi(alertApiRef);\n\n  const [title, setTitle] = useState('');\n\n  const onClose = () => {\n    props.onClose();\n  };\n\n  const onConfirm = async () => {\n    try {\n      await announcementsApi.createCategory({\n        title,\n      });\n      alertApi.post({\n        message: t('newCategoryDialog.createdMessage'),\n        severity: 'success',\n      });\n      props.onClose();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setTitle(event.target.value);\n  };\n\n  return (\n    <Dialog open={props.open} onClose={onClose}>\n      <DialogTitle>{t('newCategoryDialog.newCategory')}</DialogTitle>\n      <DialogContent>\n        <TextField\n          margin=\"normal\"\n          id=\"title\"\n          label={t('newCategoryDialog.title')}\n          value={title}\n          onChange={handleChange}\n          type=\"text\"\n          fullWidth\n        />\n      </DialogContent>\n      <DialogActions>\n        <Button onClick={onClose}>{t('newCategoryDialog.cancelButton')}</Button>\n\n        <Button onClick={onConfirm} color=\"primary\">\n          {t('newCategoryDialog.createButton')}\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmCa,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AAErC,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,GAChB;AAEA,EAAA,MAAM,YAAY,YAAY;AAC5B,IAAI,IAAA;AACF,MAAA,MAAM,iBAAiB,cAAe,CAAA;AAAA,QACpC;AAAA,OACD,CAAA;AACD,MAAA,QAAA,CAAS,IAAK,CAAA;AAAA,QACZ,OAAA,EAAS,EAAE,kCAAkC,CAAA;AAAA,QAC7C,QAAU,EAAA;AAAA,OACX,CAAA;AACD,MAAA,KAAA,CAAM,OAAQ,EAAA;AAAA,aACP,GAAK,EAAA;AACZ,MAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAU,IAAc,OAAS,EAAA,QAAA,EAAU,SAAS,CAAA;AAAA;AACtE,GACF;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,KAAyC,KAAA;AAC7D,IAAS,QAAA,CAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,GAC7B;AAEA,EAAA,uBACG,IAAA,CAAA,MAAA,EAAA,EAAO,IAAM,EAAA,KAAA,CAAM,MAAM,OACxB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,WAAA,EAAA,EAAa,QAAE,EAAA,CAAA,CAAA,+BAA+B,CAAE,EAAA,CAAA;AAAA,wBAChD,aACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,MAAO,EAAA,QAAA;AAAA,QACP,EAAG,EAAA,OAAA;AAAA,QACH,KAAA,EAAO,EAAE,yBAAyB,CAAA;AAAA,QAClC,KAAO,EAAA,KAAA;AAAA,QACP,QAAU,EAAA,YAAA;AAAA,QACV,IAAK,EAAA,MAAA;AAAA,QACL,SAAS,EAAA;AAAA;AAAA,KAEb,EAAA,CAAA;AAAA,yBACC,aACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,OAAU,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CAAE,EAAA,CAAA;AAAA,sBAE/D,GAAA,CAAC,UAAO,OAAS,EAAA,SAAA,EAAW,OAAM,SAC/B,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CACrC,EAAA;AAAA,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/Router.esm.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Routes, Route } from 'react-router-dom';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { announcementCreatePermission, announcementUpdatePermission } from '@backstage-community/plugin-announcements-common';
@@ -9,6 +9,7 @@ import { CreateAnnouncementPage } from './CreateAnnouncementPage/CreateAnnouncem
 import { EditAnnouncementPage } from './EditAnnouncementPage/EditAnnouncementPage.esm.js';
 import { CategoriesPage } from './CategoriesPage/CategoriesPage.esm.js';
 import { AdminPortal } from './Admin/AdminPortal/AdminPortal.esm.js';
+import 'react';
 import '@backstage/core-components';
 import '@backstage/core-plugin-api';
 import '@backstage-community/plugin-announcements-react';
@@ -28,39 +29,47 @@ const Router = (props) => {
     themeId: "home",
     title: "Announcements",
     hideInactive: false,
+    hideStartAt: false,
     ...props
   };
-  return /* @__PURE__ */ React__default.createElement(Routes, null, /* @__PURE__ */ React__default.createElement(Route, { path: "/", element: /* @__PURE__ */ React__default.createElement(AnnouncementsPage, { ...propsWithDefaults }) }), /* @__PURE__ */ React__default.createElement(
-    Route,
-    {
-      path: `${announcementViewRouteRef.path}`,
-      element: /* @__PURE__ */ React__default.createElement(AnnouncementPage, { ...propsWithDefaults })
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Route,
-    {
-      path: `${announcementCreateRouteRef.path}`,
-      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementCreatePermission }, /* @__PURE__ */ React__default.createElement(CreateAnnouncementPage, { ...propsWithDefaults }))
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Route,
-    {
-      path: `${announcementEditRouteRef.path}`,
-      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementUpdatePermission }, /* @__PURE__ */ React__default.createElement(EditAnnouncementPage, { ...propsWithDefaults }))
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Route,
-    {
-      path: `${announcementAdminRouteRef.path}`,
-      element: /* @__PURE__ */ React__default.createElement(RequirePermission, { permission: announcementCreatePermission }, /* @__PURE__ */ React__default.createElement(AdminPortal, null))
-    }
-  ), /* @__PURE__ */ React__default.createElement(
-    Route,
-    {
-      path: `${categoriesListRouteRef.path}`,
-      element: /* @__PURE__ */ React__default.createElement(CategoriesPage, { themeId: propsWithDefaults.themeId })
-    }
-  ));
+  return /* @__PURE__ */ jsxs(Routes, { children: [
+    /* @__PURE__ */ jsx(Route, { path: "/", element: /* @__PURE__ */ jsx(AnnouncementsPage, { ...propsWithDefaults }) }),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: `${announcementViewRouteRef.path}`,
+        element: /* @__PURE__ */ jsx(AnnouncementPage, { ...propsWithDefaults })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: `${announcementCreateRouteRef.path}`,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: announcementCreatePermission, children: /* @__PURE__ */ jsx(CreateAnnouncementPage, { ...propsWithDefaults }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: `${announcementEditRouteRef.path}`,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: announcementUpdatePermission, children: /* @__PURE__ */ jsx(EditAnnouncementPage, { ...propsWithDefaults }) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: `${announcementAdminRouteRef.path}`,
+        element: /* @__PURE__ */ jsx(RequirePermission, { permission: announcementCreatePermission, children: /* @__PURE__ */ jsx(AdminPortal, {}) })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Route,
+      {
+        path: `${categoriesListRouteRef.path}`,
+        element: /* @__PURE__ */ jsx(CategoriesPage, { themeId: propsWithDefaults.themeId })
+      }
+    )
+  ] });
 };
 
 export { Router };

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

@@ -1 +1 @@
-{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Routes, Route } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport {\n  announcementCreatePermission,\n  announcementUpdatePermission,\n} from '@backstage-community/plugin-announcements-common';\nimport {\n  announcementAdminRouteRef,\n  announcementCreateRouteRef,\n  announcementEditRouteRef,\n  announcementViewRouteRef,\n  categoriesListRouteRef,\n} from '../routes';\nimport { AnnouncementsPage, AnnouncementsPageProps } from './AnnouncementsPage';\nimport { AnnouncementPage } from './AnnouncementPage';\nimport { CreateAnnouncementPage } from './CreateAnnouncementPage';\nimport { EditAnnouncementPage } from './EditAnnouncementPage';\nimport { CategoriesPage } from './CategoriesPage';\nimport { AdminPortal } from './Admin';\n\ntype RouterProps = {\n  themeId?: string;\n  title?: string;\n  subtitle?: string;\n  category?: string;\n  hideContextMenu?: boolean;\n  cardOptions?: {\n    titleLength: number | undefined;\n  };\n  buttonOptions?: {\n    name: string | undefined;\n  };\n  hideInactive?: boolean;\n};\n\nexport const Router = (props: RouterProps) => {\n  const propsWithDefaults: AnnouncementsPageProps = {\n    themeId: 'home',\n    title: 'Announcements',\n    hideInactive: false,\n    ...props,\n  };\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<AnnouncementsPage {...propsWithDefaults} />} />\n      <Route\n        path={`${announcementViewRouteRef.path}`}\n        element={<AnnouncementPage {...propsWithDefaults} />}\n      />\n      <Route\n        path={`${announcementCreateRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <CreateAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementEditRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementUpdatePermission}>\n            <EditAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementAdminRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <AdminPortal />\n          </RequirePermission>\n        }\n      />\n\n      <Route\n        path={`${categoriesListRouteRef.path}`}\n        element={<CategoriesPage themeId={propsWithDefaults.themeId} />}\n      />\n    </Routes>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmDa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAA,MAAM,iBAA4C,GAAA;AAAA,IAChD,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,eAAA;AAAA,IACP,YAAc,EAAA,KAAA;AAAA,IACd,GAAG;AAAA,GACL;AAEA,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,kBACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,IAAK,EAAA,GAAA,EAAI,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAmB,EAAA,EAAA,GAAG,iBAAmB,EAAA,CAAA,EAAI,CACvE,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,MACtC,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,gBAAkB,EAAA,EAAA,GAAG,iBAAmB,EAAA;AAAA;AAAA,GAEpD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAAA,MACxC,OAAA,+CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,gDAC5BA,cAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAwB,GAAG,iBAAA,EAAmB,CACjD;AAAA;AAAA,GAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,MACtC,OAAA,+CACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,gDAC5BA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAsB,GAAG,iBAAA,EAAmB,CAC/C;AAAA;AAAA,GAGJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,yBAAA,CAA0B,IAAI,CAAA,CAAA;AAAA,MACvC,yBACGA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAkB,YAAY,4BAC7B,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,iBAAY,CACf;AAAA;AAAA,GAIJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,CAAG,EAAA,sBAAA,CAAuB,IAAI,CAAA,CAAA;AAAA,MACpC,OAAS,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAe,EAAA,EAAA,OAAA,EAAS,kBAAkB,OAAS,EAAA;AAAA;AAAA,GAEjE,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Router.esm.js","sources":["../../src/components/Router.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 { Routes, Route } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport {\n  announcementCreatePermission,\n  announcementUpdatePermission,\n} from '@backstage-community/plugin-announcements-common';\nimport {\n  announcementAdminRouteRef,\n  announcementCreateRouteRef,\n  announcementEditRouteRef,\n  announcementViewRouteRef,\n  categoriesListRouteRef,\n} from '../routes';\nimport { AnnouncementsPage, AnnouncementsPageProps } from './AnnouncementsPage';\nimport { AnnouncementPage } from './AnnouncementPage';\nimport { CreateAnnouncementPage } from './CreateAnnouncementPage';\nimport { EditAnnouncementPage } from './EditAnnouncementPage';\nimport { CategoriesPage } from './CategoriesPage';\nimport { AdminPortal } from './Admin';\n\ntype RouterProps = {\n  themeId?: string;\n  title?: string;\n  subtitle?: string;\n  category?: string;\n  hideContextMenu?: boolean;\n  cardOptions?: {\n    titleLength: number | undefined;\n  };\n  buttonOptions?: {\n    name: string | undefined;\n  };\n  hideInactive?: boolean;\n  hideStartAt?: boolean;\n};\n\nexport const Router = (props: RouterProps) => {\n  const propsWithDefaults: AnnouncementsPageProps = {\n    themeId: 'home',\n    title: 'Announcements',\n    hideInactive: false,\n    hideStartAt: false,\n    ...props,\n  };\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<AnnouncementsPage {...propsWithDefaults} />} />\n      <Route\n        path={`${announcementViewRouteRef.path}`}\n        element={<AnnouncementPage {...propsWithDefaults} />}\n      />\n      <Route\n        path={`${announcementCreateRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <CreateAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementEditRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementUpdatePermission}>\n            <EditAnnouncementPage {...propsWithDefaults} />\n          </RequirePermission>\n        }\n      />\n      <Route\n        path={`${announcementAdminRouteRef.path}`}\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <AdminPortal />\n          </RequirePermission>\n        }\n      />\n\n      <Route\n        path={`${categoriesListRouteRef.path}`}\n        element={<CategoriesPage themeId={propsWithDefaults.themeId} />}\n      />\n    </Routes>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAmDa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAA,MAAM,iBAA4C,GAAA;AAAA,IAChD,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,eAAA;AAAA,IACP,YAAc,EAAA,KAAA;AAAA,IACd,WAAa,EAAA,KAAA;AAAA,IACb,GAAG;AAAA,GACL;AAEA,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAM,MAAK,GAAI,EAAA,OAAA,sBAAU,iBAAmB,EAAA,EAAA,GAAG,mBAAmB,CAAI,EAAA,CAAA;AAAA,oBACvE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,QACtC,OAAS,kBAAA,GAAA,CAAC,gBAAkB,EAAA,EAAA,GAAG,iBAAmB,EAAA;AAAA;AAAA,KACpD;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAG,EAAA,0BAAA,CAA2B,IAAI,CAAA,CAAA;AAAA,QACxC,OAAA,sBACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,8BAC7B,QAAC,kBAAA,GAAA,CAAA,sBAAA,EAAA,EAAwB,GAAG,iBAAA,EAAmB,CACjD,EAAA;AAAA;AAAA,KAEJ;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAG,EAAA,wBAAA,CAAyB,IAAI,CAAA,CAAA;AAAA,QACtC,OAAA,sBACG,iBAAkB,EAAA,EAAA,UAAA,EAAY,8BAC7B,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAsB,GAAG,iBAAA,EAAmB,CAC/C,EAAA;AAAA;AAAA,KAEJ;AAAA,oBACA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAG,EAAA,yBAAA,CAA0B,IAAI,CAAA,CAAA;AAAA,QACvC,yBACG,GAAA,CAAA,iBAAA,EAAA,EAAkB,YAAY,4BAC7B,EAAA,QAAA,kBAAA,GAAA,CAAC,eAAY,CACf,EAAA;AAAA;AAAA,KAEJ;AAAA,oBAEA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,CAAG,EAAA,sBAAA,CAAuB,IAAI,CAAA,CAAA;AAAA,QACpC,OAAS,kBAAA,GAAA,CAAC,cAAe,EAAA,EAAA,OAAA,EAAS,kBAAkB,OAAS,EAAA;AAAA;AAAA;AAC/D,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import * as _backstage_core_components__ from '@backstage/core-components/*';
-import * as react from 'react';
+import * as _backstage_core_components from '@backstage/core-components';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { IndexableDocument, ResultHighlight } from '@backstage/plugin-search-common';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { SearchResultListItemExtensionProps } from '@backstage/plugin-search-react';
@@ -74,7 +74,8 @@ declare const AnnouncementsPage: (props: {
         name: string | undefined;
     } | undefined;
     hideInactive?: boolean | undefined;
-}) => react.JSX.Element;
+    hideStartAt?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -82,23 +83,24 @@ declare const AnnouncementsAdminPortal: (props?: {
     themeId?: string | undefined;
     title?: string | undefined;
     subtitle?: string | undefined;
-} | undefined) => react.JSX.Element;
+} | undefined) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const AnnouncementsTimeline: ({ maxResults, timelineAlignment, timelineMinWidth, hideInactive, sortBy, order, }: AnnouncementsTimelineProps) => react.JSX.Element;
+declare const AnnouncementsTimeline: ({ maxResults, timelineAlignment, timelineMinWidth, hideInactive, sortBy, order, }: AnnouncementsTimelineProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
-declare const AnnouncementsCard: ({ title, max, category, active, variant, sortBy, order, }: {
+declare const AnnouncementsCard: ({ title, max, category, active, variant, sortBy, order, hideStartAt, }: {
     title?: string | undefined;
     max?: number | undefined;
     category?: string | undefined;
     active?: boolean | undefined;
-    variant?: _backstage_core_components__.InfoCardVariants | undefined;
+    variant?: _backstage_core_components.InfoCardVariants | undefined;
     sortBy?: "created_at" | "start_at" | undefined;
     order?: "desc" | "asc" | undefined;
-}) => react.JSX.Element;
+    hideStartAt?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -107,7 +109,7 @@ declare const NewAnnouncementBanner: (props: {
     max?: number | undefined;
     category?: string | undefined;
     active?: boolean | undefined;
-}) => react.JSX.Element | null;
+}) => react_jsx_runtime.JSX.Element | null;
 /**
  * @public
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-announcements",
-  "version": "0.5.6",
+  "version": "0.5.8",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -9,11 +9,11 @@
   },
   "typesVersions": {
     "*": {
-      "*": [
-        "dist/index.d.ts"
-      ],
       "alpha": [
         "dist/alpha.d.ts"
+      ],
+      "package.json": [
+        "package.json"
       ]
     }
   },
@@ -61,21 +61,21 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements-common": "^0.3.1",
-    "@backstage-community/plugin-announcements-react": "^0.4.2",
+    "@backstage-community/plugin-announcements-common": "^0.3.2",
+    "@backstage-community/plugin-announcements-react": "^0.4.3",
     "@backstage/catalog-model": "^1.7.3",
-    "@backstage/core-app-api": "^1.16.0",
-    "@backstage/core-compat-api": "^0.4.0",
-    "@backstage/core-components": "^0.17.0",
-    "@backstage/core-plugin-api": "^1.10.5",
+    "@backstage/core-app-api": "^1.16.1",
+    "@backstage/core-compat-api": "^0.4.1",
+    "@backstage/core-components": "^0.17.1",
+    "@backstage/core-plugin-api": "^1.10.6",
     "@backstage/errors": "^1.2.7",
-    "@backstage/frontend-plugin-api": "^0.10.0",
-    "@backstage/plugin-catalog-react": "^1.16.0",
-    "@backstage/plugin-permission-react": "^0.4.32",
+    "@backstage/frontend-plugin-api": "^0.10.1",
+    "@backstage/plugin-catalog-react": "^1.17.0",
+    "@backstage/plugin-permission-react": "^0.4.33",
     "@backstage/plugin-search-common": "^1.2.17",
-    "@backstage/plugin-search-react": "^1.8.7",
-    "@backstage/plugin-signals-react": "^0.0.11",
-    "@backstage/theme": "^0.6.4",
+    "@backstage/plugin-search-react": "^1.8.8",
+    "@backstage/plugin-signals-react": "^0.0.12",
+    "@backstage/theme": "^0.6.5",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -93,11 +93,11 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.31.0",
-    "@backstage/dev-utils": "^1.1.8",
-    "@backstage/frontend-test-utils": "^0.3.0",
-    "@backstage/plugin-signals": "^0.0.17",
-    "@backstage/test-utils": "^1.7.6",
+    "@backstage/cli": "^0.32.0",
+    "@backstage/dev-utils": "^1.1.9",
+    "@backstage/frontend-test-utils": "^0.3.1",
+    "@backstage/plugin-signals": "^0.0.18",
+    "@backstage/test-utils": "^1.7.7",
     "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",