@backstage-community/plugin-announcements 1.2.0 → 1.3.0

package/dist/alpha/components/announcements/ViewAnnouncementPage.esm.js

@@ -0,0 +1,187 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useEffect } from 'react';
+import useAsync from 'react-use/lib/useAsync';
+import { DateTime } from 'luxon';
+import { Skeleton, HeaderPage, Container, Grid, Link, Flex, Text, Card, Box, CardHeader, CardBody, TagGroup, Tag } from '@backstage/ui';
+import { useRouteRefParams, useApi, useRouteRef, useAnalytics } from '@backstage/core-plugin-api';
+import { Alert } from '@material-ui/lab';
+import { RiArrowLeftLine, RiPriceTag3Line, RiHashtag } from '@remixicon/react';
+import { EntityRefLink } from '@backstage/plugin-catalog-react';
+import { announcementsApiRef, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { announcementViewRouteRef, rootRouteRef } from '../../../routes.esm.js';
+import 'react-router-dom';
+import '@backstage/core-components';
+import '@material-ui/core';
+import '@mui/material/Stack';
+import '../../../components/Admin/AdminPortal/AdminPortal.esm.js';
+import '@backstage-community/plugin-announcements-common';
+import 'react-use/esm/useAsyncRetry';
+import '@uiw/react-md-editor';
+import 'slugify';
+import '../../../components/Admin/AnnouncementsContent/AnnouncementForm/CategoryInput.esm.js';
+import '@mui/material/TextField';
+import '@mui/material/Autocomplete';
+import '@mui/material/CircularProgress';
+import 'react-use/esm/useAsync';
+import '@backstage/catalog-model';
+import '@mui/material/Box';
+import '@mui/material/Typography';
+import '../../../components/Admin/AnnouncementsContent/AnnouncementForm/TagsInput.esm.js';
+import '@mui/material/Button';
+import '@mui/material/Divider';
+import '@mui/material/FormControlLabel';
+import '@mui/material/FormGroup';
+import '@mui/material/Grid';
+import '@mui/material/Paper';
+import '@mui/icons-material/SaveAlt';
+import '@mui/material/Switch';
+import '@backstage/plugin-permission-react';
+import '@material-ui/icons/Delete';
+import '@material-ui/icons/Edit';
+import '@material-ui/icons/Visibility';
+import { MarkdownRenderer } from '../../../components/MarkdownRenderer/MarkdownRenderer.esm.js';
+
+const AnnouncementCategoryBadge = (props) => {
+  const { category } = props;
+  const announcementsLink = useRouteRef(rootRouteRef);
+  if (!category) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href: `${announcementsLink()}?category=${category.slug}`,
+      color: "secondary",
+      variant: "body-small",
+      children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+        /* @__PURE__ */ jsx(RiPriceTag3Line, { size: 16 }),
+        " ",
+        category?.title
+      ] })
+    }
+  );
+};
+const AnnouncementTagsTagGroup = (props) => {
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const { t } = useAnnouncementsTranslation();
+  return /* @__PURE__ */ jsx(TagGroup, { "aria-label": t("viewAnnouncementPage.tagsAriaLabel"), children: props.tags.map((tag) => /* @__PURE__ */ jsxs(
+    Tag,
+    {
+      size: "small",
+      href: `${announcementsLink()}?tag=${tag.slug}`,
+      children: [
+        /* @__PURE__ */ jsx(RiHashtag, { size: 10 }),
+        " ",
+        tag.title
+      ]
+    },
+    tag.slug
+  )) });
+};
+const BackToAnnouncementsButton = () => {
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const { t } = useAnnouncementsTranslation();
+  return /* @__PURE__ */ jsx(Link, { href: announcementsLink(), color: "secondary", variant: "body-x-small", children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "2", children: [
+    /* @__PURE__ */ jsx(RiArrowLeftLine, { size: 16 }),
+    /* @__PURE__ */ jsxs(Text, { variant: "body-small", children: [
+      " ",
+      t("viewAnnouncementPage.backToAnnouncements")
+    ] })
+  ] }) });
+};
+const AnnouncementDetailsCard = (props) => {
+  const { announcement, markdownRenderer } = props;
+  const { title, category, body, created_at, on_behalf_of, publisher, tags } = announcement;
+  const announcementsApi = useApi(announcementsApiRef);
+  const analytics = useAnalytics();
+  const { t } = useAnnouncementsTranslation();
+  const lastSeen = announcementsApi.lastSeenDate();
+  const announcementCreatedAt = DateTime.fromISO(created_at);
+  if (announcementCreatedAt > lastSeen) {
+    announcementsApi.markLastSeenDate(announcementCreatedAt);
+  }
+  useEffect(() => {
+    if (!announcement) {
+      return;
+    }
+    analytics.captureEvent("view", announcement.title, {
+      attributes: {
+        announcementId: announcement.id,
+        location: "AnnouncementPage"
+      }
+    });
+  }, [analytics, announcement]);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        style: {
+          borderBottom: "solid 1px #e0e0e0",
+          paddingBottom: 16,
+          paddingRight: 8
+        },
+        children: /* @__PURE__ */ jsxs(CardHeader, { children: [
+          /* @__PURE__ */ jsxs(Flex, { justify: "between", pb: "3", children: [
+            /* @__PURE__ */ jsx(AnnouncementCategoryBadge, { category }),
+            /* @__PURE__ */ jsx(Text, { variant: "body-small", as: "p", children: DateTime.fromISO(created_at).toRelative() })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { variant: "title-medium", as: "h2", children: title }),
+          /* @__PURE__ */ jsxs(Text, { variant: "body-small", as: "p", children: [
+            t("viewAnnouncementPage.by"),
+            " ",
+            /* @__PURE__ */ jsx(EntityRefLink, { entityRef: on_behalf_of || publisher, hideIcon: true })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs(CardBody, { children: [
+      /* @__PURE__ */ jsx(AnnouncementTagsTagGroup, { tags: tags ?? [] }),
+      /* @__PURE__ */ jsx(MarkdownRenderer, { content: body, rendererType: markdownRenderer })
+    ] })
+  ] });
+};
+const ViewAnnouncementPage = (props) => {
+  const { id } = useRouteRefParams(announcementViewRouteRef);
+  const announcementsApi = useApi(announcementsApiRef);
+  const { t } = useAnnouncementsTranslation();
+  const announcementsLink = useRouteRef(rootRouteRef);
+  const {
+    value: announcement,
+    loading,
+    error
+  } = useAsync(async () => announcementsApi.announcementByID(id), [id]);
+  if (loading) {
+    return /* @__PURE__ */ jsx(Skeleton, {});
+  } else if (error) {
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: error.message });
+  } else if (!announcement) {
+    return /* @__PURE__ */ jsx(Alert, { severity: "error", children: t("viewAnnouncementPage.notFound") });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      HeaderPage,
+      {
+        title: `${announcement.title ?? ""}`,
+        breadcrumbs: [
+          {
+            label: t("viewAnnouncementPage.announcements"),
+            href: announcementsLink()
+          }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Container, { children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "1", children: [
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(
+        AnnouncementDetailsCard,
+        {
+          announcement,
+          markdownRenderer: props.markdownRenderer
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Grid.Item, { children: /* @__PURE__ */ jsx(BackToAnnouncementsButton, {}) })
+    ] }) })
+  ] });
+};
+
+export { ViewAnnouncementPage };
+//# sourceMappingURL=ViewAnnouncementPage.esm.js.map

package/dist/alpha/components/announcements/ViewAnnouncementPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewAnnouncementPage.esm.js","sources":["../../../../src/alpha/components/announcements/ViewAnnouncementPage.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 } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\nimport { DateTime } from 'luxon';\nimport {\n  Card,\n  CardBody,\n  CardHeader,\n  Container,\n  Flex,\n  HeaderPage,\n  Link,\n  Text,\n  Grid,\n  Box,\n  Skeleton,\n  Tag,\n  TagGroup,\n} from '@backstage/ui';\nimport {\n  useApi,\n  useRouteRef,\n  useRouteRefParams,\n  useAnalytics,\n} from '@backstage/core-plugin-api';\nimport { Alert } from '@material-ui/lab';\nimport { RiArrowLeftLine, RiHashtag, RiPriceTag3Line } from '@remixicon/react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport {\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  Tag as AnnouncementTag,\n  Category,\n} from '@backstage-community/plugin-announcements-common';\n\nimport { announcementViewRouteRef, rootRouteRef } from '../../../routes';\nimport {\n  MarkdownRenderer,\n  MarkdownRendererTypeProps,\n} from '../../../components';\n\nconst AnnouncementCategoryBadge = (props: {\n  category: Category | undefined;\n}) => {\n  const { category } = props;\n  const announcementsLink = useRouteRef(rootRouteRef);\n\n  if (!category) {\n    return null;\n  }\n\n  return (\n    <Link\n      href={`${announcementsLink()}?category=${category.slug}`}\n      color=\"secondary\"\n      variant=\"body-small\"\n    >\n      <Flex align=\"center\" gap=\"2\">\n        <RiPriceTag3Line size={16} /> {category?.title}\n      </Flex>\n    </Link>\n  );\n};\n\nconst AnnouncementTagsTagGroup = (props: { tags: AnnouncementTag[] }) => {\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const { t } = useAnnouncementsTranslation();\n  return (\n    <TagGroup aria-label={t('viewAnnouncementPage.tagsAriaLabel')}>\n      {props.tags.map(tag => (\n        <Tag\n          key={tag.slug}\n          size=\"small\"\n          href={`${announcementsLink()}?tag=${tag.slug}`}\n        >\n          <RiHashtag size={10} /> {tag.title}\n        </Tag>\n      ))}\n    </TagGroup>\n  );\n};\n\nconst BackToAnnouncementsButton = () => {\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const { t } = useAnnouncementsTranslation();\n  return (\n    <Link href={announcementsLink()} color=\"secondary\" variant=\"body-x-small\">\n      <Flex align=\"center\" gap=\"2\">\n        <RiArrowLeftLine size={16} />\n        <Text variant=\"body-small\">\n          {' '}\n          {t('viewAnnouncementPage.backToAnnouncements')}\n        </Text>\n      </Flex>\n    </Link>\n  );\n};\n\ntype AnnouncementDetailsCardProps = {\n  announcement: Announcement;\n  markdownRenderer?: MarkdownRendererTypeProps;\n};\n\nconst AnnouncementDetailsCard = (props: AnnouncementDetailsCardProps) => {\n  const { announcement, markdownRenderer } = props;\n  const { title, category, body, created_at, on_behalf_of, publisher, tags } =\n    announcement;\n\n  const announcementsApi = useApi(announcementsApiRef);\n  const analytics = useAnalytics();\n  const { t } = useAnnouncementsTranslation();\n\n  const lastSeen = announcementsApi.lastSeenDate();\n  const announcementCreatedAt = DateTime.fromISO(created_at);\n\n  if (announcementCreatedAt > lastSeen) {\n    announcementsApi.markLastSeenDate(announcementCreatedAt);\n  }\n\n  useEffect(() => {\n    if (!announcement) {\n      return;\n    }\n\n    analytics.captureEvent('view', announcement.title, {\n      attributes: {\n        announcementId: announcement.id,\n        location: 'AnnouncementPage',\n      },\n    });\n  }, [analytics, announcement]);\n\n  return (\n    <Card>\n      <Box\n        style={{\n          borderBottom: 'solid 1px #e0e0e0',\n          paddingBottom: 16,\n          paddingRight: 8,\n        }}\n      >\n        <CardHeader>\n          <Flex justify=\"between\" pb=\"3\">\n            <AnnouncementCategoryBadge category={category} />\n\n            <Text variant=\"body-small\" as=\"p\">\n              {DateTime.fromISO(created_at).toRelative()}\n            </Text>\n          </Flex>\n          <Text variant=\"title-medium\" as=\"h2\">\n            {title}\n          </Text>\n\n          <Text variant=\"body-small\" as=\"p\">\n            {t('viewAnnouncementPage.by')}{' '}\n            <EntityRefLink entityRef={on_behalf_of || publisher} hideIcon />\n          </Text>\n        </CardHeader>\n      </Box>\n\n      <CardBody>\n        <AnnouncementTagsTagGroup tags={tags ?? []} />\n        <MarkdownRenderer content={body} rendererType={markdownRenderer} />\n      </CardBody>\n    </Card>\n  );\n};\n\ntype ViewAnnouncementPageProps = {\n  title: string;\n  markdownRenderer?: MarkdownRendererTypeProps;\n};\n\nexport const ViewAnnouncementPage = (props: ViewAnnouncementPageProps) => {\n  const { id } = useRouteRefParams(announcementViewRouteRef);\n  const announcementsApi = useApi(announcementsApiRef);\n  const { t } = useAnnouncementsTranslation();\n\n  const announcementsLink = useRouteRef(rootRouteRef);\n\n  const {\n    value: announcement,\n    loading,\n    error,\n  } = useAsync(async () => announcementsApi.announcementByID(id), [id]);\n\n  if (loading) {\n    return <Skeleton />;\n  } else if (error) {\n    return <Alert severity=\"error\">{error.message}</Alert>;\n  } else if (!announcement) {\n    return <Alert severity=\"error\">{t('viewAnnouncementPage.notFound')}</Alert>;\n  }\n\n  return (\n    <>\n      <HeaderPage\n        title={`${announcement.title ?? ''}`}\n        breadcrumbs={[\n          {\n            label: t('viewAnnouncementPage.announcements'),\n            href: announcementsLink(),\n          },\n        ]}\n      />\n\n      <Container>\n        <Grid.Root columns=\"1\">\n          <Grid.Item>\n            <AnnouncementDetailsCard\n              announcement={announcement}\n              markdownRenderer={props.markdownRenderer}\n            />\n          </Grid.Item>\n\n          <Grid.Item>\n            <BackToAnnouncementsButton />\n          </Grid.Item>\n        </Grid.Root>\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/OnBehalfTeamDropdown.esm.js

@@ -31,8 +31,6 @@ function OnBehalfTeamDropdown({
     // refs
     "",
     // searchTerm
-    25,
-    // limit
     "Group"
     // kind
   );

package/dist/components/Admin/AnnouncementsContent/AnnouncementForm/OnBehalfTeamDropdown.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnBehalfTeamDropdown.esm.js","sources":["../../../../../src/components/Admin/AnnouncementsContent/AnnouncementForm/OnBehalfTeamDropdown.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  useAnnouncementsTranslation,\n  useCatalogEntities,\n} from '@backstage-community/plugin-announcements-react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useMemo } from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\n\ntype OnBehalfTeamDropdownProps = {\n  selectedTeam: string;\n  onChange: (team: string) => void;\n};\n\nfunction getTeamDisplayName(team: any): string {\n  if (team.kind && team.kind.toLowerCase() === 'group') {\n    return team.spec?.profile?.displayName ?? '';\n  }\n  return '';\n}\n\nexport default function OnBehalfTeamDropdown({\n  selectedTeam,\n  onChange,\n}: OnBehalfTeamDropdownProps) {\n  const { t } = useAnnouncementsTranslation();\n  const identityApi = useApi(identityApiRef);\n\n  const { value: userOwns } = useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    return [identity.userEntityRef, ...identity.ownershipEntityRefs];\n  }, [identityApi]);\n\n  const { entities: teams, loading: teamsLoading } = useCatalogEntities(\n    userOwns, // refs\n    '', // searchTerm\n    25, // limit\n    'Group', // kind\n  );\n\n  const teamOptions = useMemo(() => {\n    return teams.map(team => ({\n      entityRef: stringifyEntityRef(team),\n      displayName: getTeamDisplayName(team),\n    }));\n  }, [teams]);\n\n  const selectedTeamOption = useMemo(() => {\n    return teamOptions.find(team => team.entityRef === selectedTeam) || null;\n  }, [teamOptions, selectedTeam]);\n\n  return (\n    <Autocomplete\n      value={selectedTeamOption}\n      onChange={(_, newValue) => {\n        onChange(newValue?.entityRef || '');\n      }}\n      options={teamOptions}\n      getOptionLabel={team => team.entityRef}\n      loading={teamsLoading}\n      id=\"team-dropdown-field\"\n      renderOption={(props, team) => (\n        <Box component=\"li\" {...props}>\n          <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n            <Typography variant=\"body1\">{team.entityRef}</Typography>\n            {team.displayName && (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {team.displayName}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      )}\n      renderInput={params => (\n        <TextField\n          {...params}\n          id=\"team\"\n          label={t('announcementForm.onBehalfOf')}\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {teamsLoading ? (\n                  <CircularProgress color=\"inherit\" size={20} />\n                ) : null}\n                {params.InputProps.endAdornment}\n              </>\n            ),\n          }}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"OnBehalfTeamDropdown.esm.js","sources":["../../../../../src/components/Admin/AnnouncementsContent/AnnouncementForm/OnBehalfTeamDropdown.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport TextField from '@mui/material/TextField';\nimport Autocomplete from '@mui/material/Autocomplete';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport {\n  useAnnouncementsTranslation,\n  useCatalogEntities,\n} from '@backstage-community/plugin-announcements-react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { useMemo } from 'react';\nimport { stringifyEntityRef } from '@backstage/catalog-model';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\n\ntype OnBehalfTeamDropdownProps = {\n  selectedTeam: string;\n  onChange: (team: string) => void;\n};\n\nfunction getTeamDisplayName(team: any): string {\n  if (team.kind && team.kind.toLowerCase() === 'group') {\n    return team.spec?.profile?.displayName ?? '';\n  }\n  return '';\n}\n\nexport default function OnBehalfTeamDropdown({\n  selectedTeam,\n  onChange,\n}: OnBehalfTeamDropdownProps) {\n  const { t } = useAnnouncementsTranslation();\n  const identityApi = useApi(identityApiRef);\n\n  const { value: userOwns } = useAsync(async () => {\n    const identity = await identityApi.getBackstageIdentity();\n    return [identity.userEntityRef, ...identity.ownershipEntityRefs];\n  }, [identityApi]);\n\n  const { entities: teams, loading: teamsLoading } = useCatalogEntities(\n    userOwns, // refs\n    '', // searchTerm\n    'Group', // kind\n  );\n\n  const teamOptions = useMemo(() => {\n    return teams.map(team => ({\n      entityRef: stringifyEntityRef(team),\n      displayName: getTeamDisplayName(team),\n    }));\n  }, [teams]);\n\n  const selectedTeamOption = useMemo(() => {\n    return teamOptions.find(team => team.entityRef === selectedTeam) || null;\n  }, [teamOptions, selectedTeam]);\n\n  return (\n    <Autocomplete\n      value={selectedTeamOption}\n      onChange={(_, newValue) => {\n        onChange(newValue?.entityRef || '');\n      }}\n      options={teamOptions}\n      getOptionLabel={team => team.entityRef}\n      loading={teamsLoading}\n      id=\"team-dropdown-field\"\n      renderOption={(props, team) => (\n        <Box component=\"li\" {...props}>\n          <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n            <Typography variant=\"body1\">{team.entityRef}</Typography>\n            {team.displayName && (\n              <Typography variant=\"caption\" color=\"text.secondary\">\n                {team.displayName}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n      )}\n      renderInput={params => (\n        <TextField\n          {...params}\n          id=\"team\"\n          label={t('announcementForm.onBehalfOf')}\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {teamsLoading ? (\n                  <CircularProgress color=\"inherit\" size={20} />\n                ) : null}\n                {params.InputProps.endAdornment}\n              </>\n            ),\n          }}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/index.esm.js

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-announcements",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -61,8 +61,8 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements-common": "^0.14.0",
-    "@backstage-community/plugin-announcements-react": "^0.17.0",
+    "@backstage-community/plugin-announcements-common": "^0.15.0",
+    "@backstage-community/plugin-announcements-react": "^0.18.0",
     "@backstage/catalog-model": "^1.7.6",
     "@backstage/core-app-api": "^1.19.3",
     "@backstage/core-compat-api": "^0.5.5",
@@ -76,12 +76,13 @@
     "@backstage/plugin-search-react": "^1.10.1",
     "@backstage/plugin-signals-react": "^0.0.18",
     "@backstage/theme": "^0.7.1",
-    "@backstage/ui": "^0.9.1",
+    "@backstage/ui": "^0.10.0",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.11.3",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@mui/icons-material": "^5.15.6",
     "@mui/material": "^5.15.6",
+    "@remixicon/react": "^4.7.0",
     "@types/react": "^17.0.0 || ^18.0.0",
     "@uiw/react-md-editor": "^4.0.8",
     "add": "^2.0.6",
@@ -95,7 +96,7 @@
     "react-router-dom": "^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.35.0",
+    "@backstage/cli": "^0.35.1",
     "@backstage/dev-utils": "^1.1.18",
     "@backstage/frontend-test-utils": "^0.4.2",
     "@backstage/plugin-signals": "^0.0.26",
@@ -104,7 +105,7 @@
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.5.1",
     "@types/luxon": "^3.3.3",
-    "cross-fetch": "^3.1.8",
+    "cross-fetch": "^4.0.0",
     "msw": "^1.3.2",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",