@backstage-community/plugin-announcements 0.1.1

package/dist/components/AnnouncementPage/AnnouncementPage.esm.js

@@ -0,0 +1,59 @@
+import React__default from 'react';
+import useAsync from 'react-use/lib/useAsync';
+import { DateTime } from 'luxon';
+import { Page, Header, Content, Progress, Link, InfoCard, MarkdownContent } from '@backstage/core-components';
+import { useApi, useRouteRefParams, useRouteRef } from '@backstage/core-plugin-api';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { entityRouteRef, EntityPeekAheadPopover, EntityDisplayName } from '@backstage/plugin-catalog-react';
+import { announcementViewRouteRef, rootRouteRef } from '../../routes.esm.js';
+import { announcementsApiRef } from '@backstage-community/plugin-announcements-react';
+import { Grid } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+
+const AnnouncementDetails = ({
+  announcement
+}) => {
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const entityLink = useRouteRef(entityRouteRef);
+  const deepLink = {
+    link: announcementsLink(),
+    title: "Back to announcements"
+  };
+  const publisherRef = parseEntityRef(announcement.publisher);
+  const subHeader = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, "By", " ", /* @__PURE__ */ React__default.createElement(EntityPeekAheadPopover, { entityRef: announcement.publisher }, /* @__PURE__ */ React__default.createElement(Link, { to: entityLink(publisherRef) }, /* @__PURE__ */ React__default.createElement(EntityDisplayName, { entityRef: announcement.publisher, hideIcon: true }))), ", ", DateTime.fromISO(announcement.created_at).toRelative());
+  return /* @__PURE__ */ React__default.createElement(
+    InfoCard,
+    {
+      title: announcement.title,
+      subheader: subHeader,
+      deepLink
+    },
+    /* @__PURE__ */ React__default.createElement(MarkdownContent, { content: announcement.body })
+  );
+};
+const AnnouncementPage = (props) => {
+  const announcementsApi = useApi(announcementsApiRef);
+  const { id } = useRouteRefParams(announcementViewRouteRef);
+  const { value, loading, error } = useAsync(
+    async () => announcementsApi.announcementByID(id)
+  );
+  let title = props.title;
+  let content;
+  if (loading) {
+    content = /* @__PURE__ */ React__default.createElement(Progress, null);
+  } else if (error) {
+    content = /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+  } else {
+    title = `${value.title} \u2013 ${title}`;
+    content = /* @__PURE__ */ React__default.createElement(AnnouncementDetails, { announcement: value });
+    const lastSeen = announcementsApi.lastSeenDate();
+    const announcementCreatedAt = DateTime.fromISO(value.created_at);
+    if (announcementCreatedAt > lastSeen) {
+      announcementsApi.markLastSeenDate(announcementCreatedAt);
+    }
+  }
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId: props.themeId }, /* @__PURE__ */ React__default.createElement(Header, { title, subtitle: props.subtitle }), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(Grid, { container: true, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Grid, { item: true, sm: 6 }, content))));
+};
+
+export { AnnouncementPage };
+//# sourceMappingURL=AnnouncementPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementPage.esm.js","sources":["../../../src/components/AnnouncementPage/AnnouncementPage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { ReactNode } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport { DateTime } from 'luxon';\nimport {\n  Progress,\n  Page,\n  Header,\n  Content,\n  MarkdownContent,\n  InfoCard,\n  Link,\n} from '@backstage/core-components';\nimport {\n  useApi,\n  useRouteRef,\n  useRouteRefParams,\n} from '@backstage/core-plugin-api';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  EntityPeekAheadPopover,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport { announcementViewRouteRef, rootRouteRef } from '../../routes';\nimport { announcementsApiRef } from '@backstage-community/plugin-announcements-react';\nimport { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { Grid } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\n\nconst AnnouncementDetails = ({\n  announcement,\n}: {\n  announcement: Announcement;\n}) => {\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const entityLink = useRouteRef(entityRouteRef);\n  const deepLink = {\n    link: announcementsLink(),\n    title: 'Back to announcements',\n  };\n\n  const publisherRef = parseEntityRef(announcement.publisher);\n  const subHeader = (\n    <>\n      By{' '}\n      <EntityPeekAheadPopover entityRef={announcement.publisher}>\n        <Link to={entityLink(publisherRef)}>\n          <EntityDisplayName entityRef={announcement.publisher} hideIcon />\n        </Link>\n      </EntityPeekAheadPopover>\n      , {DateTime.fromISO(announcement.created_at).toRelative()}\n    </>\n  );\n\n  return (\n    <InfoCard\n      title={announcement.title}\n      subheader={subHeader}\n      deepLink={deepLink}\n    >\n      <MarkdownContent content={announcement.body} />\n    </InfoCard>\n  );\n};\n\ntype AnnouncementPageProps = {\n  themeId: string;\n  title: string;\n  subtitle?: ReactNode;\n};\n\nexport const AnnouncementPage = (props: AnnouncementPageProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const { id } = useRouteRefParams(announcementViewRouteRef);\n  const { value, loading, error } = useAsync(async () =>\n    announcementsApi.announcementByID(id),\n  );\n\n  let title = props.title;\n  let content: React.ReactNode;\n\n  if (loading) {\n    content = <Progress />;\n  } else if (error) {\n    content = <Alert severity=\"error\">{error.message}</Alert>;\n  } else {\n    title = `${value!.title} – ${title}`;\n    content = <AnnouncementDetails announcement={value!} />;\n\n    const lastSeen = announcementsApi.lastSeenDate();\n    const announcementCreatedAt = DateTime.fromISO(value!.created_at);\n\n    if (announcementCreatedAt > lastSeen) {\n      announcementsApi.markLastSeenDate(announcementCreatedAt);\n    }\n  }\n\n  return (\n    <Page themeId={props.themeId}>\n      <Header title={title} subtitle={props.subtitle} />\n\n      <Content>\n        <Grid container justifyContent=\"center\" alignItems=\"center\">\n          <Grid item sm={6}>\n            {content}\n          </Grid>\n        </Grid>\n      </Content>\n    </Page>\n  );\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/AnnouncementSearchResultListItem/AnnouncementSearchResultListItem.esm.js

@@ -0,0 +1,67 @@
+import React__default from 'react';
+import { DateTime } from 'luxon';
+import { Link } from '@backstage/core-components';
+import { HighlightedSearchResultText } from '@backstage/plugin-search-react';
+import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { makeStyles, Typography, ListItem, ListItemIcon, ListItemText, Divider } from '@material-ui/core';
+import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';
+
+const useStyles = makeStyles({
+  createdAt: {
+    display: "block",
+    marginTop: "0.2rem",
+    marginBottom: "0.8rem",
+    fontSize: "0.8rem"
+  },
+  excerpt: {
+    lineHeight: "1.55"
+  },
+  itemText: {
+    wordBreak: "break-all"
+  }
+});
+const AnnouncementSearchResultListItem = ({
+  result,
+  highlight
+}) => {
+  const classes = useStyles();
+  const { t } = useAnnouncementsTranslation();
+  if (!result) {
+    return null;
+  }
+  const document = result;
+  const title = /* @__PURE__ */ React__default.createElement(Link, { noTrack: true, to: result.location }, highlight?.fields.title ? /* @__PURE__ */ React__default.createElement(
+    HighlightedSearchResultText,
+    {
+      text: highlight.fields.title,
+      preTag: highlight.preTag,
+      postTag: highlight.postTag
+    }
+  ) : result.title);
+  const excerpt = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", className: classes.createdAt }, `${t("announcementSearchResultListItem.published")} `, /* @__PURE__ */ React__default.createElement(Typography, { component: "span", title: document.createdAt }, DateTime.fromISO(document.createdAt).toRelative())), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, highlight?.fields.text ? /* @__PURE__ */ React__default.createElement(
+    HighlightedSearchResultText,
+    {
+      text: highlight.fields.text,
+      preTag: highlight.preTag,
+      postTag: highlight.postTag
+    }
+  ) : result.text));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ListItem, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+    ListItemIcon,
+    {
+      title: t("announcementSearchResultListItem.announcement")
+    },
+    /* @__PURE__ */ React__default.createElement(RecordVoiceOverIcon, null)
+  ), /* @__PURE__ */ React__default.createElement(
+    ListItemText,
+    {
+      primary: title,
+      secondary: excerpt,
+      className: classes.itemText,
+      primaryTypographyProps: { variant: "h6" }
+    }
+  )), /* @__PURE__ */ React__default.createElement(Divider, { component: "li" }));
+};
+
+export { AnnouncementSearchResultListItem };
+//# sourceMappingURL=AnnouncementSearchResultListItem.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementSearchResultListItem.esm.js","sources":["../../../src/components/AnnouncementSearchResultListItem/AnnouncementSearchResultListItem.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 { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport {\n  IndexableDocument,\n  ResultHighlight,\n} from '@backstage/plugin-search-common';\nimport { HighlightedSearchResultText } from '@backstage/plugin-search-react';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  makeStyles,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n  Typography,\n} from '@material-ui/core';\nimport RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';\n\nconst useStyles = makeStyles({\n  createdAt: {\n    display: 'block',\n    marginTop: '0.2rem',\n    marginBottom: '0.8rem',\n    fontSize: '0.8rem',\n  },\n  excerpt: {\n    lineHeight: '1.55',\n  },\n  itemText: {\n    wordBreak: 'break-all',\n  },\n});\n\ntype IndexableAnnouncement = IndexableDocument & {\n  createdAt: string;\n};\n\nexport interface AnnouncementSearchResultProps {\n  result?: IndexableDocument;\n  highlight?: ResultHighlight;\n  rank?: number;\n}\n\nexport const AnnouncementSearchResultListItem = ({\n  result,\n  highlight,\n}: AnnouncementSearchResultProps) => {\n  const classes = useStyles();\n  const { t } = useAnnouncementsTranslation();\n\n  if (!result) {\n    return null;\n  }\n\n  const document = result as IndexableAnnouncement;\n\n  const title = (\n    <Link noTrack to={result.location}>\n      {highlight?.fields.title ? (\n        <HighlightedSearchResultText\n          text={highlight.fields.title}\n          preTag={highlight.preTag}\n          postTag={highlight.postTag}\n        />\n      ) : (\n        result.title\n      )}\n    </Link>\n  );\n\n  const excerpt = (\n    <>\n      <Typography component=\"span\" className={classes.createdAt}>\n        {`${t('announcementSearchResultListItem.published')} `}\n        <Typography component=\"span\" title={document.createdAt}>\n          {DateTime.fromISO(document.createdAt).toRelative()}\n        </Typography>\n      </Typography>\n      <>\n        {highlight?.fields.text ? (\n          <HighlightedSearchResultText\n            text={highlight.fields.text}\n            preTag={highlight.preTag}\n            postTag={highlight.postTag}\n          />\n        ) : (\n          result.text\n        )}\n      </>\n    </>\n  );\n\n  return (\n    <>\n      <ListItem alignItems=\"center\">\n        <ListItemIcon\n          title={t('announcementSearchResultListItem.announcement')}\n        >\n          <RecordVoiceOverIcon />\n        </ListItemIcon>\n        <ListItemText\n          primary={title}\n          secondary={excerpt}\n          className={classes.itemText}\n          primaryTypographyProps={{ variant: 'h6' }}\n        />\n      </ListItem>\n\n      <Divider component=\"li\" />\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAkCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,OAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,YAAc,EAAA,QAAA;AAAA,IACd,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAYM,MAAM,mCAAmC,CAAC;AAAA,EAC/C,MAAA;AAAA,EACA;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAW,GAAA,MAAA;AAEjB,EAAM,MAAA,KAAA,mBACHA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,EAAA,IAAA,EAAC,IAAI,MAAO,CAAA,QAAA,EAAA,EACtB,SAAW,EAAA,MAAA,CAAO,KACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,OAAO,KAEX,CAAA;AAGF,EAAA,MAAM,OACJ,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAO,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAA,EAC7C,CAAG,EAAA,CAAA,CAAE,4CAA4C,CAAC,qBAClDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA,QAAA,CAAS,SAC1C,EAAA,EAAA,QAAA,CAAS,QAAQ,QAAS,CAAA,SAAS,CAAE,CAAA,UAAA,EACxC,CACF,CAAA,kBAEGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAW,OAAO,IACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,IAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,MAAO,CAAA,IAEX,CACF,CAAA;AAGF,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,UAAA,EAAW,QACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,+CAA+C;AAAA,KAAA;AAAA,iDAEvD,mBAAoB,EAAA,IAAA;AAAA,GAEvB,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,KAAA;AAAA,MACT,SAAW,EAAA,OAAA;AAAA,MACX,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,sBAAA,EAAwB,EAAE,OAAA,EAAS,IAAK;AAAA;AAAA,GAE5C,CAEA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,MAAK,CAC1B,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,2 @@
+export { AnnouncementSearchResultListItem } from './AnnouncementSearchResultListItem.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

package/dist/components/AnnouncementsCard/AnnouncementsCard.esm.js

@@ -0,0 +1,81 @@
+import React__default from 'react';
+import { DateTime } from 'luxon';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { Progress, InfoCard, Link } from '@backstage/core-components';
+import { useApi, useRouteRef } from '@backstage/core-plugin-api';
+import { announcementEntityPermissions } from '@backstage-community/plugin-announcements-common';
+import { rootRouteRef, announcementViewRouteRef, announcementCreateRouteRef } from '../../routes.esm.js';
+import { announcementsApiRef, useAnnouncementsTranslation, useAnnouncements } from '@backstage-community/plugin-announcements-react';
+import { makeStyles, List, ListItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import { Alert } from '@material-ui/lab';
+import NewReleasesIcon from '@material-ui/icons/NewReleases';
+
+const useStyles = makeStyles({
+  newAnnouncementIcon: {
+    minWidth: "36px"
+  }
+});
+const AnnouncementsCard = ({
+  title,
+  max,
+  category,
+  active,
+  variant = "gridItem"
+}) => {
+  const classes = useStyles();
+  const announcementsApi = useApi(announcementsApiRef);
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
+  const createAnnouncementLink = useRouteRef(announcementCreateRouteRef);
+  const lastSeen = announcementsApi.lastSeenDate();
+  const { t } = useAnnouncementsTranslation();
+  const { announcements, loading, error } = useAnnouncements({
+    max: max || 5,
+    category,
+    active
+  });
+  const { announcementCreatePermission } = announcementEntityPermissions;
+  const { loading: loadingPermission, allowed: canAdd } = usePermission({
+    permission: announcementCreatePermission
+  });
+  if (loading) {
+    return /* @__PURE__ */ React__default.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+  }
+  const deepLink = {
+    link: announcementsLink(),
+    title: t("announcementsCard.seeAll")
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    InfoCard,
+    {
+      title: title || t("announcementsCard.announcements"),
+      variant,
+      deepLink
+    },
+    /* @__PURE__ */ React__default.createElement(List, { dense: true }, announcements.results.map((announcement) => /* @__PURE__ */ React__default.createElement(ListItem, { key: announcement.id }, /* @__PURE__ */ React__default.createElement(ListItem, null, lastSeen < DateTime.fromISO(announcement.created_at) && /* @__PURE__ */ React__default.createElement(
+      ListItemIcon,
+      {
+        className: classes.newAnnouncementIcon,
+        title: t("announcementsCard.new")
+      },
+      /* @__PURE__ */ React__default.createElement(NewReleasesIcon, null)
+    ), /* @__PURE__ */ React__default.createElement(
+      ListItemText,
+      {
+        primary: /* @__PURE__ */ React__default.createElement(Link, { to: viewAnnouncementLink({ id: announcement.id }) }, announcement.title),
+        secondary: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, DateTime.fromISO(announcement.created_at).toRelative(), announcement.category && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ` ${t("announcementsCard.in")} `, /* @__PURE__ */ React__default.createElement(
+          Link,
+          {
+            to: `${announcementsLink()}?category=${announcement.category.slug}`
+          },
+          announcement.category.title
+        )), " ", "\u2013 ", announcement.excerpt)
+      }
+    )))), announcements.count === 0 && !loadingPermission && canAdd && /* @__PURE__ */ React__default.createElement(ListItem, null, /* @__PURE__ */ React__default.createElement(ListItemText, null, `${t("announcementsCard.noAnnouncements")} `, /* @__PURE__ */ React__default.createElement(Link, { to: createAnnouncementLink() }, t("announcementsCard.addOne")), "?")))
+  );
+};
+
+export { AnnouncementsCard };
+//# sourceMappingURL=AnnouncementsCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementsCard.esm.js","sources":["../../../src/components/AnnouncementsCard/AnnouncementsCard.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 { DateTime } from 'luxon';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport {\n  InfoCard,\n  InfoCardVariants,\n  Link,\n  Progress,\n} from '@backstage/core-components';\nimport { useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { announcementEntityPermissions } from '@backstage-community/plugin-announcements-common';\nimport {\n  announcementCreateRouteRef,\n  announcementViewRouteRef,\n  rootRouteRef,\n} from '../../routes';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  makeStyles,\n  List,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n} from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport NewReleasesIcon from '@material-ui/icons/NewReleases';\n\nconst useStyles = makeStyles({\n  newAnnouncementIcon: {\n    minWidth: '36px',\n  },\n});\n\ntype AnnouncementsCardOpts = {\n  title?: string;\n  max?: number;\n  category?: string;\n  active?: boolean;\n  variant?: InfoCardVariants;\n};\n\nexport const AnnouncementsCard = ({\n  title,\n  max,\n  category,\n  active,\n  variant = 'gridItem',\n}: AnnouncementsCardOpts) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const createAnnouncementLink = useRouteRef(announcementCreateRouteRef);\n  const lastSeen = announcementsApi.lastSeenDate();\n  const { t } = useAnnouncementsTranslation();\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: max || 5,\n    category,\n    active,\n  });\n\n  const { announcementCreatePermission } = announcementEntityPermissions;\n  const { loading: loadingPermission, allowed: canAdd } = usePermission({\n    permission: announcementCreatePermission,\n  });\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  const deepLink = {\n    link: announcementsLink(),\n    title: t('announcementsCard.seeAll'),\n  };\n\n  return (\n    <InfoCard\n      title={title || t('announcementsCard.announcements')}\n      variant={variant}\n      deepLink={deepLink}\n    >\n      <List dense>\n        {announcements.results.map(announcement => (\n          <ListItem key={announcement.id}>\n            <ListItem>\n              {lastSeen < DateTime.fromISO(announcement.created_at) && (\n                <ListItemIcon\n                  className={classes.newAnnouncementIcon}\n                  title={t('announcementsCard.new')}\n                >\n                  <NewReleasesIcon />\n                </ListItemIcon>\n              )}\n\n              <ListItemText\n                primary={\n                  <Link to={viewAnnouncementLink({ id: announcement.id })}>\n                    {announcement.title}\n                  </Link>\n                }\n                secondary={\n                  <>\n                    {DateTime.fromISO(announcement.created_at).toRelative()}\n                    {announcement.category && (\n                      <>\n                        {` ${t('announcementsCard.in')} `}\n                        <Link\n                          to={`${announcementsLink()}?category=${\n                            announcement.category.slug\n                          }`}\n                        >\n                          {announcement.category.title}\n                        </Link>\n                      </>\n                    )}{' '}\n                    – {announcement.excerpt}\n                  </>\n                }\n              />\n            </ListItem>\n          </ListItem>\n        ))}\n        {announcements.count === 0 && !loadingPermission && canAdd && (\n          <ListItem>\n            <ListItemText>\n              {`${t('announcementsCard.noAnnouncements')} `}\n              <Link to={createAnnouncementLink()}>\n                {t('announcementsCard.addOne')}\n              </Link>\n              ?\n            </ListItemText>\n          </ListItem>\n        )}\n      </List>\n    </InfoCard>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;AA8CA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,mBAAqB,EAAA;AAAA,IACnB,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAUM,MAAM,oBAAoB,CAAC;AAAA,EAChC,KAAA;AAAA,EACA,GAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAU,GAAA;AACZ,CAA6B,KAAA;AAC3B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,gBAAA,GAAmB,OAAO,mBAAmB,CAAA;AACnD,EAAM,MAAA,iBAAA,GAAoB,YAAY,YAAY,CAAA;AAClD,EAAM,MAAA,oBAAA,GAAuB,YAAY,wBAAwB,CAAA;AACjE,EAAM,MAAA,sBAAA,GAAyB,YAAY,0BAA0B,CAAA;AACrE,EAAM,MAAA,QAAA,GAAW,iBAAiB,YAAa,EAAA;AAC/C,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,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;AAED,EAAM,MAAA,EAAE,8BAAiC,GAAA,6BAAA;AACzC,EAAA,MAAM,EAAE,OAAS,EAAA,iBAAA,EAAmB,OAAS,EAAA,MAAA,KAAW,aAAc,CAAA;AAAA,IACpE,UAAY,EAAA;AAAA,GACb,CAAA;AAED,EAAA,IAAI,OAAS,EAAA;AACX,IAAA,oDAAQ,QAAS,EAAA,IAAA,CAAA;AAAA,aACR,KAAO,EAAA;AAChB,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAS,EAAA,OAAA,EAAA,EAAS,MAAM,OAAQ,CAAA;AAAA;AAGhD,EAAA,MAAM,QAAW,GAAA;AAAA,IACf,MAAM,iBAAkB,EAAA;AAAA,IACxB,KAAA,EAAO,EAAE,0BAA0B;AAAA,GACrC;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,KAAS,IAAA,CAAA,CAAE,iCAAiC,CAAA;AAAA,MACnD,OAAA;AAAA,MACA;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA,CAAC,QAAK,KAAK,EAAA,IAAA,EAAA,EACR,cAAc,OAAQ,CAAA,GAAA,CAAI,kCACxBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAK,YAAa,CAAA,EAAA,EAAA,+CACzB,QACE,EAAA,IAAA,EAAA,QAAA,GAAW,SAAS,OAAQ,CAAA,YAAA,CAAa,UAAU,CAClD,oBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAQ,CAAA,mBAAA;AAAA,QACnB,KAAA,EAAO,EAAE,uBAAuB;AAAA,OAAA;AAAA,mDAE/B,eAAgB,EAAA,IAAA;AAAA,KAIrB,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OACE,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,oBAAqB,CAAA,EAAE,EAAI,EAAA,YAAA,CAAa,EAAG,EAAC,CACnD,EAAA,EAAA,YAAA,CAAa,KAChB,CAAA;AAAA,QAEF,2BAEKA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,QAAA,CAAS,OAAQ,CAAA,YAAA,CAAa,UAAU,CAAE,CAAA,UAAA,EAC1C,EAAA,YAAA,CAAa,4BAETA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAI,CAAE,CAAA,sBAAsB,CAAC,CAC9B,CAAA,CAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,IAAI,CAAG,EAAA,iBAAA,EAAmB,CACxB,UAAA,EAAA,YAAA,CAAa,SAAS,IACxB,CAAA;AAAA,WAAA;AAAA,UAEC,aAAa,QAAS,CAAA;AAAA,SAE3B,CAAA,EACC,GAAI,EAAA,SAAA,EACJ,aAAa,OAClB;AAAA;AAAA,KAGN,CACF,CACD,CAAA,EACA,aAAc,CAAA,KAAA,KAAU,CAAK,IAAA,CAAC,iBAAqB,IAAA,MAAA,oBACjDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,+CACE,YACE,EAAA,IAAA,EAAA,CAAA,EAAG,CAAE,CAAA,mCAAmC,CAAC,CAAA,CAAA,CAAA,kBACzCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,sBAAA,EACP,EAAA,EAAA,CAAA,CAAE,0BAA0B,CAC/B,CAAO,EAAA,GAET,CACF,CAEJ;AAAA,GACF;AAEJ;;;;"}

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

@@ -0,0 +1,2 @@
+export { AnnouncementsCard } from './AnnouncementsCard.esm.js';
+//# sourceMappingURL=index.esm.js.map

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

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

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

@@ -0,0 +1,233 @@
+import React__default from 'react';
+import { useLocation } from 'react-router-dom';
+import { usePermission } from '@backstage/plugin-permission-react';
+import { announcementCreatePermission, announcementDeletePermission, announcementUpdatePermission } from '@backstage-community/plugin-announcements-common';
+import { DateTime } from 'luxon';
+import { Page, Header, Content, ContentHeader, LinkButton, Progress, ItemCardGrid, Link } from '@backstage/core-components';
+import { useRouteRef, useApi, alertApiRef } from '@backstage/core-plugin-api';
+import { parseEntityRef } from '@backstage/catalog-model';
+import { entityRouteRef, EntityPeekAheadPopover, EntityDisplayName } from '@backstage/plugin-catalog-react';
+import DeleteIcon from '@material-ui/icons/Delete';
+import EditIcon from '@material-ui/icons/Edit';
+import MoreVert from '@material-ui/icons/MoreVert';
+import { announcementCreateRouteRef, rootRouteRef, announcementViewRouteRef, announcementEditRouteRef } from '../../routes.esm.js';
+import { DeleteAnnouncementDialog } from './DeleteAnnouncementDialog.esm.js';
+import { useDeleteAnnouncementDialogState } from './useDeleteAnnouncementDialogState.esm.js';
+import { ContextMenu } from './ContextMenu.esm.js';
+import { useAnnouncementsTranslation, announcementsApiRef, useAnnouncements } from '@backstage-community/plugin-announcements-react';
+import { makeStyles, Tooltip, Card, CardHeader, CardContent, IconButton, Menu, MenuItem, ListItemIcon } from '@material-ui/core';
+import { Alert, Pagination } from '@material-ui/lab';
+
+const useStyles = makeStyles((theme) => {
+  return {
+    cardHeader: {
+      color: theme?.palette?.text?.primary || "#000",
+      fontSize: "1.5rem"
+    },
+    pagination: {
+      display: "flex",
+      justifyContent: "center",
+      marginTop: theme?.spacing?.(4) || 32
+    }
+  };
+});
+const truncate = (text, length) => {
+  return text.length > length ? `${text.substring(0, length)}...` : text;
+};
+const AnnouncementCard = ({
+  announcement,
+  onDelete,
+  options: { titleLength = 50 }
+}) => {
+  const classes = useStyles();
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
+  const editAnnouncementLink = useRouteRef(announcementEditRouteRef);
+  const entityLink = useRouteRef(entityRouteRef);
+  const { t } = useAnnouncementsTranslation();
+  const publisherRef = parseEntityRef(announcement.publisher);
+  const title = /* @__PURE__ */ React__default.createElement(
+    Tooltip,
+    {
+      title: announcement.title,
+      disableFocusListener: true,
+      "data-testid": "announcement-card-title-tooltip"
+    },
+    /* @__PURE__ */ React__default.createElement(
+      Link,
+      {
+        className: classes.cardHeader,
+        to: viewAnnouncementLink({ id: announcement.id })
+      },
+      truncate(announcement.title, titleLength)
+    )
+  );
+  const subTitle = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, t("announcementsPage.card.by"), " ", /* @__PURE__ */ React__default.createElement(EntityPeekAheadPopover, { entityRef: announcement.publisher }, /* @__PURE__ */ React__default.createElement(Link, { to: entityLink(publisherRef) }, /* @__PURE__ */ React__default.createElement(EntityDisplayName, { entityRef: announcement.publisher, hideIcon: true }))), announcement.category && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, " ", t("announcementsPage.card.in"), " ", /* @__PURE__ */ React__default.createElement(
+    Link,
+    {
+      to: `${announcementsLink()}?category=${announcement.category.slug}`
+    },
+    announcement.category.title
+  )), ", ", DateTime.fromISO(announcement.created_at).toRelative());
+  const { loading: loadingDeletePermission, allowed: canDelete } = usePermission({ permission: announcementDeletePermission });
+  const { loading: loadingUpdatePermission, allowed: canUpdate } = usePermission({ permission: announcementUpdatePermission });
+  const AnnouncementEditMenu = () => {
+    const [open, setOpen] = React__default.useState(false);
+    const [anchorEl, setAnchorEl] = React__default.useState(
+      void 0
+    );
+    const handleOpenEditMenu = (event) => {
+      setAnchorEl(event.currentTarget);
+      setOpen(true);
+    };
+    const handleCloseEditClose = () => {
+      setAnchorEl(void 0);
+      setOpen(false);
+    };
+    const canShowMenu = !loadingUpdatePermission && canUpdate || !loadingDeletePermission && canDelete;
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, canShowMenu && /* @__PURE__ */ React__default.createElement(
+      IconButton,
+      {
+        "data-testid": "announcement-edit-menu",
+        "aria-label": "more",
+        onClick: handleOpenEditMenu
+      },
+      /* @__PURE__ */ React__default.createElement(MoreVert, null)
+    ), /* @__PURE__ */ React__default.createElement(Menu, { anchorEl, open, onClose: handleCloseEditClose }, !loadingUpdatePermission && canUpdate && /* @__PURE__ */ React__default.createElement(
+      MenuItem,
+      {
+        "data-testid": "edit-announcement",
+        component: LinkButton,
+        to: editAnnouncementLink({ id: announcement.id })
+      },
+      /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(EditIcon, null)),
+      t("announcementsPage.card.edit")
+    ), !loadingDeletePermission && canDelete && /* @__PURE__ */ React__default.createElement(MenuItem, { onClick: onDelete }, /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(DeleteIcon, null)), t("announcementsPage.card.delete"))));
+  };
+  return /* @__PURE__ */ React__default.createElement(Card, null, /* @__PURE__ */ React__default.createElement(
+    CardHeader,
+    {
+      action: /* @__PURE__ */ React__default.createElement(AnnouncementEditMenu, null),
+      title,
+      subheader: subTitle
+    }
+  ), /* @__PURE__ */ React__default.createElement(CardContent, null, announcement.excerpt));
+};
+const AnnouncementsGrid = ({
+  maxPerPage,
+  category,
+  cardTitleLength,
+  active
+}) => {
+  const classes = useStyles();
+  const announcementsApi = useApi(announcementsApiRef);
+  const alertApi = useApi(alertApiRef);
+  const [page, setPage] = React__default.useState(1);
+  const handleChange = (_event, value) => {
+    setPage(value);
+  };
+  const {
+    announcements,
+    loading,
+    error,
+    retry: refresh
+  } = useAnnouncements(
+    {
+      max: maxPerPage,
+      page,
+      category,
+      active
+    },
+    { dependencies: [maxPerPage, page, category] }
+  );
+  const { t } = useAnnouncementsTranslation();
+  const {
+    isOpen: isDeleteDialogOpen,
+    open: openDeleteDialog,
+    close: closeDeleteDialog,
+    announcement: announcementToDelete
+  } = useDeleteAnnouncementDialogState();
+  if (loading) {
+    return /* @__PURE__ */ React__default.createElement(Progress, null);
+  } else if (error) {
+    return /* @__PURE__ */ React__default.createElement(Alert, { severity: "error" }, error.message);
+  }
+  const onCancelDelete = () => {
+    closeDeleteDialog();
+  };
+  const onConfirmDelete = async () => {
+    closeDeleteDialog();
+    try {
+      await announcementsApi.deleteAnnouncementByID(announcementToDelete.id);
+      alertApi.post({
+        message: t("announcementsPage.grid.announcementDeleted"),
+        severity: "success"
+      });
+    } catch (err) {
+      alertApi.post({ message: err.message, severity: "error" });
+    }
+    refresh();
+  };
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ItemCardGrid, null, announcements.results.map((announcement) => /* @__PURE__ */ React__default.createElement(
+    AnnouncementCard,
+    {
+      key: announcement.id,
+      announcement,
+      onDelete: () => openDeleteDialog(announcement),
+      options: { titleLength: cardTitleLength }
+    }
+  ))), announcements && announcements.count !== 0 && /* @__PURE__ */ React__default.createElement("div", { className: classes.pagination }, /* @__PURE__ */ React__default.createElement(
+    Pagination,
+    {
+      count: Math.ceil(announcements.count / maxPerPage),
+      page,
+      onChange: handleChange
+    }
+  )), /* @__PURE__ */ React__default.createElement(
+    DeleteAnnouncementDialog,
+    {
+      open: isDeleteDialogOpen,
+      onCancel: onCancelDelete,
+      onConfirm: onConfirmDelete
+    }
+  ));
+};
+const AnnouncementsPage = (props) => {
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const newAnnouncementLink = useRouteRef(announcementCreateRouteRef);
+  const { loading: loadingCreatePermission, allowed: canCreate } = usePermission({ permission: announcementCreatePermission });
+  const { t } = useAnnouncementsTranslation();
+  const {
+    hideContextMenu,
+    hideInactive,
+    themeId,
+    title,
+    subtitle,
+    buttonOptions,
+    maxPerPage,
+    category,
+    cardOptions
+  } = props;
+  return /* @__PURE__ */ React__default.createElement(Page, { themeId }, /* @__PURE__ */ React__default.createElement(Header, { title, subtitle }, !hideContextMenu && /* @__PURE__ */ React__default.createElement(ContextMenu, null)), /* @__PURE__ */ React__default.createElement(Content, null, /* @__PURE__ */ React__default.createElement(ContentHeader, { title: "" }, !loadingCreatePermission && /* @__PURE__ */ React__default.createElement(
+    LinkButton,
+    {
+      disabled: !canCreate,
+      to: newAnnouncementLink(),
+      color: "primary",
+      variant: "contained"
+    },
+    buttonOptions ? `${t("announcementsPage.genericNew")} ${buttonOptions.name}` : t("announcementsPage.newAnnouncement")
+  )), /* @__PURE__ */ React__default.createElement(
+    AnnouncementsGrid,
+    {
+      maxPerPage: maxPerPage ?? 10,
+      category: category ?? queryParams.get("category") ?? void 0,
+      cardTitleLength: cardOptions?.titleLength,
+      active: hideInactive ? true : false
+    }
+  )));
+};
+
+export { AnnouncementsPage };
+//# sourceMappingURL=AnnouncementsPage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementsPage.esm.js","sources":["../../../src/components/AnnouncementsPage/AnnouncementsPage.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 { useLocation } from 'react-router-dom';\nimport { usePermission } from '@backstage/plugin-permission-react';\nimport {\n  announcementCreatePermission,\n  announcementUpdatePermission,\n  announcementDeletePermission,\n  Announcement,\n} from '@backstage-community/plugin-announcements-common';\nimport { DateTime } from 'luxon';\nimport {\n  Page,\n  Header,\n  Content,\n  Link,\n  ItemCardGrid,\n  Progress,\n  ContentHeader,\n  LinkButton,\n} from '@backstage/core-components';\nimport { alertApiRef, useApi, useRouteRef } from '@backstage/core-plugin-api';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport {\n  EntityDisplayName,\n  EntityPeekAheadPopover,\n  entityRouteRef,\n} from '@backstage/plugin-catalog-react';\nimport DeleteIcon from '@material-ui/icons/Delete';\nimport EditIcon from '@material-ui/icons/Edit';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport {\n  announcementCreateRouteRef,\n  announcementEditRouteRef,\n  announcementViewRouteRef,\n  rootRouteRef,\n} from '../../routes';\nimport { DeleteAnnouncementDialog } from './DeleteAnnouncementDialog';\nimport { useDeleteAnnouncementDialogState } from './useDeleteAnnouncementDialogState';\nimport { ContextMenu } from './ContextMenu';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  IconButton,\n  ListItemIcon,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n} from '@material-ui/core';\nimport { Alert, Pagination } from '@material-ui/lab';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    cardHeader: {\n      color: theme?.palette?.text?.primary || '#000',\n      fontSize: '1.5rem',\n    },\n    pagination: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: theme?.spacing?.(4) || 32,\n    },\n  };\n});\n/**\n * Truncate text to a given length and add ellipsis\n * @param text the text to truncate\n * @param length the length to truncate to\n * @returns the truncated text\n */\nconst truncate = (text: string, length: number) => {\n  return text.length > length ? `${text.substring(0, length)}...` : text;\n};\n\nconst AnnouncementCard = ({\n  announcement,\n  onDelete,\n  options: { titleLength = 50 },\n}: {\n  announcement: Announcement;\n  onDelete: () => void;\n  options: AnnouncementCardProps;\n}) => {\n  const classes = useStyles();\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const editAnnouncementLink = useRouteRef(announcementEditRouteRef);\n  const entityLink = useRouteRef(entityRouteRef);\n  const { t } = useAnnouncementsTranslation();\n\n  const publisherRef = parseEntityRef(announcement.publisher);\n  const title = (\n    <Tooltip\n      title={announcement.title}\n      disableFocusListener\n      data-testid=\"announcement-card-title-tooltip\"\n    >\n      <Link\n        className={classes.cardHeader}\n        to={viewAnnouncementLink({ id: announcement.id })}\n      >\n        {truncate(announcement.title, titleLength)}\n      </Link>\n    </Tooltip>\n  );\n  const subTitle = (\n    <>\n      {t('announcementsPage.card.by')}{' '}\n      <EntityPeekAheadPopover entityRef={announcement.publisher}>\n        <Link to={entityLink(publisherRef)}>\n          <EntityDisplayName entityRef={announcement.publisher} hideIcon />\n        </Link>\n      </EntityPeekAheadPopover>\n      {announcement.category && (\n        <>\n          {' '}\n          {t('announcementsPage.card.in')}{' '}\n          <Link\n            to={`${announcementsLink()}?category=${announcement.category.slug}`}\n          >\n            {announcement.category.title}\n          </Link>\n        </>\n      )}\n      , {DateTime.fromISO(announcement.created_at).toRelative()}\n    </>\n  );\n  const { loading: loadingDeletePermission, allowed: canDelete } =\n    usePermission({ permission: announcementDeletePermission });\n  const { loading: loadingUpdatePermission, allowed: canUpdate } =\n    usePermission({ permission: announcementUpdatePermission });\n\n  const AnnouncementEditMenu = () => {\n    const [open, setOpen] = React.useState(false);\n    const [anchorEl, setAnchorEl] = React.useState<undefined | HTMLElement>(\n      undefined,\n    );\n\n    const handleOpenEditMenu = (event: React.MouseEvent<HTMLButtonElement>) => {\n      setAnchorEl(event.currentTarget);\n      setOpen(true);\n    };\n\n    const handleCloseEditClose = () => {\n      setAnchorEl(undefined);\n      setOpen(false);\n    };\n\n    const canShowMenu =\n      (!loadingUpdatePermission && canUpdate) ||\n      (!loadingDeletePermission && canDelete);\n\n    return (\n      <>\n        {canShowMenu && (\n          <IconButton\n            data-testid=\"announcement-edit-menu\"\n            aria-label=\"more\"\n            onClick={handleOpenEditMenu}\n          >\n            <MoreVertIcon />\n          </IconButton>\n        )}\n        <Menu anchorEl={anchorEl} open={open} onClose={handleCloseEditClose}>\n          {!loadingUpdatePermission && canUpdate && (\n            <MenuItem\n              data-testid=\"edit-announcement\"\n              component={LinkButton}\n              to={editAnnouncementLink({ id: announcement.id })}\n            >\n              <ListItemIcon>\n                <EditIcon />\n              </ListItemIcon>\n              {t('announcementsPage.card.edit')}\n            </MenuItem>\n          )}\n          {!loadingDeletePermission && canDelete && (\n            <MenuItem onClick={onDelete}>\n              <ListItemIcon>\n                <DeleteIcon />\n              </ListItemIcon>\n              {t('announcementsPage.card.delete')}\n            </MenuItem>\n          )}\n        </Menu>\n      </>\n    );\n  };\n\n  return (\n    <Card>\n      <CardHeader\n        action={<AnnouncementEditMenu />}\n        title={title}\n        subheader={subTitle}\n      />\n      <CardContent>{announcement.excerpt}</CardContent>\n    </Card>\n  );\n};\n\nconst AnnouncementsGrid = ({\n  maxPerPage,\n  category,\n  cardTitleLength,\n  active,\n}: {\n  maxPerPage: number;\n  category?: string;\n  cardTitleLength?: number;\n  active?: boolean;\n}) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const [page, setPage] = React.useState(1);\n  const handleChange = (_event: any, value: number) => {\n    setPage(value);\n  };\n\n  const {\n    announcements,\n    loading,\n    error,\n    retry: refresh,\n  } = useAnnouncements(\n    {\n      max: maxPerPage,\n      page: page,\n      category,\n      active,\n    },\n    { dependencies: [maxPerPage, page, category] },\n  );\n\n  const { t } = useAnnouncementsTranslation();\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    open: openDeleteDialog,\n    close: closeDeleteDialog,\n    announcement: announcementToDelete,\n  } = useDeleteAnnouncementDialogState();\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteAnnouncementByID(announcementToDelete!.id);\n\n      alertApi.post({\n        message: t('announcementsPage.grid.announcementDeleted'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n\n    refresh();\n  };\n\n  return (\n    <>\n      <ItemCardGrid>\n        {announcements.results.map(announcement => (\n          <AnnouncementCard\n            key={announcement.id}\n            announcement={announcement}\n            onDelete={() => openDeleteDialog(announcement)}\n            options={{ titleLength: cardTitleLength }}\n          />\n        ))}\n      </ItemCardGrid>\n\n      {announcements && announcements.count !== 0 && (\n        <div className={classes.pagination}>\n          <Pagination\n            count={Math.ceil(announcements.count / maxPerPage)}\n            page={page}\n            onChange={handleChange}\n          />\n        </div>\n      )}\n\n      <DeleteAnnouncementDialog\n        open={isDeleteDialogOpen}\n        onCancel={onCancelDelete}\n        onConfirm={onConfirmDelete}\n      />\n    </>\n  );\n};\n\ntype AnnouncementCardProps = {\n  titleLength?: number;\n};\n\ntype AnnouncementCreateButtonProps = {\n  name?: string;\n};\n\nexport type AnnouncementsPageProps = {\n  themeId: string;\n  title: string;\n  subtitle?: ReactNode;\n  maxPerPage?: number;\n  category?: string;\n  buttonOptions?: AnnouncementCreateButtonProps;\n  cardOptions?: AnnouncementCardProps;\n  hideContextMenu?: boolean;\n  hideInactive?: boolean;\n};\n\nexport const AnnouncementsPage = (props: AnnouncementsPageProps) => {\n  const location = useLocation();\n  const queryParams = new URLSearchParams(location.search);\n  const newAnnouncementLink = useRouteRef(announcementCreateRouteRef);\n  const { loading: loadingCreatePermission, allowed: canCreate } =\n    usePermission({ permission: announcementCreatePermission });\n  const { t } = useAnnouncementsTranslation();\n\n  const {\n    hideContextMenu,\n    hideInactive,\n    themeId,\n    title,\n    subtitle,\n    buttonOptions,\n    maxPerPage,\n    category,\n    cardOptions,\n  } = props;\n\n  return (\n    <Page themeId={themeId}>\n      <Header title={title} subtitle={subtitle}>\n        {!hideContextMenu && <ContextMenu />}\n      </Header>\n\n      <Content>\n        <ContentHeader title=\"\">\n          {!loadingCreatePermission && (\n            <LinkButton\n              disabled={!canCreate}\n              to={newAnnouncementLink()}\n              color=\"primary\"\n              variant=\"contained\"\n            >\n              {buttonOptions\n                ? `${t('announcementsPage.genericNew')} ${buttonOptions.name}`\n                : t('announcementsPage.newAnnouncement')}\n            </LinkButton>\n          )}\n        </ContentHeader>\n\n        <AnnouncementsGrid\n          maxPerPage={maxPerPage ?? 10}\n          category={category ?? queryParams.get('category') ?? undefined}\n          cardTitleLength={cardOptions?.titleLength}\n          active={hideInactive ? true : false}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["React","MoreVertIcon"],"mappings":"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"}

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

@@ -0,0 +1,59 @@
+import React__default, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRouteRef } from '@backstage/core-plugin-api';
+import { announcementAdminRouteRef, categoriesListRouteRef } from '../../routes.esm.js';
+import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { makeStyles, Box, IconButton, Popover, MenuList, MenuItem, ListItemIcon, ListItemText } from '@material-ui/core';
+import MoreVert from '@material-ui/icons/MoreVert';
+import Description from '@material-ui/icons/Description';
+
+const useStyles = makeStyles({
+  button: {
+    color: "white"
+  }
+});
+function ContextMenu() {
+  const classes = useStyles();
+  const [anchorEl, setAnchorEl] = useState();
+  const announcementsLink = useRouteRef(announcementAdminRouteRef);
+  const categoriesLink = useRouteRef(categoriesListRouteRef);
+  const navigate = useNavigate();
+  const { t } = useAnnouncementsTranslation();
+  const onOpen = (event) => {
+    setAnchorEl(event.currentTarget);
+  };
+  const onClose = () => {
+    setAnchorEl(void 0);
+  };
+  return /* @__PURE__ */ React__default.createElement(Box, { "data-testid": "announcements-context-menu" }, /* @__PURE__ */ React__default.createElement(
+    IconButton,
+    {
+      "aria-label": "more",
+      "aria-controls": "long-menu",
+      "aria-haspopup": "true",
+      onClick: onOpen,
+      "data-testid": "menu-button",
+      color: "inherit",
+      className: classes.button
+    },
+    /* @__PURE__ */ React__default.createElement(MoreVert, null)
+  ), /* @__PURE__ */ React__default.createElement(
+    Popover,
+    {
+      open: Boolean(anchorEl),
+      onClose,
+      anchorEl,
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: { vertical: "top", horizontal: "right" }
+    },
+    /* @__PURE__ */ React__default.createElement(MenuList, null, /* @__PURE__ */ React__default.createElement(MenuItem, { onClick: () => navigate(announcementsLink()) }, /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(Description, { fontSize: "small" })), /* @__PURE__ */ React__default.createElement(ListItemText, { primary: t("announcementsPage.contextMenu.admin") })), /* @__PURE__ */ React__default.createElement(MenuItem, { onClick: () => navigate(categoriesLink()) }, /* @__PURE__ */ React__default.createElement(ListItemIcon, null, /* @__PURE__ */ React__default.createElement(Description, { fontSize: "small" })), /* @__PURE__ */ React__default.createElement(
+      ListItemText,
+      {
+        primary: t("announcementsPage.contextMenu.categories")
+      }
+    )))
+  ));
+}
+
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.esm.js","sources":["../../../src/components/AnnouncementsPage/ContextMenu.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 { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  announcementAdminRouteRef,\n  categoriesListRouteRef,\n} from '../../routes';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  makeStyles,\n  Box,\n  IconButton,\n  Popover,\n  MenuList,\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n} from '@material-ui/core';\nimport MoreVert from '@material-ui/icons/MoreVert';\nimport Description from '@material-ui/icons/Description';\n\nconst useStyles = makeStyles({\n  button: {\n    color: 'white',\n  },\n});\n\nexport function ContextMenu() {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement>();\n  const announcementsLink = useRouteRef(announcementAdminRouteRef);\n  const categoriesLink = useRouteRef(categoriesListRouteRef);\n  const navigate = useNavigate();\n  const { t } = useAnnouncementsTranslation();\n\n  const onOpen = (event: React.SyntheticEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const onClose = () => {\n    setAnchorEl(undefined);\n  };\n\n  return (\n    <Box data-testid=\"announcements-context-menu\">\n      <IconButton\n        aria-label=\"more\"\n        aria-controls=\"long-menu\"\n        aria-haspopup=\"true\"\n        onClick={onOpen}\n        data-testid=\"menu-button\"\n        color=\"inherit\"\n        className={classes.button}\n      >\n        <MoreVert />\n      </IconButton>\n      <Popover\n        open={Boolean(anchorEl)}\n        onClose={onClose}\n        anchorEl={anchorEl}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      >\n        <MenuList>\n          <MenuItem onClick={() => navigate(announcementsLink())}>\n            <ListItemIcon>\n              <Description fontSize=\"small\" />\n            </ListItemIcon>\n            <ListItemText primary={t('announcementsPage.contextMenu.admin')} />\n          </MenuItem>\n          <MenuItem onClick={() => navigate(categoriesLink())}>\n            <ListItemIcon>\n              <Description fontSize=\"small\" />\n            </ListItemIcon>\n            <ListItemText\n              primary={t('announcementsPage.contextMenu.categories')}\n            />\n          </MenuItem>\n        </MenuList>\n      </Popover>\n    </Box>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;;;;AAoCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA;AAEX,CAAC,CAAA;AAEM,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAA4B,EAAA;AAC5D,EAAM,MAAA,iBAAA,GAAoB,YAAY,yBAAyB,CAAA;AAC/D,EAAM,MAAA,cAAA,GAAiB,YAAY,sBAAsB,CAAA;AACzD,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,CAAC,KAAmD,KAAA;AACjE,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,aAAA,EAAY,4BACf,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,MAAA;AAAA,MACX,eAAc,EAAA,WAAA;AAAA,MACd,eAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,MAAA;AAAA,MACT,aAAY,EAAA,aAAA;AAAA,MACZ,KAAM,EAAA,SAAA;AAAA,MACN,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,iDAElB,QAAS,EAAA,IAAA;AAAA,GAEZ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,MACtB,OAAA;AAAA,MACA,QAAA;AAAA,MACA,YAAc,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,YAAY,OAAQ,EAAA;AAAA,MACxD,eAAiB,EAAA,EAAE,QAAU,EAAA,KAAA,EAAO,YAAY,OAAQ;AAAA,KAAA;AAAA,iDAEvD,QACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAS,OAAS,EAAA,MAAM,SAAS,iBAAkB,EAAC,CACnD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,oCACEA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,UAAS,OAAQ,EAAA,CAChC,mBACCA,cAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,OAAS,EAAA,CAAA,CAAE,qCAAqC,CAAG,EAAA,CACnE,mBACCA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,SAAS,MAAM,QAAA,CAAS,gBAAgB,CAAA,EAAA,+CAC/C,YACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,QAAS,EAAA,OAAA,EAAQ,CAChC,CACA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,EAAE,0CAA0C;AAAA;AAAA,KAEzD,CACF;AAAA,GAEJ,CAAA;AAEJ;;;;"}