@backstage-community/plugin-announcements 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @backstage-community/plugin-announcements
 
+## 0.1.4
+
+### Patch Changes
+
+- e282a2d: Minor improvements to README documentation
+- Updated dependencies [e282a2d]
+  - @backstage-community/plugin-announcements-common@0.1.3
+  - @backstage-community/plugin-announcements-react@0.1.3
+
+## 0.1.3
+
+### Patch Changes
+
+- d08164d: Exported missing items to match documentation
+
 ## 0.1.2
 
 ### Patch Changes

package/README.md

@@ -1,9 +1,15 @@
 # announcements
 
-The frontend for the Announcements plugin. This plugin provides:
+The frontend for the Announcements plugin.
+
+## Features
+
+This plugin provides:
 
-- a component to display the latest announcements, for example on a homepage
 - pages to list, view, create, edit and delete announcements
+- a component to display the latest announcements, for example on a homepage
+- a component to display the latest announcement as a banner, if there is one
+- an admin portal to manage announcements
 
 ## Installation
 

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementSearchResultListItem.esm.js","sources":["../../../src/components/AnnouncementSearchResultListItem/AnnouncementSearchResultListItem.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport {\n  IndexableDocument,\n  ResultHighlight,\n} from '@backstage/plugin-search-common';\nimport { HighlightedSearchResultText } from '@backstage/plugin-search-react';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  makeStyles,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n  Typography,\n} from '@material-ui/core';\nimport RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';\n\nconst useStyles = makeStyles({\n  createdAt: {\n    display: 'block',\n    marginTop: '0.2rem',\n    marginBottom: '0.8rem',\n    fontSize: '0.8rem',\n  },\n  excerpt: {\n    lineHeight: '1.55',\n  },\n  itemText: {\n    wordBreak: 'break-all',\n  },\n});\n\ntype IndexableAnnouncement = IndexableDocument & {\n  createdAt: string;\n};\n\nexport interface AnnouncementSearchResultProps {\n  result?: IndexableDocument;\n  highlight?: ResultHighlight;\n  rank?: number;\n}\n\nexport const AnnouncementSearchResultListItem = ({\n  result,\n  highlight,\n}: AnnouncementSearchResultProps) => {\n  const classes = useStyles();\n  const { t } = useAnnouncementsTranslation();\n\n  if (!result) {\n    return null;\n  }\n\n  const document = result as IndexableAnnouncement;\n\n  const title = (\n    <Link noTrack to={result.location}>\n      {highlight?.fields.title ? (\n        <HighlightedSearchResultText\n          text={highlight.fields.title}\n          preTag={highlight.preTag}\n          postTag={highlight.postTag}\n        />\n      ) : (\n        result.title\n      )}\n    </Link>\n  );\n\n  const excerpt = (\n    <>\n      <Typography component=\"span\" className={classes.createdAt}>\n        {`${t('announcementSearchResultListItem.published')} `}\n        <Typography component=\"span\" title={document.createdAt}>\n          {DateTime.fromISO(document.createdAt).toRelative()}\n        </Typography>\n      </Typography>\n      <>\n        {highlight?.fields.text ? (\n          <HighlightedSearchResultText\n            text={highlight.fields.text}\n            preTag={highlight.preTag}\n            postTag={highlight.postTag}\n          />\n        ) : (\n          result.text\n        )}\n      </>\n    </>\n  );\n\n  return (\n    <>\n      <ListItem alignItems=\"center\">\n        <ListItemIcon\n          title={t('announcementSearchResultListItem.announcement')}\n        >\n          <RecordVoiceOverIcon />\n        </ListItemIcon>\n        <ListItemText\n          primary={title}\n          secondary={excerpt}\n          className={classes.itemText}\n          primaryTypographyProps={{ variant: 'h6' }}\n        />\n      </ListItem>\n\n      <Divider component=\"li\" />\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAkCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,OAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,YAAc,EAAA,QAAA;AAAA,IACd,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAYM,MAAM,mCAAmC,CAAC;AAAA,EAC/C,MAAA;AAAA,EACA;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAW,GAAA,MAAA;AAEjB,EAAM,MAAA,KAAA,mBACHA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,EAAA,IAAA,EAAC,IAAI,MAAO,CAAA,QAAA,EAAA,EACtB,SAAW,EAAA,MAAA,CAAO,KACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,OAAO,KAEX,CAAA;AAGF,EAAA,MAAM,OACJ,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAO,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAA,EAC7C,CAAG,EAAA,CAAA,CAAE,4CAA4C,CAAC,qBAClDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA,QAAA,CAAS,SAC1C,EAAA,EAAA,QAAA,CAAS,QAAQ,QAAS,CAAA,SAAS,CAAE,CAAA,UAAA,EACxC,CACF,CAAA,kBAEGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAW,OAAO,IACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,IAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,MAAO,CAAA,IAEX,CACF,CAAA;AAGF,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,UAAA,EAAW,QACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,+CAA+C;AAAA,KAAA;AAAA,iDAEvD,mBAAoB,EAAA,IAAA;AAAA,GAEvB,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,KAAA;AAAA,MACT,SAAW,EAAA,OAAA;AAAA,MACX,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,sBAAA,EAAwB,EAAE,OAAA,EAAS,IAAK;AAAA;AAAA,GAE5C,CAEA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,MAAK,CAC1B,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnnouncementSearchResultListItem.esm.js","sources":["../../../src/components/AnnouncementSearchResultListItem/AnnouncementSearchResultListItem.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { DateTime } from 'luxon';\nimport { Link } from '@backstage/core-components';\nimport {\n  IndexableDocument,\n  ResultHighlight,\n} from '@backstage/plugin-search-common';\nimport { HighlightedSearchResultText } from '@backstage/plugin-search-react';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  makeStyles,\n  ListItem,\n  ListItemIcon,\n  ListItemText,\n  Divider,\n  Typography,\n} from '@material-ui/core';\nimport RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';\n\nconst useStyles = makeStyles({\n  createdAt: {\n    display: 'block',\n    marginTop: '0.2rem',\n    marginBottom: '0.8rem',\n    fontSize: '0.8rem',\n  },\n  excerpt: {\n    lineHeight: '1.55',\n  },\n  itemText: {\n    wordBreak: 'break-all',\n  },\n});\n\ntype IndexableAnnouncement = IndexableDocument & {\n  createdAt: string;\n};\n\n/** @public */\nexport interface AnnouncementSearchResultProps {\n  result?: IndexableDocument;\n  highlight?: ResultHighlight;\n  rank?: number;\n}\n\nexport const AnnouncementSearchResultListItem = ({\n  result,\n  highlight,\n}: AnnouncementSearchResultProps) => {\n  const classes = useStyles();\n  const { t } = useAnnouncementsTranslation();\n\n  if (!result) {\n    return null;\n  }\n\n  const document = result as IndexableAnnouncement;\n\n  const title = (\n    <Link noTrack to={result.location}>\n      {highlight?.fields.title ? (\n        <HighlightedSearchResultText\n          text={highlight.fields.title}\n          preTag={highlight.preTag}\n          postTag={highlight.postTag}\n        />\n      ) : (\n        result.title\n      )}\n    </Link>\n  );\n\n  const excerpt = (\n    <>\n      <Typography component=\"span\" className={classes.createdAt}>\n        {`${t('announcementSearchResultListItem.published')} `}\n        <Typography component=\"span\" title={document.createdAt}>\n          {DateTime.fromISO(document.createdAt).toRelative()}\n        </Typography>\n      </Typography>\n      <>\n        {highlight?.fields.text ? (\n          <HighlightedSearchResultText\n            text={highlight.fields.text}\n            preTag={highlight.preTag}\n            postTag={highlight.postTag}\n          />\n        ) : (\n          result.text\n        )}\n      </>\n    </>\n  );\n\n  return (\n    <>\n      <ListItem alignItems=\"center\">\n        <ListItemIcon\n          title={t('announcementSearchResultListItem.announcement')}\n        >\n          <RecordVoiceOverIcon />\n        </ListItemIcon>\n        <ListItemText\n          primary={title}\n          secondary={excerpt}\n          className={classes.itemText}\n          primaryTypographyProps={{ variant: 'h6' }}\n        />\n      </ListItem>\n\n      <Divider component=\"li\" />\n    </>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AAkCA,MAAM,YAAY,UAAW,CAAA;AAAA,EAC3B,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,OAAA;AAAA,IACT,SAAW,EAAA,QAAA;AAAA,IACX,YAAc,EAAA,QAAA;AAAA,IACd,QAAU,EAAA;AAAA,GACZ;AAAA,EACA,OAAS,EAAA;AAAA,IACP,UAAY,EAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AAaM,MAAM,mCAAmC,CAAC;AAAA,EAC/C,MAAA;AAAA,EACA;AACF,CAAqC,KAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA;AAC1B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,IAAI,CAAC,MAAQ,EAAA;AACX,IAAO,OAAA,IAAA;AAAA;AAGT,EAAA,MAAM,QAAW,GAAA,MAAA;AAEjB,EAAM,MAAA,KAAA,mBACHA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,EAAA,IAAA,EAAC,IAAI,MAAO,CAAA,QAAA,EAAA,EACtB,SAAW,EAAA,MAAA,CAAO,KACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,KAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,OAAO,KAEX,CAAA;AAGF,EAAA,MAAM,OACJ,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBACGA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,WAAU,MAAO,EAAA,SAAA,EAAW,OAAQ,CAAA,SAAA,EAAA,EAC7C,CAAG,EAAA,CAAA,CAAE,4CAA4C,CAAC,qBAClDA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,SAAU,EAAA,MAAA,EAAO,KAAO,EAAA,QAAA,CAAS,SAC1C,EAAA,EAAA,QAAA,CAAS,QAAQ,QAAS,CAAA,SAAS,CAAE,CAAA,UAAA,EACxC,CACF,CAAA,kBAEGA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,SAAA,EAAW,OAAO,IACjB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,UAAU,MAAO,CAAA,IAAA;AAAA,MACvB,QAAQ,SAAU,CAAA,MAAA;AAAA,MAClB,SAAS,SAAU,CAAA;AAAA;AAAA,GACrB,GAEA,MAAO,CAAA,IAEX,CACF,CAAA;AAGF,EAAA,uBAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,UAAA,EAAW,QACnB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,+CAA+C;AAAA,KAAA;AAAA,iDAEvD,mBAAoB,EAAA,IAAA;AAAA,GAEvB,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,KAAA;AAAA,MACT,SAAW,EAAA,OAAA;AAAA,MACX,WAAW,OAAQ,CAAA,QAAA;AAAA,MACnB,sBAAA,EAAwB,EAAE,OAAA,EAAS,IAAK;AAAA;AAAA,GAE5C,CAEA,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAQ,EAAA,EAAA,SAAA,EAAU,MAAK,CAC1B,CAAA;AAEJ;;;;"}

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

package/dist/index.d.ts

@@ -1,9 +1,47 @@
 /// <reference types="react" />
 import * as _backstage_core_plugin_api_index from '@backstage/core-plugin-api/index';
+import * as _backstage_core_components_index from '@backstage/core-components/index';
 import * as react from 'react';
+import { IndexableDocument, ResultHighlight } from '@backstage/plugin-search-common';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import { SearchResultListItemExtensionProps } from '@backstage/plugin-search-react';
 import { AnnouncementsApi as AnnouncementsApi$1 } from '@backstage-community/plugin-announcements-react';
 
+/**
+ * Props for the AnnouncementsTimeline component.
+ *
+ * @public
+ */
+type AnnouncementsTimelineProps = {
+    /**
+     * The maximum number of results to display.
+     * Default: 10
+     */
+    maxResults?: number;
+    /**
+     * The alignment of the timeline items. Can be 'left', 'right', or 'alternate'.
+     * Default: 'alternate'
+     */
+    timelineAlignment?: 'left' | 'right' | 'alternate';
+    /**
+     * The minimum width of the timeline.
+     * Default: '425px'
+     */
+    timelineMinWidth?: string;
+    /**
+     * Whether to only show active announcements.
+     * Default: false
+     */
+    hideInactive?: boolean;
+};
+
+/** @public */
+interface AnnouncementSearchResultProps {
+    result?: IndexableDocument;
+    highlight?: ResultHighlight;
+    rank?: number;
+}
+
 /**
  * @public
  */
@@ -27,6 +65,41 @@ declare const AnnouncementsPage: (props: {
     } | undefined;
     hideInactive?: boolean | undefined;
 }) => react.JSX.Element;
+/**
+ * @public
+ */
+declare const AnnouncementsAdminPortal: (props?: {
+    themeId?: string | undefined;
+    title?: string | undefined;
+    subtitle?: string | undefined;
+} | undefined) => react.JSX.Element;
+/**
+ * @public
+ */
+declare const AnnouncementsTimeline: ({ maxResults, timelineAlignment, timelineMinWidth, hideInactive, }: AnnouncementsTimelineProps) => react.JSX.Element;
+/**
+ * @public
+ */
+declare const AnnouncementsCard: ({ title, max, category, active, variant, }: {
+    title?: string | undefined;
+    max?: number | undefined;
+    category?: string | undefined;
+    active?: boolean | undefined;
+    variant?: _backstage_core_components_index.InfoCardVariants | undefined;
+}) => react.JSX.Element;
+/**
+ * @public
+ */
+declare const NewAnnouncementBanner: (props: {
+    variant?: "block" | "floating" | undefined;
+    max?: number | undefined;
+    category?: string | undefined;
+    active?: boolean | undefined;
+}) => react.JSX.Element | null;
+/**
+ * @public
+ */
+declare const AnnouncementSearchResultListItem: (props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>) => JSX.Element | null;
 
 /**
    @public
@@ -39,4 +112,4 @@ type AnnouncementsApi = AnnouncementsApi$1;
  */
 declare const announcementsApiRef: _backstage_core_plugin_api_index.ApiRef<AnnouncementsApi$1>;
 
-export { type AnnouncementsApi, AnnouncementsPage, announcementsApiRef, announcementsPlugin };
+export { AnnouncementSearchResultListItem, type AnnouncementSearchResultProps, AnnouncementsAdminPortal, type AnnouncementsApi, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, type AnnouncementsTimelineProps, NewAnnouncementBanner, announcementsApiRef, announcementsPlugin };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-export { AnnouncementsPage, announcementsPlugin } from './plugin.esm.js';
+export { AnnouncementSearchResultListItem, AnnouncementsAdminPortal, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, NewAnnouncementBanner, announcementsPlugin } from './plugin.esm.js';
 import { announcementsApiRef as announcementsApiRef$1 } from '@backstage-community/plugin-announcements-react';
 
 const announcementsApiRef = announcementsApiRef$1;

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"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 */\nexport { announcementsPlugin, AnnouncementsPage } from './plugin';\n\nimport {\n  announcementsApiRef as announcementsApiRef_,\n  AnnouncementsApi as AnnouncementsApi_,\n} from '@backstage-community/plugin-announcements-react';\n\n/**\n   @public\n * @deprecated Use `AnnouncementsApi` from `@backstage-community/plugin-announcements-react` instead\n */\nexport type AnnouncementsApi = AnnouncementsApi_;\n\n/**\n * @public\n * @deprecated Use `announcementsApiRef` from `@backstage-community/plugin-announcements-react` instead\n */\nexport const announcementsApiRef = announcementsApiRef_;\n"],"names":["announcementsApiRef_"],"mappings":";;;AAgCO,MAAM,mBAAsB,GAAAA;;;;"}
+{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"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 */\nexport * from './plugin';\n\nimport {\n  announcementsApiRef as announcementsApiRef_,\n  AnnouncementsApi as AnnouncementsApi_,\n} from '@backstage-community/plugin-announcements-react';\n\n/**\n   @public\n * @deprecated Use `AnnouncementsApi` from `@backstage-community/plugin-announcements-react` instead\n */\nexport type AnnouncementsApi = AnnouncementsApi_;\n\n/**\n * @public\n * @deprecated Use `announcementsApiRef` from `@backstage-community/plugin-announcements-react` instead\n */\nexport const announcementsApiRef = announcementsApiRef_;\n\nexport type { AnnouncementsTimelineProps } from './components';\nexport type { AnnouncementSearchResultProps } from './components';\n"],"names":["announcementsApiRef_"],"mappings":";;;AAgCO,MAAM,mBAAsB,GAAAA;;;;"}

package/dist/plugin.esm.js

@@ -36,14 +36,14 @@ const AnnouncementsPage = announcementsPlugin.provide(
     mountPoint: rootRouteRef
   })
 );
-announcementsPlugin.provide(
+const AnnouncementsAdminPortal = announcementsPlugin.provide(
   createRoutableExtension({
     name: "AnnouncementsAdminPortal",
     component: () => import('./components/Admin/index.esm.js').then((m) => m.AdminPortal),
     mountPoint: rootRouteRef
   })
 );
-announcementsPlugin.provide(
+const AnnouncementsTimeline = announcementsPlugin.provide(
   createComponentExtension({
     name: "AnnouncementsTimeline",
     component: {
@@ -51,7 +51,7 @@ announcementsPlugin.provide(
     }
   })
 );
-announcementsPlugin.provide(
+const AnnouncementsCard = announcementsPlugin.provide(
   createComponentExtension({
     name: "AnnouncementsCard",
     component: {
@@ -59,7 +59,7 @@ announcementsPlugin.provide(
     }
   })
 );
-announcementsPlugin.provide(
+const NewAnnouncementBanner = announcementsPlugin.provide(
   createComponentExtension({
     name: "NewAnnouncementBanner",
     component: {
@@ -69,7 +69,7 @@ announcementsPlugin.provide(
     }
   })
 );
-announcementsPlugin.provide(
+const AnnouncementSearchResultListItem = announcementsPlugin.provide(
   createSearchResultListItemExtension({
     name: "AnnouncementSearchResultListItem",
     component: () => import('./components/AnnouncementSearchResultListItem/index.esm.js').then(
@@ -79,5 +79,5 @@ announcementsPlugin.provide(
   })
 );
 
-export { AnnouncementsPage, announcementsPlugin };
+export { AnnouncementSearchResultListItem, AnnouncementsAdminPortal, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, NewAnnouncementBanner, announcementsPlugin };
 //# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  errorApiRef,\n  identityApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { AnnouncementSearchResultProps } from './components/AnnouncementSearchResultListItem';\nimport { rootRouteRef } from './routes';\nimport { announcementsApiRef } from '@backstage-community/plugin-announcements-react';\nimport { AnnouncementsClient } from './api';\n\n/**\n * @public\n */\nexport const announcementsPlugin = createPlugin({\n  id: 'announcements',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: announcementsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        identityApi: identityApiRef,\n        errorApi: errorApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {\n        return new AnnouncementsClient({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n          errorApi: errorApi,\n          fetchApi: fetchApi,\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const AnnouncementsPage = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsPage',\n    component: () => import('./components/Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsAdminPortal = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsAdminPortal',\n    component: () => import('./components/Admin').then(m => m.AdminPortal),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsTimeline = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsTimeline',\n    component: {\n      lazy: () => import('./components').then(m => m.AnnouncementsTimeline),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsCard = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsCard',\n    component: {\n      lazy: () =>\n        import('./components/AnnouncementsCard').then(m => m.AnnouncementsCard),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const NewAnnouncementBanner = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'NewAnnouncementBanner',\n    component: {\n      lazy: () =>\n        import('./components/NewAnnouncementBanner').then(\n          m => m.NewAnnouncementBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>,\n) => JSX.Element | null = announcementsPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'AnnouncementSearchResultListItem',\n    component: () =>\n      import('./components/AnnouncementSearchResultListItem').then(\n        m => m.AnnouncementSearchResultListItem,\n      ),\n    predicate: result => result.type === 'announcements',\n  }),\n);\n"],"names":[],"mappings":";;;;;;AAqCO,MAAM,sBAAsB,YAAa,CAAA;AAAA,EAC9C,EAAI,EAAA,eAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,WAAa,EAAA,cAAA;AAAA,QACb,QAAU,EAAA,WAAA;AAAA,QACV,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,WAAa,EAAA,QAAA,EAAU,UAAe,KAAA;AAC9D,QAAA,OAAO,IAAI,mBAAoB,CAAA;AAAA,UAC7B,YAAA;AAAA,UACA,WAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AACH,KACD;AAAA;AAEL,CAAC;AAKM,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,4BAAqB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACjE,UAAY,EAAA;AAAA,GACb;AACH;AAKwC,mBAAoB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW,CAAA;AAAA,IACrE,UAAY,EAAA;AAAA,GACb;AACH;AAKqC,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,qBAAqB;AAAA;AACtE,GACD;AACH;AAKiC,mBAAoB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB;AAAA;AAC1E,GACD;AACH;AAKqC,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAO0B,mBAAoB,CAAA,OAAA;AAAA,EAC5C,mCAAoC,CAAA;AAAA,IAClC,IAAM,EAAA,kCAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,4DAA+C,CAAE,CAAA,IAAA;AAAA,MACtD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA,GACtC;AACH;;;;"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"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 {\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  errorApiRef,\n  identityApiRef,\n  fetchApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  createSearchResultListItemExtension,\n  SearchResultListItemExtensionProps,\n} from '@backstage/plugin-search-react';\nimport { AnnouncementSearchResultProps } from './components/AnnouncementSearchResultListItem';\nimport { rootRouteRef } from './routes';\nimport { announcementsApiRef } from '@backstage-community/plugin-announcements-react';\nimport { AnnouncementsClient } from './api';\n\n/**\n * @public\n */\nexport const announcementsPlugin = createPlugin({\n  id: 'announcements',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: announcementsApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        identityApi: identityApiRef,\n        errorApi: errorApiRef,\n        fetchApi: fetchApiRef,\n      },\n      factory: ({ discoveryApi, identityApi, errorApi, fetchApi }) => {\n        return new AnnouncementsClient({\n          discoveryApi: discoveryApi,\n          identityApi: identityApi,\n          errorApi: errorApi,\n          fetchApi: fetchApi,\n        });\n      },\n    }),\n  ],\n});\n\n/**\n * @public\n */\nexport const AnnouncementsPage = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsPage',\n    component: () => import('./components/Router').then(m => m.Router),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsAdminPortal = announcementsPlugin.provide(\n  createRoutableExtension({\n    name: 'AnnouncementsAdminPortal',\n    component: () => import('./components/Admin').then(m => m.AdminPortal),\n    mountPoint: rootRouteRef,\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsTimeline = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsTimeline',\n    component: {\n      lazy: () => import('./components').then(m => m.AnnouncementsTimeline),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementsCard = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'AnnouncementsCard',\n    component: {\n      lazy: () =>\n        import('./components/AnnouncementsCard').then(m => m.AnnouncementsCard),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const NewAnnouncementBanner = announcementsPlugin.provide(\n  createComponentExtension({\n    name: 'NewAnnouncementBanner',\n    component: {\n      lazy: () =>\n        import('./components/NewAnnouncementBanner').then(\n          m => m.NewAnnouncementBanner,\n        ),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const AnnouncementSearchResultListItem: (\n  props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>,\n) => JSX.Element | null = announcementsPlugin.provide(\n  createSearchResultListItemExtension({\n    name: 'AnnouncementSearchResultListItem',\n    component: () =>\n      import('./components/AnnouncementSearchResultListItem').then(\n        m => m.AnnouncementSearchResultListItem,\n      ),\n    predicate: result => result.type === 'announcements',\n  }),\n);\n"],"names":[],"mappings":";;;;;;AAqCO,MAAM,sBAAsB,YAAa,CAAA;AAAA,EAC9C,EAAI,EAAA,eAAA;AAAA,EACJ,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA;AAAA,GACR;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,gBAAiB,CAAA;AAAA,MACf,GAAK,EAAA,mBAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,YAAc,EAAA,eAAA;AAAA,QACd,WAAa,EAAA,cAAA;AAAA,QACb,QAAU,EAAA,WAAA;AAAA,QACV,QAAU,EAAA;AAAA,OACZ;AAAA,MACA,SAAS,CAAC,EAAE,cAAc,WAAa,EAAA,QAAA,EAAU,UAAe,KAAA;AAC9D,QAAA,OAAO,IAAI,mBAAoB,CAAA;AAAA,UAC7B,YAAA;AAAA,UACA,WAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA,SACD,CAAA;AAAA;AACH,KACD;AAAA;AAEL,CAAC;AAKM,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,4BAAqB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,MAAM,CAAA;AAAA,IACjE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,2BAA2B,mBAAoB,CAAA,OAAA;AAAA,EAC1D,uBAAwB,CAAA;AAAA,IACtB,IAAM,EAAA,0BAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,iCAAoB,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,WAAW,CAAA;AAAA,IACrE,UAAY,EAAA;AAAA,GACb;AACH;AAKO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MAAM,OAAO,2BAAc,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,qBAAqB;AAAA;AACtE,GACD;AACH;AAKO,MAAM,oBAAoB,mBAAoB,CAAA,OAAA;AAAA,EACnD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,mBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAA,EAAM,MACJ,OAAO,6CAAgC,EAAE,IAAK,CAAA,CAAA,CAAA,KAAK,EAAE,iBAAiB;AAAA;AAC1E,GACD;AACH;AAKO,MAAM,wBAAwB,mBAAoB,CAAA,OAAA;AAAA,EACvD,wBAAyB,CAAA;AAAA,IACvB,IAAM,EAAA,uBAAA;AAAA,IACN,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,MACJ,OAAO,iDAAoC,CAAE,CAAA,IAAA;AAAA,QAC3C,OAAK,CAAE,CAAA;AAAA;AACT;AACJ,GACD;AACH;AAKO,MAAM,mCAEa,mBAAoB,CAAA,OAAA;AAAA,EAC5C,mCAAoC,CAAA;AAAA,IAClC,IAAM,EAAA,kCAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,4DAA+C,CAAE,CAAA,IAAA;AAAA,MACtD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA,GACtC;AACH;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage-community/plugin-announcements",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "main": "./dist/index.esm.js",
   "types": "./dist/index.d.ts",
   "license": "Apache-2.0",
@@ -58,8 +58,8 @@
     "postpack": "backstage-cli package postpack"
   },
   "dependencies": {
-    "@backstage-community/plugin-announcements-common": "^0.1.2",
-    "@backstage-community/plugin-announcements-react": "^0.1.2",
+    "@backstage-community/plugin-announcements-common": "^0.1.3",
+    "@backstage-community/plugin-announcements-react": "^0.1.3",
     "@backstage/catalog-model": "^1.7.2",
     "@backstage/core-app-api": "^1.15.3",
     "@backstage/core-compat-api": "^0.3.4",