@backstage-community/plugin-announcements 0.17.0 → 1.1.0

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

@@ -1,22 +1,15 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo } 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 { Page, Header, Content, Progress, ItemCardGrid, Link } from '@backstage/core-components';
+import { useRouteRef } from '@backstage/core-plugin-api';
 import { EntityRefLink } 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, Typography, Box, Chip, Card, CardHeader, CardContent, IconButton, Menu, MenuItem, ListItemIcon } from '@material-ui/core';
+import { useAnnouncementsPermissions, useAnnouncements, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { makeStyles, Tooltip, Typography, Box, Chip, Card, CardHeader, CardContent } from '@material-ui/core';
 import { Alert, Pagination } from '@material-ui/lab';
+import { rootRouteRef, announcementViewRouteRef } from '../../routes.esm.js';
+import { ContextMenu } from './ContextMenu.esm.js';
 import { formatAnnouncementStartTime } from '../utils/announcementDateUtils.esm.js';
 import { truncate } from '../utils/truncateUtils.esm.js';
 
@@ -34,14 +27,12 @@ const useStyles = makeStyles((theme) => {
 });
 const AnnouncementCard = ({
   announcement,
-  onDelete,
   options: { titleLength = 50 },
   hideStartAt
 }) => {
   const classes = useStyles();
   const announcementsLink = useRouteRef(rootRouteRef);
   const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
-  const editAnnouncementLink = useRouteRef(announcementEditRouteRef);
   const { t } = useAnnouncementsTranslation();
   const title = /* @__PURE__ */ jsx(
     Tooltip,
@@ -104,61 +95,8 @@ const AnnouncementCard = ({
       tag.slug
     )) }) })
   ] });
-  const { loading: loadingDeletePermission, allowed: canDelete } = usePermission({ permission: announcementDeletePermission });
-  const { loading: loadingUpdatePermission, allowed: canUpdate } = usePermission({ permission: announcementUpdatePermission });
-  const AnnouncementEditMenu = () => {
-    const [open, setOpen] = useState(false);
-    const [anchorEl, setAnchorEl] = 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__ */ jsxs(Fragment, { children: [
-      canShowMenu && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          "data-testid": "announcement-edit-menu",
-          "aria-label": "more",
-          onClick: handleOpenEditMenu,
-          children: /* @__PURE__ */ jsx(MoreVert, {})
-        }
-      ),
-      /* @__PURE__ */ jsxs(Menu, { anchorEl, open, onClose: handleCloseEditClose, children: [
-        !loadingUpdatePermission && canUpdate && /* @__PURE__ */ jsxs(
-          MenuItem,
-          {
-            "data-testid": "edit-announcement",
-            component: LinkButton,
-            to: editAnnouncementLink({ id: announcement.id }),
-            children: [
-              /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(EditIcon, {}) }),
-              t("announcementsPage.card.edit")
-            ]
-          }
-        ),
-        !loadingDeletePermission && canDelete && /* @__PURE__ */ jsxs(MenuItem, { onClick: onDelete, children: [
-          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(DeleteIcon, {}) }),
-          t("announcementsPage.card.delete")
-        ] })
-      ] })
-    ] });
-  };
   return /* @__PURE__ */ jsxs(Card, { children: [
-    /* @__PURE__ */ jsx(
-      CardHeader,
-      {
-        action: /* @__PURE__ */ jsx(AnnouncementEditMenu, {}),
-        title,
-        subheader: subTitle
-      }
-    ),
+    /* @__PURE__ */ jsx(CardHeader, { title, subheader: subTitle }),
     /* @__PURE__ */ jsx(CardContent, { children: announcement.excerpt })
   ] });
 };
@@ -173,8 +111,6 @@ const AnnouncementsGrid = ({
   hideStartAt
 }) => {
   const classes = useStyles();
-  const announcementsApi = useApi(announcementsApiRef);
-  const alertApi = useApi(alertApiRef);
   const location = useLocation();
   const queryParams = new URLSearchParams(location.search);
   const [page, setPage] = useState(1);
@@ -185,12 +121,7 @@ const AnnouncementsGrid = ({
   const tagsFromUrl = useMemo(() => {
     return tagsParam ? tagsParam.split(",") : void 0;
   }, [tagsParam]);
-  const {
-    announcements,
-    loading,
-    error,
-    retry: refresh
-  } = useAnnouncements(
+  const { announcements, loading, error } = useAnnouncements(
     {
       max: maxPerPage,
       page,
@@ -202,40 +133,16 @@ const AnnouncementsGrid = ({
     },
     { dependencies: [maxPerPage, page, category, tagsFromUrl] }
   );
-  const { t } = useAnnouncementsTranslation();
-  const {
-    isOpen: isDeleteDialogOpen,
-    open: openDeleteDialog,
-    close: closeDeleteDialog,
-    announcement: announcementToDelete
-  } = useDeleteAnnouncementDialogState();
   if (loading) {
     return /* @__PURE__ */ jsx(Progress, {});
   } else if (error) {
     return /* @__PURE__ */ jsx(Alert, { severity: "error", children: 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__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(ItemCardGrid, { children: announcements.results.map((announcement) => /* @__PURE__ */ jsx(
       AnnouncementCard,
       {
         announcement,
-        onDelete: () => openDeleteDialog(announcement),
         options: { titleLength: cardTitleLength },
         hideStartAt
       },
@@ -248,23 +155,13 @@ const AnnouncementsGrid = ({
         page,
         onChange: handleChange
       }
-    ) }),
-    /* @__PURE__ */ jsx(
-      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 permissions = useAnnouncementsPermissions();
   const {
     hideContextMenu,
     hideInactive,
@@ -272,7 +169,6 @@ const AnnouncementsPage = (props) => {
     themeId,
     title,
     subtitle,
-    buttonOptions,
     maxPerPage,
     category,
     cardOptions,
@@ -280,32 +176,20 @@ const AnnouncementsPage = (props) => {
     order
   } = props;
   return /* @__PURE__ */ jsxs(Page, { themeId, children: [
-    /* @__PURE__ */ jsx(Header, { title, subtitle, children: !hideContextMenu && canCreate && /* @__PURE__ */ jsx(ContextMenu, {}) }),
-    /* @__PURE__ */ jsxs(Content, { children: [
-      /* @__PURE__ */ jsx(ContentHeader, { title: "", children: !loadingCreatePermission && /* @__PURE__ */ jsx(
-        LinkButton,
-        {
-          disabled: !canCreate,
-          to: newAnnouncementLink(),
-          color: "primary",
-          variant: "contained",
-          children: buttonOptions ? `${t("announcementsPage.genericNew")} ${buttonOptions.name}` : t("announcementsPage.newAnnouncement")
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        AnnouncementsGrid,
-        {
-          maxPerPage: maxPerPage ?? 10,
-          category: category ?? queryParams.get("category") ?? void 0,
-          tags: props.tags,
-          cardTitleLength: cardOptions?.titleLength,
-          active: !!hideInactive,
-          sortBy: sortby ?? "created_at",
-          order: order ?? "desc",
-          hideStartAt
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx(Header, { title, subtitle, children: !hideContextMenu && !permissions.create.loading && permissions.create.allowed && /* @__PURE__ */ jsx(ContextMenu, {}) }),
+    /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+      AnnouncementsGrid,
+      {
+        maxPerPage: maxPerPage ?? 10,
+        category: category ?? queryParams.get("category") ?? void 0,
+        tags: props.tags,
+        cardTitleLength: cardOptions?.titleLength,
+        active: !!hideInactive,
+        sortBy: sortby ?? "created_at",
+        order: order ?? "desc",
+        hideStartAt
+      }
+    ) })
   ] });
 };
 

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

@@ -1 +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 { MouseEvent, useState, ReactNode, useMemo } 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 { EntityRefLink } 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  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Chip,\n  IconButton,\n  ListItemIcon,\n  makeStyles,\n  Menu,\n  MenuItem,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Alert, Pagination } from '@material-ui/lab';\nimport { formatAnnouncementStartTime } from '../utils/announcementDateUtils';\nimport { MarkdownRendererTypeProps } from '../MarkdownRenderer/MarkdownRenderer';\nimport { truncate } from '../utils/truncateUtils';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    cardHeader: {\n      color: theme?.palette?.text?.primary || '#000',\n    },\n    pagination: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: theme?.spacing?.(4) || 32,\n    },\n  };\n});\n\nconst AnnouncementCard = ({\n  announcement,\n  onDelete,\n  options: { titleLength = 50 },\n  hideStartAt,\n}: {\n  announcement: Announcement;\n  onDelete: () => void;\n  options: AnnouncementCardProps;\n  hideStartAt?: boolean;\n}) => {\n  const classes = useStyles();\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const editAnnouncementLink = useRouteRef(announcementEditRouteRef);\n  const { t } = useAnnouncementsTranslation();\n\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      <Typography variant=\"body2\" color=\"textSecondary\" component=\"span\">\n        {t('announcementsPage.card.by')}{' '}\n        <EntityRefLink\n          entityRef={announcement.on_behalf_of || announcement.publisher}\n          hideIcon\n        />\n        {announcement.category && (\n          <>\n            {' '}\n            {t('announcementsPage.card.in')}{' '}\n            <Link\n              to={`${announcementsLink()}?category=${\n                announcement.category.slug\n              }`}\n            >\n              {announcement.category.title}\n            </Link>\n          </>\n        )}\n        , {DateTime.fromISO(announcement.created_at).toRelative()}\n      </Typography>\n      <Box>\n        {!hideStartAt && (\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {formatAnnouncementStartTime(\n              announcement.start_at,\n              t('announcementsCard.occurred'),\n              t('announcementsCard.scheduled'),\n              t('announcementsCard.today'),\n            )}\n          </Typography>\n        )}\n      </Box>\n      {announcement.tags && announcement.tags.length > 0 && (\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          <Box mt={1}>\n            {announcement.tags.map(tag => (\n              <Chip\n                key={tag.slug}\n                size=\"small\"\n                label={tag.title}\n                component={Link}\n                to={`${announcementsLink()}?tags=${tag.slug}`}\n                clickable\n                style={{ marginRight: 4, marginBottom: 4 }}\n              />\n            ))}\n          </Box>\n        </Typography>\n      )}\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] = useState(false);\n    const [anchorEl, setAnchorEl] = useState<undefined | HTMLElement>(\n      undefined,\n    );\n\n    const handleOpenEditMenu = (event: 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  tags,\n  cardTitleLength,\n  active,\n  sortBy,\n  order,\n  hideStartAt,\n}: {\n  maxPerPage: number;\n  category?: string;\n  tags?: string[];\n  cardTitleLength?: number;\n  active?: boolean;\n  sortBy?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\n  hideStartAt?: boolean;\n}) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n  const location = useLocation();\n  const queryParams = new URLSearchParams(location.search);\n\n  const [page, setPage] = useState(1);\n  const handleChange = (_event: any, value: number) => {\n    setPage(value);\n  };\n\n  const tagsParam = queryParams.get('tags');\n  const tagsFromUrl = useMemo(() => {\n    return tagsParam ? tagsParam.split(',') : undefined;\n  }, [tagsParam]);\n\n  const {\n    announcements,\n    loading,\n    error,\n    retry: refresh,\n  } = useAnnouncements(\n    {\n      max: maxPerPage,\n      page: page,\n      category,\n      tags: tags || tagsFromUrl,\n      active,\n      sortBy,\n      order,\n    },\n    { dependencies: [maxPerPage, page, category, tagsFromUrl] },\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            hideStartAt={hideStartAt}\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  tags?: string[];\n  buttonOptions?: AnnouncementCreateButtonProps;\n  cardOptions?: AnnouncementCardProps;\n  hideContextMenu?: boolean;\n  hideInactive?: boolean;\n  hideStartAt?: boolean;\n  markdownRenderer?: MarkdownRendererTypeProps;\n  sortby?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\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    hideStartAt,\n    themeId,\n    title,\n    subtitle,\n    buttonOptions,\n    maxPerPage,\n    category,\n    cardOptions,\n    sortby,\n    order,\n  } = props;\n\n  return (\n    <Page themeId={themeId}>\n      <Header title={title} subtitle={subtitle}>\n        {!hideContextMenu && canCreate && <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          tags={props.tags}\n          cardTitleLength={cardOptions?.titleLength}\n          active={!!hideInactive}\n          sortBy={sortby ?? 'created_at'}\n          order={order ?? 'desc'}\n          hideStartAt={hideStartAt}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":["MoreVertIcon"],"mappings":"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"}
+{"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 { useState, ReactNode, useMemo } from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { DateTime } from 'luxon';\nimport {\n  Page,\n  Header,\n  Content,\n  Link,\n  ItemCardGrid,\n  Progress,\n} from '@backstage/core-components';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n  useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Box,\n  Card,\n  CardContent,\n  CardHeader,\n  Chip,\n  makeStyles,\n  Tooltip,\n  Typography,\n} from '@material-ui/core';\nimport { Alert, Pagination } from '@material-ui/lab';\n\nimport { announcementViewRouteRef, rootRouteRef } from '../../routes';\nimport { ContextMenu } from './ContextMenu';\nimport { formatAnnouncementStartTime } from '../utils/announcementDateUtils';\nimport { MarkdownRendererTypeProps } from '../MarkdownRenderer/MarkdownRenderer';\nimport { truncate } from '../utils/truncateUtils';\n\nconst useStyles = makeStyles(theme => {\n  return {\n    cardHeader: {\n      color: theme?.palette?.text?.primary || '#000',\n    },\n    pagination: {\n      display: 'flex',\n      justifyContent: 'center',\n      marginTop: theme?.spacing?.(4) || 32,\n    },\n  };\n});\n\nconst AnnouncementCard = ({\n  announcement,\n  options: { titleLength = 50 },\n  hideStartAt,\n}: {\n  announcement: Announcement;\n  options: AnnouncementCardProps;\n  hideStartAt?: boolean;\n}) => {\n  const classes = useStyles();\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const { t } = useAnnouncementsTranslation();\n\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      <Typography variant=\"body2\" color=\"textSecondary\" component=\"span\">\n        {t('announcementsPage.card.by')}{' '}\n        <EntityRefLink\n          entityRef={announcement.on_behalf_of || announcement.publisher}\n          hideIcon\n        />\n        {announcement.category && (\n          <>\n            {' '}\n            {t('announcementsPage.card.in')}{' '}\n            <Link\n              to={`${announcementsLink()}?category=${\n                announcement.category.slug\n              }`}\n            >\n              {announcement.category.title}\n            </Link>\n          </>\n        )}\n        , {DateTime.fromISO(announcement.created_at).toRelative()}\n      </Typography>\n      <Box>\n        {!hideStartAt && (\n          <Typography variant=\"caption\" color=\"textSecondary\">\n            {formatAnnouncementStartTime(\n              announcement.start_at,\n              t('announcementsCard.occurred'),\n              t('announcementsCard.scheduled'),\n              t('announcementsCard.today'),\n            )}\n          </Typography>\n        )}\n      </Box>\n      {announcement.tags && announcement.tags.length > 0 && (\n        <Typography variant=\"body2\" color=\"textSecondary\">\n          <Box mt={1}>\n            {announcement.tags.map(tag => (\n              <Chip\n                key={tag.slug}\n                size=\"small\"\n                label={tag.title}\n                component={Link}\n                to={`${announcementsLink()}?tags=${tag.slug}`}\n                clickable\n                style={{ marginRight: 4, marginBottom: 4 }}\n              />\n            ))}\n          </Box>\n        </Typography>\n      )}\n    </>\n  );\n\n  return (\n    <Card>\n      <CardHeader title={title} subheader={subTitle} />\n      <CardContent>{announcement.excerpt}</CardContent>\n    </Card>\n  );\n};\n\nconst AnnouncementsGrid = ({\n  maxPerPage,\n  category,\n  tags,\n  cardTitleLength,\n  active,\n  sortBy,\n  order,\n  hideStartAt,\n}: {\n  maxPerPage: number;\n  category?: string;\n  tags?: string[];\n  cardTitleLength?: number;\n  active?: boolean;\n  sortBy?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\n  hideStartAt?: boolean;\n}) => {\n  const classes = useStyles();\n  const location = useLocation();\n  const queryParams = new URLSearchParams(location.search);\n\n  const [page, setPage] = useState(1);\n  const handleChange = (_event: any, value: number) => {\n    setPage(value);\n  };\n\n  const tagsParam = queryParams.get('tags');\n  const tagsFromUrl = useMemo(() => {\n    return tagsParam ? tagsParam.split(',') : undefined;\n  }, [tagsParam]);\n\n  const { announcements, loading, error } = useAnnouncements(\n    {\n      max: maxPerPage,\n      page: page,\n      category,\n      tags: tags || tagsFromUrl,\n      active,\n      sortBy,\n      order,\n    },\n    { dependencies: [maxPerPage, page, category, tagsFromUrl] },\n  );\n\n  if (loading) {\n    return <Progress />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  }\n\n  return (\n    <>\n      <ItemCardGrid>\n        {announcements.results.map(announcement => (\n          <AnnouncementCard\n            key={announcement.id}\n            announcement={announcement}\n            options={{ titleLength: cardTitleLength }}\n            hideStartAt={hideStartAt}\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  );\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  tags?: string[];\n  buttonOptions?: AnnouncementCreateButtonProps;\n  cardOptions?: AnnouncementCardProps;\n  hideContextMenu?: boolean;\n  hideInactive?: boolean;\n  hideStartAt?: boolean;\n  markdownRenderer?: MarkdownRendererTypeProps;\n  sortby?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\n};\n\nexport const AnnouncementsPage = (props: AnnouncementsPageProps) => {\n  const location = useLocation();\n  const queryParams = new URLSearchParams(location.search);\n  const permissions = useAnnouncementsPermissions();\n\n  const {\n    hideContextMenu,\n    hideInactive,\n    hideStartAt,\n    themeId,\n    title,\n    subtitle,\n    maxPerPage,\n    category,\n    cardOptions,\n    sortby,\n    order,\n  } = props;\n\n  return (\n    <Page themeId={themeId}>\n      <Header title={title} subtitle={subtitle}>\n        {!hideContextMenu &&\n          !permissions.create.loading &&\n          permissions.create.allowed && <ContextMenu />}\n      </Header>\n\n      <Content>\n        <AnnouncementsGrid\n          maxPerPage={maxPerPage ?? 10}\n          category={category ?? queryParams.get('category') ?? undefined}\n          tags={props.tags}\n          cardTitleLength={cardOptions?.titleLength}\n          active={!!hideInactive}\n          sortBy={sortby ?? 'created_at'}\n          order={order ?? 'desc'}\n          hideStartAt={hideStartAt}\n        />\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -2,11 +2,11 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useRouteRef } from '@backstage/core-plugin-api';
-import { announcementAdminRouteRef, categoriesListRouteRef, tagsListRouteRef } 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';
+import { announcementAdminRouteRef } from '../../routes.esm.js';
 
 const useStyles = makeStyles((theme) => ({
   button: {
@@ -17,8 +17,6 @@ function ContextMenu() {
   const classes = useStyles();
   const [anchorEl, setAnchorEl] = useState();
   const announcementsLink = useRouteRef(announcementAdminRouteRef);
-  const categoriesLink = useRouteRef(categoriesListRouteRef);
-  const tagsLink = useRouteRef(tagsListRouteRef);
   const navigate = useNavigate();
   const { t } = useAnnouncementsTranslation();
   const onOpen = (event) => {
@@ -49,25 +47,10 @@ function ContextMenu() {
         anchorEl,
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: /* @__PURE__ */ jsxs(MenuList, { children: [
-          /* @__PURE__ */ jsxs(MenuItem, { onClick: () => navigate(announcementsLink()), children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Description, { fontSize: "small" }) }),
-            /* @__PURE__ */ jsx(ListItemText, { primary: t("announcementsPage.contextMenu.admin") })
-          ] }),
-          /* @__PURE__ */ jsxs(MenuItem, { onClick: () => navigate(categoriesLink()), children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Description, { fontSize: "small" }) }),
-            /* @__PURE__ */ jsx(
-              ListItemText,
-              {
-                primary: t("announcementsPage.contextMenu.categories")
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs(MenuItem, { onClick: () => navigate(tagsLink()), children: [
-            /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Description, { fontSize: "small" }) }),
-            /* @__PURE__ */ jsx(ListItemText, { primary: t("announcementsPage.contextMenu.tags") })
-          ] })
-        ] })
+        children: /* @__PURE__ */ jsx(MenuList, { children: /* @__PURE__ */ jsxs(MenuItem, { onClick: () => navigate(announcementsLink()), children: [
+          /* @__PURE__ */ jsx(ListItemIcon, { children: /* @__PURE__ */ jsx(Description, { fontSize: "small" }) }),
+          /* @__PURE__ */ jsx(ListItemText, { primary: t("announcementsPage.contextMenu.admin") })
+        ] }) })
       }
     )
   ] });

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

@@ -1 +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 { SyntheticEvent, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport {\n  announcementAdminRouteRef,\n  categoriesListRouteRef,\n  tagsListRouteRef,\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(theme => ({\n  button: {\n    color: theme.page.fontColor,\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 tagsLink = useRouteRef(tagsListRouteRef);\n  const navigate = useNavigate();\n  const { t } = useAnnouncementsTranslation();\n\n  const onOpen = (event: 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          <MenuItem onClick={() => navigate(tagsLink())}>\n            <ListItemIcon>\n              <Description fontSize=\"small\" />\n            </ListItemIcon>\n            <ListItemText primary={t('announcementsPage.contextMenu.tags')} />\n          </MenuItem>\n        </MenuList>\n      </Popover>\n    </Box>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"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 { SyntheticEvent, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { useRouteRef } from '@backstage/core-plugin-api';\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';\nimport { announcementAdminRouteRef } from '../../routes';\n\nconst useStyles = makeStyles(theme => ({\n  button: {\n    color: theme.page.fontColor,\n  },\n}));\n\nexport function ContextMenu() {\n  const classes = useStyles();\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement>();\n  const announcementsLink = useRouteRef(announcementAdminRouteRef);\n  const navigate = useNavigate();\n  const { t } = useAnnouncementsTranslation();\n\n  const onOpen = (event: 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        </MenuList>\n      </Popover>\n    </Box>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAiCA,MAAM,SAAA,GAAY,WAAW,CAAU,KAAA,MAAA;AAAA,EACrC,MAAQ,EAAA;AAAA,IACN,KAAA,EAAO,MAAM,IAAK,CAAA;AAAA;AAEtB,CAAE,CAAA,CAAA;AAEK,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,EAAA,MAAM,WAAW,WAAY,EAAA;AAC7B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAM,MAAA,MAAA,GAAS,CAAC,KAA6C,KAAA;AAC3D,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA;AAAA,GACjC;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAS,CAAA,CAAA;AAAA,GACvB;AAEA,EACE,uBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,aAAA,EAAY,4BACf,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,YAAW,EAAA,MAAA;AAAA,QACX,eAAc,EAAA,WAAA;AAAA,QACd,eAAc,EAAA,MAAA;AAAA,QACd,OAAS,EAAA,MAAA;AAAA,QACT,aAAY,EAAA,aAAA;AAAA,QACZ,KAAM,EAAA,SAAA;AAAA,QACN,WAAW,OAAQ,CAAA,MAAA;AAAA,QAEnB,8BAAC,QAAS,EAAA,EAAA;AAAA;AAAA,KACZ;AAAA,oBACA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,QACtB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,YAAc,EAAA,EAAE,QAAU,EAAA,QAAA,EAAU,YAAY,OAAQ,EAAA;AAAA,QACxD,eAAiB,EAAA,EAAE,QAAU,EAAA,KAAA,EAAO,YAAY,OAAQ,EAAA;AAAA,QAExD,QAAA,kBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,IAAA,CAAA,QAAA,EAAA,EAAS,SAAS,MAAM,QAAA,CAAS,iBAAkB,EAAC,CACnD,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAY,EAAA,EAAA,QAAA,EAAS,SAAQ,CAChC,EAAA,CAAA;AAAA,0BACC,GAAA,CAAA,YAAA,EAAA,EAAa,OAAS,EAAA,CAAA,CAAE,qCAAqC,CAAG,EAAA;AAAA,SAAA,EACnE,CACF,EAAA;AAAA;AAAA;AACF,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -2,12 +2,12 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRouteRef } from '@backstage/core-plugin-api';
 import { Link } from 'react-router-dom';
 import { DateTime } from 'luxon';
-import { announcementViewRouteRef } from '../../routes.esm.js';
 import { useAnnouncements, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
 import { Progress } from '@backstage/core-components';
 import { Timeline, TimelineItem, TimelineOppositeContent, TimelineSeparator, TimelineConnector, TimelineDot, TimelineContent } from '@material-ui/lab';
 import { Box, Typography } from '@material-ui/core';
 import Stack from '@mui/material/Stack';
+import { announcementViewRouteRef } from '../../routes.esm.js';
 
 const DEFAULT_TIMELINE_ALIGNMENT = "alternate";
 const DEFAULT_TIMELINE_WIDTH = "425px";

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsTimeline.esm.js","sources":["../../../src/components/AnnouncementsTimeline/AnnouncementsTimeline.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link } from 'react-router-dom';\nimport { DateTime } from 'luxon';\nimport { announcementViewRouteRef } from '../../routes';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Progress } from '@backstage/core-components';\nimport {\n  Timeline,\n  TimelineItem,\n  TimelineConnector,\n  TimelineDot,\n  TimelineSeparator,\n  TimelineOppositeContent,\n  TimelineContent,\n} from '@material-ui/lab';\nimport { Box, Typography } from '@material-ui/core';\nimport Stack from '@mui/material/Stack';\n\n/**\n * Props for the AnnouncementsTimeline component.\n *\n * @public\n */\nexport type AnnouncementsTimelineProps = {\n  /**\n   * The maximum number of results to display.\n   * Default: 10\n   */\n  maxResults?: number;\n  /**\n   * The alignment of the timeline items. Can be 'left', 'right', or 'alternate'.\n   * Default: 'alternate'\n   */\n  timelineAlignment?: 'left' | 'right' | 'alternate';\n  /**\n   * The minimum width of the timeline.\n   * Default: '425px'\n   */\n  timelineMinWidth?: string;\n  /**\n   * Whether to only show active announcements.\n   * Default: false\n   */\n  hideInactive?: boolean;\n  /**\n   * The field by which date time to sort the announcements.\n   * Can be 'created_at' or 'start_at'.\n   * Default: 'created_at'\n   */\n  sortBy?: 'created_at' | 'start_at';\n  /**\n   * The order in which to sort the announcements.\n   * Can be 'asc' for ascending (older first) or 'desc' for descending (new first).\n   * Default: 'desc'\n   */\n  order?: 'asc' | 'desc';\n  /**\n   * Whether to show current announcements or not.\n   * Default: false\n   */\n  current?: boolean;\n};\n\n/**\n * Default alignment for the timeline.\n */\nconst DEFAULT_TIMELINE_ALIGNMENT = 'alternate';\n\n/**\n * Default width for the timeline.\n */\nconst DEFAULT_TIMELINE_WIDTH = '425px';\n\n/**\n * Default maximum number of results to display.\n */\nconst DEFAULT_RESULTS_MAX = 10;\n\n/**\n * Default setting for only displaying active annoucenments.\n */\nconst DEFAULT_INACTIVE = false;\n\n/**\n * Default sort by filter\n */\nconst DEFAULT_SORTBY = 'created_at';\n\n/**\n * Default order to display announcments. Newer announcements are display by default\n */\nconst DEFAULT_ORDER = 'desc';\n\n/**\n * Default setting for only displaying current annoucenments.\n */\nconst DEFAULT_CURRENT = false;\n\n/**\n * Timeline of most recent announcements.\n *\n * @param options - The options for the announcements timeline.\n * @returns The rendered announcements timeline.\n */\nexport const AnnouncementsTimeline = ({\n  maxResults = DEFAULT_RESULTS_MAX,\n  timelineAlignment = DEFAULT_TIMELINE_ALIGNMENT,\n  timelineMinWidth = DEFAULT_TIMELINE_WIDTH,\n  hideInactive = DEFAULT_INACTIVE,\n  sortBy = DEFAULT_SORTBY,\n  order = DEFAULT_ORDER,\n  current = DEFAULT_CURRENT,\n}: AnnouncementsTimelineProps) => {\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: maxResults,\n    active: hideInactive,\n    sortBy,\n    order,\n    current,\n  });\n  const { t } = useAnnouncementsTranslation();\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!announcements || announcements.count === 0)\n    return <>{t('announcementsTimeline.noAnnouncements')}</>;\n\n  if (error)\n    return <>{`${t('announcementsTimeline.error')}: ${error.message}`}</>;\n\n  return (\n    <Stack\n      direction=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      spacing={0}\n    >\n      <Box sx={{ minWidth: timelineMinWidth }}>\n        <Timeline align={timelineAlignment}>\n          {announcements.results.map(a => (\n            <TimelineItem key={`ti-${a.id}`}>\n              <TimelineOppositeContent\n                key={`toc-${a.id}`}\n                style={{ margin: 'auto 0' }}\n              >\n                {DateTime.fromISO(a.created_at).toRelative()}\n              </TimelineOppositeContent>\n\n              <TimelineSeparator>\n                <TimelineConnector />\n                <TimelineDot color=\"primary\" />\n                <TimelineConnector />\n              </TimelineSeparator>\n\n              <TimelineContent key={`tc-${a.id}`}>\n                <Link to={viewAnnouncementLink({ id: a.id })}>\n                  <Typography key={`th6-${a.id}`} variant=\"h6\" component=\"span\">\n                    {a.title}\n                  </Typography>\n                </Link>\n                <Typography key={`te-${a.id}`} variant=\"body2\">\n                  {a.excerpt}\n                </Typography>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </Timeline>\n      </Box>\n    </Stack>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnouncementsTimeline.esm.js","sources":["../../../src/components/AnnouncementsTimeline/AnnouncementsTimeline.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { Link } from 'react-router-dom';\nimport { DateTime } from 'luxon';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Progress } from '@backstage/core-components';\nimport {\n  Timeline,\n  TimelineItem,\n  TimelineConnector,\n  TimelineDot,\n  TimelineSeparator,\n  TimelineOppositeContent,\n  TimelineContent,\n} from '@material-ui/lab';\nimport { Box, Typography } from '@material-ui/core';\nimport Stack from '@mui/material/Stack';\n\nimport { announcementViewRouteRef } from '../../routes';\n/**\n * Props for the AnnouncementsTimeline component.\n *\n * @public\n */\nexport type AnnouncementsTimelineProps = {\n  /**\n   * The maximum number of results to display.\n   * Default: 10\n   */\n  maxResults?: number;\n  /**\n   * The alignment of the timeline items. Can be 'left', 'right', or 'alternate'.\n   * Default: 'alternate'\n   */\n  timelineAlignment?: 'left' | 'right' | 'alternate';\n  /**\n   * The minimum width of the timeline.\n   * Default: '425px'\n   */\n  timelineMinWidth?: string;\n  /**\n   * Whether to only show active announcements.\n   * Default: false\n   */\n  hideInactive?: boolean;\n  /**\n   * The field by which date time to sort the announcements.\n   * Can be 'created_at' or 'start_at'.\n   * Default: 'created_at'\n   */\n  sortBy?: 'created_at' | 'start_at';\n  /**\n   * The order in which to sort the announcements.\n   * Can be 'asc' for ascending (older first) or 'desc' for descending (new first).\n   * Default: 'desc'\n   */\n  order?: 'asc' | 'desc';\n  /**\n   * Whether to show current announcements or not.\n   * Default: false\n   */\n  current?: boolean;\n};\n\n/**\n * Default alignment for the timeline.\n */\nconst DEFAULT_TIMELINE_ALIGNMENT = 'alternate';\n\n/**\n * Default width for the timeline.\n */\nconst DEFAULT_TIMELINE_WIDTH = '425px';\n\n/**\n * Default maximum number of results to display.\n */\nconst DEFAULT_RESULTS_MAX = 10;\n\n/**\n * Default setting for only displaying active annoucenments.\n */\nconst DEFAULT_INACTIVE = false;\n\n/**\n * Default sort by filter\n */\nconst DEFAULT_SORTBY = 'created_at';\n\n/**\n * Default order to display announcments. Newer announcements are display by default\n */\nconst DEFAULT_ORDER = 'desc';\n\n/**\n * Default setting for only displaying current annoucenments.\n */\nconst DEFAULT_CURRENT = false;\n\n/**\n * Timeline of most recent announcements.\n *\n * @param options - The options for the announcements timeline.\n * @returns The rendered announcements timeline.\n */\nexport const AnnouncementsTimeline = ({\n  maxResults = DEFAULT_RESULTS_MAX,\n  timelineAlignment = DEFAULT_TIMELINE_ALIGNMENT,\n  timelineMinWidth = DEFAULT_TIMELINE_WIDTH,\n  hideInactive = DEFAULT_INACTIVE,\n  sortBy = DEFAULT_SORTBY,\n  order = DEFAULT_ORDER,\n  current = DEFAULT_CURRENT,\n}: AnnouncementsTimelineProps) => {\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: maxResults,\n    active: hideInactive,\n    sortBy,\n    order,\n    current,\n  });\n  const { t } = useAnnouncementsTranslation();\n\n  if (loading) {\n    return <Progress />;\n  }\n\n  if (!announcements || announcements.count === 0)\n    return <>{t('announcementsTimeline.noAnnouncements')}</>;\n\n  if (error)\n    return <>{`${t('announcementsTimeline.error')}: ${error.message}`}</>;\n\n  return (\n    <Stack\n      direction=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      spacing={0}\n    >\n      <Box sx={{ minWidth: timelineMinWidth }}>\n        <Timeline align={timelineAlignment}>\n          {announcements.results.map(a => (\n            <TimelineItem key={`ti-${a.id}`}>\n              <TimelineOppositeContent\n                key={`toc-${a.id}`}\n                style={{ margin: 'auto 0' }}\n              >\n                {DateTime.fromISO(a.created_at).toRelative()}\n              </TimelineOppositeContent>\n\n              <TimelineSeparator>\n                <TimelineConnector />\n                <TimelineDot color=\"primary\" />\n                <TimelineConnector />\n              </TimelineSeparator>\n\n              <TimelineContent key={`tc-${a.id}`}>\n                <Link to={viewAnnouncementLink({ id: a.id })}>\n                  <Typography key={`th6-${a.id}`} variant=\"h6\" component=\"span\">\n                    {a.title}\n                  </Typography>\n                </Link>\n                <Typography key={`te-${a.id}`} variant=\"body2\">\n                  {a.excerpt}\n                </Typography>\n              </TimelineContent>\n            </TimelineItem>\n          ))}\n        </Timeline>\n      </Box>\n    </Stack>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -3,13 +3,13 @@ import { useState, useEffect } from 'react';
 import { DateTime } from 'luxon';
 import { Link } from '@backstage/core-components';
 import { useApi, useRouteRef, useAnalytics } from '@backstage/core-plugin-api';
-import { announcementViewRouteRef } from '../../routes.esm.js';
 import { announcementsApiRef, useAnnouncements, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
 import { SIGNALS_CHANNEL_ANNOUNCEMENTS, MAX_TITLE_LENGTH, MAX_EXCERPT_LENGTH } from '@backstage-community/plugin-announcements-common';
 import { useSignal } from '@backstage/plugin-signals-react';
 import { makeStyles, Typography, Snackbar, SnackbarContent, IconButton } from '@material-ui/core';
 import Close from '@material-ui/icons/Close';
 import { Alert } from '@material-ui/lab';
+import { announcementViewRouteRef } from '../../routes.esm.js';
 import { truncate } from '../utils/truncateUtils.esm.js';
 
 const useStyles = makeStyles((theme) => {

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 { useEffect, useState } from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport { useApi, useRouteRef, useAnalytics } 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  MAX_EXCERPT_LENGTH,\n  MAX_TITLE_LENGTH,\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';\nimport { truncate } from '../utils/truncateUtils';\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 CardOptions = {\n  titleLength?: number;\n  excerptLength?: number;\n};\n\ntype AnnouncementBannerProps = {\n  announcement: Announcement;\n  variant?: 'block' | 'floating';\n  cardOptions?: CardOptions;\n};\n\nconst AnnouncementBanner = (props: AnnouncementBannerProps) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const analytics = useAnalytics();\n  const { t } = useAnnouncementsTranslation();\n  const [bannerOpen, setBannerOpen] = useState(true);\n  const variant = props.variant || 'block';\n  const announcement = props.announcement;\n  const titleLength = props.cardOptions?.titleLength;\n  const excerptLength = props.cardOptions?.excerptLength;\n\n  const markSeen = () => {\n    announcementsApi.markLastSeenDate(\n      DateTime.fromISO(announcement.created_at),\n    );\n    setBannerOpen(false);\n  };\n\n  const handleLinkClick = () => {\n    analytics.captureEvent('click', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n\n    markSeen();\n  };\n\n  const handleDismiss = () => {\n    analytics.captureEvent('dismiss', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n\n    markSeen();\n  };\n\n  const title = titleLength\n    ? truncate(announcement.title, titleLength)\n    : announcement.title;\n  const excerpt = excerptLength\n    ? truncate(announcement.excerpt, excerptLength)\n    : announcement.excerpt;\n\n  const message = (\n    <>\n      <Typography\n        component=\"span\"\n        className={classes.bannerIcon}\n        variant=\"inherit\"\n      >\n        📣\n      </Typography>\n      <Link\n        to={viewAnnouncementLink({ id: announcement.id })}\n        variant=\"inherit\"\n        onClick={handleLinkClick}\n      >\n        {title}\n      </Link>\n      &nbsp;– {excerpt}\n    </>\n  );\n\n  useEffect(() => {\n    if (!bannerOpen) {\n      return;\n    }\n\n    analytics.captureEvent('view', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n  }, [analytics, announcement.id, announcement.title, bannerOpen]);\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={handleDismiss}\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  current?: boolean;\n  tags?: string[];\n  sortBy?: 'created_at' | 'updated_at';\n  cardOptions?: CardOptions;\n};\n\nexport const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {\n  const {\n    max,\n    category,\n    tags,\n    active,\n    variant,\n    current,\n    sortBy,\n    cardOptions = {\n      titleLength: MAX_TITLE_LENGTH,\n      excerptLength: MAX_EXCERPT_LENGTH,\n    },\n  } = 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    tags,\n    active,\n    current,\n    sortBy,\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          cardOptions={cardOptions}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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, useAnalytics } from '@backstage/core-plugin-api';\nimport {\n  announcementsApiRef,\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  AnnouncementSignal,\n  MAX_EXCERPT_LENGTH,\n  MAX_TITLE_LENGTH,\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\nimport { announcementViewRouteRef } from '../../routes';\nimport { truncate } from '../utils/truncateUtils';\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 CardOptions = {\n  titleLength?: number;\n  excerptLength?: number;\n};\n\ntype AnnouncementBannerProps = {\n  announcement: Announcement;\n  variant?: 'block' | 'floating';\n  cardOptions?: CardOptions;\n};\n\nconst AnnouncementBanner = (props: AnnouncementBannerProps) => {\n  const classes = useStyles();\n  const announcementsApi = useApi(announcementsApiRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const analytics = useAnalytics();\n  const { t } = useAnnouncementsTranslation();\n  const [bannerOpen, setBannerOpen] = useState(true);\n  const variant = props.variant || 'block';\n  const announcement = props.announcement;\n  const titleLength = props.cardOptions?.titleLength;\n  const excerptLength = props.cardOptions?.excerptLength;\n\n  const markSeen = () => {\n    announcementsApi.markLastSeenDate(\n      DateTime.fromISO(announcement.created_at),\n    );\n    setBannerOpen(false);\n  };\n\n  const handleLinkClick = () => {\n    analytics.captureEvent('click', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n\n    markSeen();\n  };\n\n  const handleDismiss = () => {\n    analytics.captureEvent('dismiss', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n\n    markSeen();\n  };\n\n  const title = titleLength\n    ? truncate(announcement.title, titleLength)\n    : announcement.title;\n  const excerpt = excerptLength\n    ? truncate(announcement.excerpt, excerptLength)\n    : announcement.excerpt;\n\n  const message = (\n    <>\n      <Typography\n        component=\"span\"\n        className={classes.bannerIcon}\n        variant=\"inherit\"\n      >\n        📣\n      </Typography>\n      <Link\n        to={viewAnnouncementLink({ id: announcement.id })}\n        variant=\"inherit\"\n        onClick={handleLinkClick}\n      >\n        {title}\n      </Link>\n      &nbsp;– {excerpt}\n    </>\n  );\n\n  useEffect(() => {\n    if (!bannerOpen) {\n      return;\n    }\n\n    analytics.captureEvent('view', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'NewAnnouncementBanner',\n      },\n    });\n  }, [analytics, announcement.id, announcement.title, bannerOpen]);\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={handleDismiss}\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  current?: boolean;\n  tags?: string[];\n  sortBy?: 'created_at' | 'updated_at';\n  cardOptions?: CardOptions;\n};\n\nexport const NewAnnouncementBanner = (props: NewAnnouncementBannerProps) => {\n  const {\n    max,\n    category,\n    tags,\n    active,\n    variant,\n    current,\n    sortBy,\n    cardOptions = {\n      titleLength: MAX_TITLE_LENGTH,\n      excerptLength: MAX_EXCERPT_LENGTH,\n    },\n  } = 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    tags,\n    active,\n    current,\n    sortBy,\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          cardOptions={cardOptions}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}