@backstage-community/plugin-announcements 1.4.0 → 2.0.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @backstage-community/plugin-announcements
 
+## 2.0.0
+
+### Major Changes
+
+- ad6eb1b: Refactor legacy announcements frontend to use the new (NFS) components built with `@backstage/ui`.
+
+  ## Breaking Changes
+
+  - `AnnouncementsPage` **no longer supports** the following props:
+
+    - `themeId`
+    - `subtitle`
+    - `hideContextMenu`
+    - `cardOptions`
+    - `buttonOptions`
+    - `hideInactive`
+
+    If your app passed any of these props, you must remove them (or migrate to new equivalents if/when they are reintroduced by the NFS implementation).
+
+  - `AdminPortal` is now implemented via the new announcements admin page and no longer supports customization via props such as `themeId`, `title`, `subtitle`, or `defaultInactive`.
+
+### Patch Changes
+
+- 89bf3ae: Updated the Search components for the New Frontend System to use the `RecordVoiceOverIcon` to match the existing experince
+
 ## 1.4.0
 
 ### Minor Changes

package/dist/{alpha/Router.esm.js → Router.esm.js}

@@ -2,12 +2,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Routes, Route } from 'react-router-dom';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
-import { AnnouncementsAdminPage } from './components/admin/AnnouncementsAdminPage.esm.js';
-import { AnnouncementsContent } from './components/admin/announcements/AnnouncementsContent.esm.js';
-import { CategoriesContent } from './components/admin/categories/CategoriesContent.esm.js';
-import { TagsContent } from './components/admin/tags/TagsContent.esm.js';
-import { AnnouncementsPage } from './components/announcements/AnnouncementsPage.esm.js';
-import { ViewAnnouncementPage } from './components/announcements/ViewAnnouncementPage.esm.js';
+import { AnnouncementsAdminPage } from './alpha/components/admin/AnnouncementsAdminPage.esm.js';
+import { AnnouncementsContent } from './alpha/components/admin/announcements/AnnouncementsContent.esm.js';
+import { CategoriesContent } from './alpha/components/admin/categories/CategoriesContent.esm.js';
+import { TagsContent } from './alpha/components/admin/tags/TagsContent.esm.js';
+import { AnnouncementsPage } from './alpha/components/announcements/AnnouncementsPage.esm.js';
+import { ViewAnnouncementPage } from './alpha/components/announcements/ViewAnnouncementPage.esm.js';
+import { compatWrapper } from '@backstage/core-compat-api';
 
 const Router = (props) => {
   const propsWithDefaults = {
@@ -62,6 +63,9 @@ const Router = (props) => {
     )
   ] });
 };
+const OldFrontendSystemCompatibleRouter = (props) => {
+  return compatWrapper(/* @__PURE__ */ jsx(Router, { ...props }));
+};
 
-export { Router };
+export { OldFrontendSystemCompatibleRouter, Router };
 //# sourceMappingURL=Router.esm.js.map

package/dist/Router.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.esm.js","sources":["../src/Router.tsx"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { Routes, Route } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';\nimport {\n  AnnouncementsAdminPage,\n  AnnouncementsContent,\n  CategoriesContent,\n  TagsContent,\n  AnnouncementsPage,\n  AnnouncementsPageProps,\n  ViewAnnouncementPage,\n} from './alpha/components';\nimport { MarkdownRendererTypeProps } from './components';\n\nimport { compatWrapper } from '@backstage/core-compat-api';\n\ntype RouterProps = {\n  title?: string;\n  category?: string;\n  hideStartAt?: boolean;\n  markdownRenderer?: MarkdownRendererTypeProps;\n  defaultInactive?: boolean;\n};\n\nexport const Router = (props: RouterProps) => {\n  const propsWithDefaults: AnnouncementsPageProps = {\n    title: 'Announcements',\n    hideStartAt: false,\n    markdownRenderer: 'backstage',\n    ...props,\n  };\n\n  return (\n    <Routes>\n      <Route path=\"/\" element={<AnnouncementsPage {...propsWithDefaults} />} />\n      <Route\n        path=\"/view/:id\"\n        element={\n          <ViewAnnouncementPage\n            markdownRenderer={propsWithDefaults.markdownRenderer}\n            title={propsWithDefaults.title}\n          />\n        }\n      />\n      <Route\n        path=\"/admin\"\n        element={\n          <RequirePermission permission={announcementCreatePermission}>\n            <AnnouncementsAdminPage\n              title={props.title}\n              defaultInactive={props.defaultInactive}\n            />\n          </RequirePermission>\n        }\n      >\n        <Route\n          path=\"\"\n          element={\n            <AnnouncementsContent\n              formDefaults={{ defaultInactive: props.defaultInactive }}\n            />\n          }\n        />\n        <Route path=\"categories\" element={<CategoriesContent />} />\n        <Route path=\"tags\" element={<TagsContent />} />\n      </Route>\n    </Routes>\n  );\n};\n\nexport const OldFrontendSystemCompatibleRouter = (props: RouterProps) => {\n  return compatWrapper(<Router {...props} />);\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAuCa,MAAA,MAAA,GAAS,CAAC,KAAuB,KAAA;AAC5C,EAAA,MAAM,iBAA4C,GAAA;AAAA,IAChD,KAAO,EAAA,eAAA;AAAA,IACP,WAAa,EAAA,KAAA;AAAA,IACb,gBAAkB,EAAA,WAAA;AAAA,IAClB,GAAG;AAAA,GACL;AAEA,EAAA,4BACG,MACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,KAAA,EAAA,EAAM,MAAK,GAAI,EAAA,OAAA,sBAAU,iBAAmB,EAAA,EAAA,GAAG,mBAAmB,CAAI,EAAA,CAAA;AAAA,oBACvE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,WAAA;AAAA,QACL,OACE,kBAAA,GAAA;AAAA,UAAC,oBAAA;AAAA,UAAA;AAAA,YACC,kBAAkB,iBAAkB,CAAA,gBAAA;AAAA,YACpC,OAAO,iBAAkB,CAAA;AAAA;AAAA;AAC3B;AAAA,KAEJ;AAAA,oBACA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,QAAA;AAAA,QACL,OACE,kBAAA,GAAA,CAAC,iBAAkB,EAAA,EAAA,UAAA,EAAY,4BAC7B,EAAA,QAAA,kBAAA,GAAA;AAAA,UAAC,sBAAA;AAAA,UAAA;AAAA,YACC,OAAO,KAAM,CAAA,KAAA;AAAA,YACb,iBAAiB,KAAM,CAAA;AAAA;AAAA,SAE3B,EAAA,CAAA;AAAA,QAGF,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,IAAK,EAAA,EAAA;AAAA,cACL,OACE,kBAAA,GAAA;AAAA,gBAAC,oBAAA;AAAA,gBAAA;AAAA,kBACC,YAAc,EAAA,EAAE,eAAiB,EAAA,KAAA,CAAM,eAAgB;AAAA;AAAA;AACzD;AAAA,WAEJ;AAAA,8BACC,KAAM,EAAA,EAAA,IAAA,EAAK,cAAa,OAAS,kBAAA,GAAA,CAAC,qBAAkB,CAAI,EAAA,CAAA;AAAA,8BACxD,KAAM,EAAA,EAAA,IAAA,EAAK,QAAO,OAAS,kBAAA,GAAA,CAAC,eAAY,CAAI,EAAA;AAAA;AAAA;AAAA;AAC/C,GACF,EAAA,CAAA;AAEJ;AAEa,MAAA,iCAAA,GAAoC,CAAC,KAAuB,KAAA;AACvE,EAAA,OAAO,aAAc,iBAAA,GAAA,CAAC,MAAQ,EAAA,EAAA,GAAG,OAAO,CAAE,CAAA;AAC5C;;;;"}

package/dist/alpha/components/admin/announcements/AnnouncementForm/AnnouncementForm.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnouncementForm.esm.js","sources":["../../../../../../src/alpha/components/admin/announcements/AnnouncementForm/AnnouncementForm.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, type ChangeEvent, type FormEvent } from 'react';\nimport MDEditor from '@uiw/react-md-editor';\nimport { DateTime } from 'luxon';\nimport slugify from 'slugify';\nimport { InfoCard } from '@backstage/core-components';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\n\nimport {\n  CreateAnnouncementRequest,\n  useAnnouncementsTranslation,\n  announcementsApiRef,\n} from '@backstage-community/plugin-announcements-react';\nimport { Announcement } from '@backstage-community/plugin-announcements-common';\n\nimport CategoryInput from './CategoryInput';\nimport OnBehalfTeamDropdown from './OnBehalfTeamDropdown';\nimport TagsInput from './TagsInput';\n\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport Divider from '@mui/material/Divider';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport FormGroup from '@mui/material/FormGroup';\nimport Grid from '@mui/material/Grid';\nimport Paper from '@mui/material/Paper';\nimport SaveAltIcon from '@mui/icons-material/SaveAlt';\nimport Switch from '@mui/material/Switch';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\n\ntype AnnouncementFormProps = {\n  initialData: Announcement;\n  onSubmit: (data: CreateAnnouncementRequest) => Promise<void>;\n};\n\nexport const AnnouncementForm = ({\n  initialData,\n  onSubmit,\n}: AnnouncementFormProps) => {\n  const identityApi = useApi(identityApiRef);\n  const announcementsApi = useApi(announcementsApiRef);\n  const { t } = useAnnouncementsTranslation();\n\n  const formattedStartAt = initialData.start_at\n    ? DateTime.fromISO(initialData.start_at).toISODate()\n    : DateTime.now().toISODate();\n\n  const formattedUntilDate = initialData.until_date\n    ? DateTime.fromISO(initialData.until_date).toISODate()\n    : DateTime.now().endOf('day').plus({ days: 7 }).toISODate();\n\n  const [form, setForm] = useState({\n    ...initialData,\n    active: initialData.active ?? true,\n    category: initialData.category?.slug,\n    start_at: formattedStartAt || '',\n    until_date: formattedUntilDate || '',\n    tags: initialData.tags?.map(tag => tag.slug) || undefined,\n    sendNotification: initialData.sendNotification ?? false,\n  });\n  const [loading, setLoading] = useState(false);\n  const [onBehalfOfSelectedTeam, setOnBehalfOfSelectedTeam] = useState(\n    initialData.on_behalf_of || '',\n  );\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setForm({\n      ...form,\n      [event.target.id]: event.target.value,\n    });\n  };\n\n  const handleChangeActive = (event: ChangeEvent<HTMLInputElement>) => {\n    setForm({\n      ...form,\n      [event.target.name]: event.target.checked,\n    });\n  };\n\n  const handleSubmit = async (event: FormEvent<HTMLFormElement>) => {\n    setLoading(true);\n    event.preventDefault();\n\n    const userIdentity = await identityApi.getBackstageIdentity();\n\n    if (form.tags && form.tags.length > 0) {\n      const existingTags = await announcementsApi.tags();\n\n      const processedTags = [];\n\n      for (const tagValue of form.tags) {\n        const slugifiedTag = slugify(tagValue.trim(), { lower: true });\n\n        if (existingTags.some(tag => tag.slug === slugifiedTag)) {\n          processedTags.push(slugifiedTag);\n        } else {\n          try {\n            await announcementsApi.createTag({ title: tagValue });\n            processedTags.push(slugifiedTag);\n          } catch (error) {\n            if (error.status === 409) {\n              processedTags.push(slugifiedTag);\n            } else {\n              throw error;\n            }\n          }\n        }\n      }\n\n      form.tags = processedTags;\n    }\n\n    const { id, created_at, ...announcementData } = form;\n\n    const createRequest: CreateAnnouncementRequest = {\n      ...announcementData,\n      publisher: userIdentity.userEntityRef,\n      on_behalf_of: onBehalfOfSelectedTeam,\n    };\n\n    try {\n      await onSubmit(createRequest);\n    } catch (error) {\n      throw error;\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <InfoCard>\n      <Box p={3}>\n        <Typography variant=\"h5\" gutterBottom>\n          {initialData.title\n            ? t('announcementForm.editAnnouncement')\n            : t('announcementForm.newAnnouncement')}\n        </Typography>\n        <Divider sx={{ mb: 3 }} />\n        <form onSubmit={handleSubmit}>\n          <Grid container spacing={3}>\n            <Grid item xs={12}>\n              <TextField\n                id=\"title\"\n                label={t('announcementForm.title')}\n                value={form.title}\n                onChange={handleChange}\n                variant=\"outlined\"\n                fullWidth\n                required\n              />\n            </Grid>\n\n            <Grid item xs={12}>\n              <TextField\n                id=\"excerpt\"\n                label={t('announcementForm.excerpt')}\n                value={form.excerpt}\n                onChange={handleChange}\n                variant=\"outlined\"\n                fullWidth\n                required\n                multiline\n              />\n            </Grid>\n\n            <Grid item xs={12}>\n              <Paper\n                variant=\"outlined\"\n                sx={{ borderRadius: 2, borderColor: 'divider', p: 2 }}\n              >\n                <MDEditor\n                  value={form.body}\n                  style={{ minHeight: '30rem' }}\n                  onChange={value =>\n                    setForm({ ...form, ...{ body: value || '' } })\n                  }\n                />\n              </Paper>\n            </Grid>\n\n            <Grid item xs={12} sm={6}>\n              <CategoryInput\n                setForm={setForm}\n                form={form}\n                initialValue={initialData.category?.title ?? ''}\n              />\n            </Grid>\n\n            <Grid item xs={12} sm={6}>\n              <OnBehalfTeamDropdown\n                selectedTeam={onBehalfOfSelectedTeam}\n                onChange={setOnBehalfOfSelectedTeam}\n              />\n            </Grid>\n\n            <Grid item xs={12} sm={6}>\n              <TagsInput setForm={setForm} form={form} />\n            </Grid>\n\n            <Grid item xs={12} sm={3}>\n              <TextField\n                variant=\"outlined\"\n                label={t('announcementForm.startAt')}\n                id=\"start-at-date\"\n                type=\"date\"\n                value={form.start_at}\n                InputLabelProps={{ shrink: true }}\n                required\n                fullWidth\n                onChange={e =>\n                  setForm({\n                    ...form,\n                    start_at: e.target.value,\n                  })\n                }\n              />\n            </Grid>\n\n            <Grid item xs={12} sm={3}>\n              <TextField\n                variant=\"outlined\"\n                label={t('announcementForm.untilDate')}\n                id=\"until-date\"\n                type=\"date\"\n                value={form.until_date}\n                InputLabelProps={{ shrink: true }}\n                fullWidth\n                onChange={e =>\n                  setForm({\n                    ...form,\n                    until_date: e.target.value,\n                  })\n                }\n                inputProps={{\n                  min: DateTime.fromISO(form.start_at)\n                    .endOf('day')\n                    .plus({ days: 1 })\n                    .toISODate(),\n                }}\n              />\n            </Grid>\n\n            <Grid item xs={12}>\n              <Divider />\n            </Grid>\n\n            <Grid item xs={12}>\n              <FormGroup row style={{ justifyContent: 'flex-end' }}>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      name=\"active\"\n                      checked={form.active}\n                      onChange={handleChangeActive}\n                      color=\"primary\"\n                    />\n                  }\n                  label={t('announcementForm.active')}\n                />\n                <FormControlLabel\n                  control={\n                    <Switch\n                      name=\"sendNotification\"\n                      checked={form.sendNotification}\n                      onChange={handleChangeActive}\n                      color=\"primary\"\n                    />\n                  }\n                  label=\"Send Notification\"\n                />\n                <Button\n                  variant=\"contained\"\n                  color=\"primary\"\n                  type=\"submit\"\n                  disabled={loading || !form.body}\n                  size=\"large\"\n                  startIcon={<SaveAltIcon />}\n                >\n                  {t('announcementForm.submit')}\n                </Button>\n              </FormGroup>\n            </Grid>\n          </Grid>\n        </form>\n      </Box>\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/alpha/components/admin/announcements/AnnouncementForm/CategoryInput.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryInput.esm.js","sources":["../../../../../../src/alpha/components/admin/announcements/AnnouncementForm/CategoryInput.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 { SetStateAction } from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport {\n  useAnnouncementsTranslation,\n  useCategories,\n} from '@backstage-community/plugin-announcements-react';\nimport CircularProgress from '@mui/material/CircularProgress';\n\ntype CategoryInputProps = {\n  setForm: (\n    value: SetStateAction<{\n      category: string | undefined;\n      tags: string[] | undefined;\n      id: string;\n      publisher: string;\n      title: string;\n      excerpt: string;\n      body: string;\n      created_at: string;\n      active: boolean;\n      start_at: string;\n      until_date: string;\n      sendNotification: boolean;\n      updated_at: string;\n    }>,\n  ) => void;\n  form: {\n    category: string | undefined;\n    tags: string[] | undefined;\n    id: string;\n    publisher: string;\n    title: string;\n    excerpt: string;\n    body: string;\n    created_at: string;\n    active: boolean;\n    start_at: string;\n    until_date: string;\n    sendNotification: boolean;\n    updated_at: string;\n  };\n  initialValue: string;\n};\n\nconst filter = createFilterOptions<Category>();\n\nfunction prepareCategoryFromInput(\n  inputCategory: Category | string,\n  localizedCreate?: string,\n): string {\n  return (\n    typeof inputCategory === 'string' ? inputCategory : inputCategory.title\n  )\n    .replace(localizedCreate ? `${localizedCreate} ` : 'Create ', '')\n    .replaceAll('\"', '');\n}\n\nexport default function CategoryInput({\n  setForm,\n  form,\n  initialValue,\n}: CategoryInputProps) {\n  const { categories, loading: categoriesLoading } = useCategories();\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Autocomplete\n      fullWidth\n      value={initialValue ?? ''}\n      onChange={async (_, newValue) => {\n        if (!newValue) {\n          setForm({ ...form, category: undefined });\n          return;\n        }\n\n        const newCategory = prepareCategoryFromInput(\n          newValue,\n          t('announcementForm.categoryInput.create'),\n        );\n        setForm({ ...form, category: newCategory });\n      }}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params);\n        const { inputValue } = params;\n\n        /*\n          Suggest the creation of a new category. This adds the new value to the list of options\n          and creates the new category when the form is submitted.\n        */\n        const isExisting = options.some(\n          option =>\n            inputValue.toLocaleLowerCase('en-US') ===\n            option.title.toLocaleLowerCase('en-US'),\n        );\n        if (inputValue !== '' && !isExisting) {\n          filtered.push({\n            title: `${t(\n              'announcementForm.categoryInput.create',\n            )} \"${inputValue}\"`,\n            slug: inputValue.toLocaleLowerCase('en-US'),\n          });\n        }\n\n        return filtered;\n      }}\n      selectOnFocus\n      handleHomeEndKeys\n      loading={categoriesLoading}\n      id=\"category-input-field\"\n      options={categories || []}\n      getOptionLabel={option => {\n        // Value selected with enter, right from the input\n        return prepareCategoryFromInput(option);\n      }}\n      renderOption={(props, option) => <li {...props}>{option.title}</li>}\n      freeSolo\n      renderInput={params => (\n        <TextField\n          {...params}\n          id=\"category\"\n          label={t('announcementForm.categoryInput.label')}\n          variant=\"outlined\"\n          fullWidth\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {categoriesLoading ? (\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/alpha/components/admin/announcements/AnnouncementForm/OnBehalfTeamDropdown.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnBehalfTeamDropdown.esm.js","sources":["../../../../../../src/alpha/components/admin/announcements/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/alpha/components/admin/announcements/AnnouncementForm/TagsInput.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagsInput.esm.js","sources":["../../../../../../src/alpha/components/admin/announcements/AnnouncementForm/TagsInput.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 { useMemo } from 'react';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\nimport Chip from '@mui/material/Chip';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  useTags,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Tag } from '@backstage-community/plugin-announcements-common';\n\nexport interface TagOption extends Tag {\n  inputValue?: string;\n  isNew?: boolean;\n}\n\nconst filter = createFilterOptions<TagOption>();\n\nfunction prepareTagFromInput(input: string | TagOption): string {\n  if (typeof input === 'string') {\n    return input.toLocaleLowerCase('en-US');\n  }\n  if (input.inputValue) {\n    return input.inputValue.toLocaleLowerCase('en-US');\n  }\n  return input.title.toLocaleLowerCase('en-US');\n}\n\ninterface TagsInputProps {\n  setForm: (form: any) => void;\n  form: any;\n}\n\nexport default function TagsInput({ setForm, form }: TagsInputProps) {\n  const { tags, loading } = useTags();\n  const { t } = useAnnouncementsTranslation();\n  const createLabel = t('announcementForm.tagsInput.create');\n\n  const existingTags = useMemo(() => {\n    if (!form.tags || form.tags.length === 0) return [];\n    return form.tags.map((tagSlug: string) => {\n      const foundTag = tags?.find(tag => tag.slug === tagSlug);\n      return foundTag || { title: tagSlug, slug: tagSlug };\n    });\n  }, [form.tags, tags]);\n\n  const handleTagChange = (_event: any, newValue: (string | TagOption)[]) => {\n    if (!newValue || newValue.length === 0) {\n      setForm({ ...form, tags: [] });\n      return;\n    }\n\n    const processedTags = newValue.map(item => prepareTagFromInput(item));\n    const uniqueTags = Array.from(new Set(processedTags));\n\n    setForm({ ...form, tags: uniqueTags });\n  };\n\n  return (\n    <Autocomplete\n      fullWidth\n      multiple\n      freeSolo\n      clearOnBlur\n      value={existingTags}\n      onChange={handleTagChange}\n      options={tags || []}\n      loading={loading}\n      getOptionLabel={(option: string | TagOption) =>\n        typeof option === 'string' ? option : option.title\n      }\n      filterOptions={(options, params) => {\n        const filtered = filter(options as TagOption[], params);\n        const { inputValue } = params;\n        if (\n          inputValue.trim() !== '' &&\n          !options.some(\n            option =>\n              typeof option !== 'string' &&\n              inputValue.toLocaleLowerCase('en-US') ===\n                option.title.toLocaleLowerCase('en-US'),\n          )\n        ) {\n          filtered.push({\n            title: `${createLabel} \"${inputValue}\"`,\n            slug: inputValue.toLocaleLowerCase('en-US'),\n            inputValue,\n            isNew: true,\n          });\n        }\n        return filtered;\n      }}\n      renderTags={(value: (string | TagOption)[], getTagProps) =>\n        value.map((option, index) => {\n          const tag =\n            typeof option === 'string'\n              ? { title: option, slug: option.toLocaleLowerCase('en-US') }\n              : option;\n\n          const tagProps = getTagProps({ index });\n          const { key, ...chipProps } = tagProps;\n\n          return (\n            <Chip\n              key={key}\n              variant=\"outlined\"\n              label={tag.title}\n              {...chipProps}\n            />\n          );\n        })\n      }\n      renderInput={params => (\n        <TextField\n          {...params}\n          label=\"Tags\"\n          variant=\"outlined\"\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {loading ? (\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/alpha/components/admin/announcements/AnnouncementsContent.esm.js

@@ -10,7 +10,7 @@ import { Grid, Box, Flex, Button } from '@backstage/ui';
 import slugify from 'slugify';
 import { useDeleteConfirmationDialogState } from '../shared/DeleteConfirmationDialog/useDeleteConfirmationDialogState.esm.js';
 import { DeleteConfirmationDialog } from '../shared/DeleteConfirmationDialog/DeleteConfirmationDialog.esm.js';
-import { AnnouncementForm } from '../../../../components/Admin/AnnouncementsContent/AnnouncementForm/AnnouncementForm.esm.js';
+import { AnnouncementForm } from './AnnouncementForm/AnnouncementForm.esm.js';
 import { AnnouncementsTableCard } from './AnnouncementsTableCard.esm.js';
 import { announcementViewRouteRef } from '../../../../routes.esm.js';
 

package/dist/alpha/components/admin/announcements/AnnouncementsContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsContent.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsContent.tsx"],"sourcesContent":["/*\n * Copyright 2026 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, useMemo } from 'react';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  CreateAnnouncementRequest,\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n  useAnnouncements,\n  useAnnouncementsPermissions,\n  useCategories,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  Category,\n  announcementCreatePermission,\n} from '@backstage-community/plugin-announcements-common';\nimport { useRouteRef } from '@backstage/frontend-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { Box, Grid, Flex, Button } from '@backstage/ui';\nimport slugify from 'slugify';\n\nimport {\n  useDeleteConfirmationDialogState,\n  DeleteConfirmationDialog,\n} from '../shared';\nimport { AnnouncementForm } from '../../../../components/Admin/AnnouncementsContent/AnnouncementForm';\nimport { AnnouncementsTableCard } from './AnnouncementsTableCard';\nimport { announcementViewRouteRef } from '../../../../routes';\n\n/**\n * @internal\n */\nexport type AnnouncementsContentProps = {\n  /** default form values when creating a new announcement */\n  formDefaults: {\n    /** sets active switch form input to false by default when creating a new announcement */\n    defaultInactive?: boolean;\n  };\n};\n\nconst AnnouncementFormContent = (props: {\n  onCancel: () => void;\n  onSubmit: (request: CreateAnnouncementRequest) => Promise<void>;\n  initialData: Announcement;\n}) => {\n  const { t } = useAnnouncementsTranslation();\n\n  const { onCancel, onSubmit, initialData } = props;\n\n  return (\n    <Box mb=\"2\">\n      <Flex justify=\"end\" align=\"center\">\n        <Button variant=\"secondary\" onClick={onCancel}>\n          {t('admin.announcementsContent.cancelButton')}\n        </Button>\n      </Flex>\n\n      <AnnouncementForm initialData={initialData} onSubmit={onSubmit} />\n    </Box>\n  );\n};\n\n/**\n * @internal\n */\nexport const AnnouncementsContent = ({\n  formDefaults: { defaultInactive },\n}: AnnouncementsContentProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n  const { categories } = useCategories();\n\n  const [showCreateAnnouncementForm, setShowCreateAnnouncementForm] =\n    useState(false);\n  const [editingAnnouncementId, setEditingAnnouncementId] = useState<\n    string | null\n  >(null);\n\n  const { announcements, retry: refresh } = useAnnouncements({});\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    close: closeDeleteDialog,\n    open: openDeleteDialog,\n    item: announcementToDelete,\n  } = useDeleteConfirmationDialogState<Announcement>();\n\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const navigate = useNavigate();\n\n  const onCreateButtonClick = () => {\n    setShowCreateAnnouncementForm(true);\n  };\n\n  const onPreviewClick = (announcement: Announcement) => {\n    const link = viewAnnouncementLink?.({ id: announcement.id }) ?? '';\n    navigate(`${link}?from=admin`);\n  };\n\n  const onEditClick = (announcement: Announcement) => {\n    setEditingAnnouncementId(announcement.id);\n    setShowCreateAnnouncementForm(false);\n  };\n\n  const onSubmit = async (request: CreateAnnouncementRequest) => {\n    const { category } = request;\n\n    const slugs = categories.map((c: Category) => c.slug);\n    let alertMsg = t('admin.announcementsContent.alertMessage') as string;\n\n    try {\n      if (category) {\n        const categorySlug = slugify(category, {\n          lower: true,\n        });\n\n        if (slugs.indexOf(categorySlug) === -1) {\n          alertMsg = alertMsg.replace('.', '');\n          alertMsg = `${alertMsg} ${t(\n            'admin.announcementsContent.alertMessageWithNewCategory',\n          )} ${category}.`;\n\n          await announcementsApi.createCategory({\n            title: category,\n          });\n        }\n      }\n\n      await announcementsApi.createAnnouncement({\n        ...request,\n        category: request.category?.toLocaleLowerCase('en-US'),\n      });\n\n      alertApi.post({ message: alertMsg, severity: 'success' });\n\n      setShowCreateAnnouncementForm(false);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onUpdate = async (request: CreateAnnouncementRequest) => {\n    if (!editingAnnouncementId) {\n      return;\n    }\n\n    const { category } = request;\n\n    const slugs = categories.map((c: Category) => c.slug);\n    let updateMsg = t('editAnnouncementPage.updatedMessage') as string;\n\n    try {\n      if (category) {\n        const categorySlug = slugify(category, {\n          lower: true,\n        });\n\n        if (slugs.indexOf(categorySlug) === -1) {\n          updateMsg = updateMsg.replace('.', '');\n          updateMsg = `${updateMsg} ${t(\n            'editAnnouncementPage.updatedMessageWithNewCategory',\n          )} ${category}.`;\n\n          await announcementsApi.createCategory({\n            title: category,\n          });\n        }\n      }\n\n      await announcementsApi.updateAnnouncement(editingAnnouncementId, request);\n      alertApi.post({ message: updateMsg, severity: 'success' });\n\n      setEditingAnnouncementId(null);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onCancelCreate = () => {\n    setShowCreateAnnouncementForm(false);\n  };\n\n  const onCancelEdit = () => {\n    setEditingAnnouncementId(null);\n  };\n\n  const announcementToEdit = useMemo(() => {\n    if (!editingAnnouncementId || !announcements?.results) {\n      return null;\n    }\n    return (\n      announcements.results.find(a => a.id === editingAnnouncementId) ?? null\n    );\n  }, [editingAnnouncementId, announcements?.results]);\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteAnnouncementByID(announcementToDelete!.id);\n\n      alertApi.post({\n        message: t('admin.announcementsContent.deletedMessage'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({\n        message:\n          (err as ResponseError).body?.error?.message || (err as Error).message,\n        severity: 'error',\n      });\n    }\n\n    refresh();\n  };\n\n  const onDeleteClick = (announcement: Announcement) => {\n    openDeleteDialog(announcement);\n  };\n\n  const canCreate = !permissions.create.loading && permissions.create.allowed;\n  const canEdit = !permissions.update.loading && permissions.update.allowed;\n  const canDelete = !permissions.delete.loading && permissions.delete.allowed;\n\n  return (\n    <RequirePermission permission={announcementCreatePermission}>\n      <Grid.Root columns=\"1\">\n        {showCreateAnnouncementForm && (\n          <Grid.Item>\n            <AnnouncementFormContent\n              onCancel={onCancelCreate}\n              onSubmit={onSubmit}\n              initialData={{ active: !defaultInactive } as Announcement}\n            />\n          </Grid.Item>\n        )}\n\n        {editingAnnouncementId && announcementToEdit && (\n          <Grid.Item>\n            <AnnouncementFormContent\n              onCancel={onCancelEdit}\n              onSubmit={onUpdate}\n              initialData={announcementToEdit}\n            />\n          </Grid.Item>\n        )}\n\n        <Grid.Item>\n          <Box mb=\"12\">\n            <AnnouncementsTableCard\n              announcements={announcements?.results ?? []}\n              onPreviewClick={onPreviewClick}\n              onEditClick={onEditClick}\n              onDeleteClick={onDeleteClick}\n              onCreateClick={onCreateButtonClick}\n              canEdit={canEdit}\n              canDelete={canDelete}\n              canCreate={canCreate}\n              editingAnnouncementId={editingAnnouncementId}\n            />\n          </Box>\n\n          <DeleteConfirmationDialog\n            type=\"announcement\"\n            itemTitle={announcementToDelete?.title}\n            open={isDeleteDialogOpen}\n            onCancel={onCancelDelete}\n            onConfirm={onConfirmDelete}\n            canDelete={canDelete}\n          />\n        </Grid.Item>\n      </Grid.Root>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnouncementsContent.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsContent.tsx"],"sourcesContent":["/*\n * Copyright 2026 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, useMemo } from 'react';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  CreateAnnouncementRequest,\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n  useAnnouncements,\n  useAnnouncementsPermissions,\n  useCategories,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  Category,\n  announcementCreatePermission,\n} from '@backstage-community/plugin-announcements-common';\nimport { useRouteRef } from '@backstage/frontend-plugin-api';\nimport { useNavigate } from 'react-router-dom';\nimport { RequirePermission } from '@backstage/plugin-permission-react';\nimport { Box, Grid, Flex, Button } from '@backstage/ui';\nimport slugify from 'slugify';\n\nimport {\n  useDeleteConfirmationDialogState,\n  DeleteConfirmationDialog,\n} from '../shared';\nimport { AnnouncementForm } from './AnnouncementForm';\nimport { AnnouncementsTableCard } from './AnnouncementsTableCard';\nimport { announcementViewRouteRef } from '../../../../routes';\n\n/**\n * @internal\n */\nexport type AnnouncementsContentProps = {\n  /** default form values when creating a new announcement */\n  formDefaults: {\n    /** sets active switch form input to false by default when creating a new announcement */\n    defaultInactive?: boolean;\n  };\n};\n\nconst AnnouncementFormContent = (props: {\n  onCancel: () => void;\n  onSubmit: (request: CreateAnnouncementRequest) => Promise<void>;\n  initialData: Announcement;\n}) => {\n  const { t } = useAnnouncementsTranslation();\n\n  const { onCancel, onSubmit, initialData } = props;\n\n  return (\n    <Box mb=\"2\">\n      <Flex justify=\"end\" align=\"center\">\n        <Button variant=\"secondary\" onClick={onCancel}>\n          {t('admin.announcementsContent.cancelButton')}\n        </Button>\n      </Flex>\n\n      <AnnouncementForm initialData={initialData} onSubmit={onSubmit} />\n    </Box>\n  );\n};\n\n/**\n * @internal\n */\nexport const AnnouncementsContent = ({\n  formDefaults: { defaultInactive },\n}: AnnouncementsContentProps) => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n  const { categories } = useCategories();\n\n  const [showCreateAnnouncementForm, setShowCreateAnnouncementForm] =\n    useState(false);\n  const [editingAnnouncementId, setEditingAnnouncementId] = useState<\n    string | null\n  >(null);\n\n  const { announcements, retry: refresh } = useAnnouncements({});\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    close: closeDeleteDialog,\n    open: openDeleteDialog,\n    item: announcementToDelete,\n  } = useDeleteConfirmationDialogState<Announcement>();\n\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const navigate = useNavigate();\n\n  const onCreateButtonClick = () => {\n    setShowCreateAnnouncementForm(true);\n  };\n\n  const onPreviewClick = (announcement: Announcement) => {\n    const link = viewAnnouncementLink?.({ id: announcement.id }) ?? '';\n    navigate(`${link}?from=admin`);\n  };\n\n  const onEditClick = (announcement: Announcement) => {\n    setEditingAnnouncementId(announcement.id);\n    setShowCreateAnnouncementForm(false);\n  };\n\n  const onSubmit = async (request: CreateAnnouncementRequest) => {\n    const { category } = request;\n\n    const slugs = categories.map((c: Category) => c.slug);\n    let alertMsg = t('admin.announcementsContent.alertMessage') as string;\n\n    try {\n      if (category) {\n        const categorySlug = slugify(category, {\n          lower: true,\n        });\n\n        if (slugs.indexOf(categorySlug) === -1) {\n          alertMsg = alertMsg.replace('.', '');\n          alertMsg = `${alertMsg} ${t(\n            'admin.announcementsContent.alertMessageWithNewCategory',\n          )} ${category}.`;\n\n          await announcementsApi.createCategory({\n            title: category,\n          });\n        }\n      }\n\n      await announcementsApi.createAnnouncement({\n        ...request,\n        category: request.category?.toLocaleLowerCase('en-US'),\n      });\n\n      alertApi.post({ message: alertMsg, severity: 'success' });\n\n      setShowCreateAnnouncementForm(false);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onUpdate = async (request: CreateAnnouncementRequest) => {\n    if (!editingAnnouncementId) {\n      return;\n    }\n\n    const { category } = request;\n\n    const slugs = categories.map((c: Category) => c.slug);\n    let updateMsg = t('editAnnouncementPage.updatedMessage') as string;\n\n    try {\n      if (category) {\n        const categorySlug = slugify(category, {\n          lower: true,\n        });\n\n        if (slugs.indexOf(categorySlug) === -1) {\n          updateMsg = updateMsg.replace('.', '');\n          updateMsg = `${updateMsg} ${t(\n            'editAnnouncementPage.updatedMessageWithNewCategory',\n          )} ${category}.`;\n\n          await announcementsApi.createCategory({\n            title: category,\n          });\n        }\n      }\n\n      await announcementsApi.updateAnnouncement(editingAnnouncementId, request);\n      alertApi.post({ message: updateMsg, severity: 'success' });\n\n      setEditingAnnouncementId(null);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onCancelCreate = () => {\n    setShowCreateAnnouncementForm(false);\n  };\n\n  const onCancelEdit = () => {\n    setEditingAnnouncementId(null);\n  };\n\n  const announcementToEdit = useMemo(() => {\n    if (!editingAnnouncementId || !announcements?.results) {\n      return null;\n    }\n    return (\n      announcements.results.find(a => a.id === editingAnnouncementId) ?? null\n    );\n  }, [editingAnnouncementId, announcements?.results]);\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteAnnouncementByID(announcementToDelete!.id);\n\n      alertApi.post({\n        message: t('admin.announcementsContent.deletedMessage'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({\n        message:\n          (err as ResponseError).body?.error?.message || (err as Error).message,\n        severity: 'error',\n      });\n    }\n\n    refresh();\n  };\n\n  const onDeleteClick = (announcement: Announcement) => {\n    openDeleteDialog(announcement);\n  };\n\n  const canCreate = !permissions.create.loading && permissions.create.allowed;\n  const canEdit = !permissions.update.loading && permissions.update.allowed;\n  const canDelete = !permissions.delete.loading && permissions.delete.allowed;\n\n  return (\n    <RequirePermission permission={announcementCreatePermission}>\n      <Grid.Root columns=\"1\">\n        {showCreateAnnouncementForm && (\n          <Grid.Item>\n            <AnnouncementFormContent\n              onCancel={onCancelCreate}\n              onSubmit={onSubmit}\n              initialData={{ active: !defaultInactive } as Announcement}\n            />\n          </Grid.Item>\n        )}\n\n        {editingAnnouncementId && announcementToEdit && (\n          <Grid.Item>\n            <AnnouncementFormContent\n              onCancel={onCancelEdit}\n              onSubmit={onUpdate}\n              initialData={announcementToEdit}\n            />\n          </Grid.Item>\n        )}\n\n        <Grid.Item>\n          <Box mb=\"12\">\n            <AnnouncementsTableCard\n              announcements={announcements?.results ?? []}\n              onPreviewClick={onPreviewClick}\n              onEditClick={onEditClick}\n              onDeleteClick={onDeleteClick}\n              onCreateClick={onCreateButtonClick}\n              canEdit={canEdit}\n              canDelete={canDelete}\n              canCreate={canCreate}\n              editingAnnouncementId={editingAnnouncementId}\n            />\n          </Box>\n\n          <DeleteConfirmationDialog\n            type=\"announcement\"\n            itemTitle={announcementToDelete?.title}\n            open={isDeleteDialogOpen}\n            onCancel={onCancelDelete}\n            onConfirm={onConfirmDelete}\n            canDelete={canDelete}\n          />\n        </Grid.Item>\n      </Grid.Root>\n    </RequirePermission>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -9,36 +9,6 @@ import { 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';
 import '@backstage/frontend-plugin-api';
 import { BackToAnnouncementsButton } from '../shared/BackToAnnouncementsButton/BackToAnnouncementsButton.esm.js';

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

@@ -1 +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 { 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';\nimport { BackToAnnouncementsButton } from '../shared';\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\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            <Box mb=\"8\">\n              <BackToAnnouncementsButton />\n            </Box>\n          </Grid.Item>\n        </Grid.Root>\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"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 { 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';\nimport { BackToAnnouncementsButton } from '../shared';\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\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            <Box mb=\"8\">\n              <BackToAnnouncementsButton />\n            </Box>\n          </Grid.Item>\n        </Grid.Root>\n      </Container>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/alpha/pages.esm.js

@@ -7,7 +7,7 @@ const announcementsPage = PageBlueprint.make({
   params: {
     path: "/announcements",
     routeRef: convertLegacyRouteRef(rootRouteRef),
-    loader: async () => import('./Router.esm.js').then((m) => compatWrapper(/* @__PURE__ */ jsx(m.Router, {})))
+    loader: async () => import('../Router.esm.js').then((m) => compatWrapper(/* @__PURE__ */ jsx(m.Router, {})))
   }
 });
 

package/dist/alpha/pages.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pages.esm.js","sources":["../../src/alpha/pages.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 {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { PageBlueprint } from '@backstage/frontend-plugin-api';\nimport { rootRouteRef } from '../routes';\n\n/**\n * @alpha\n */\nexport const announcementsPage = PageBlueprint.make({\n  params: {\n    path: '/announcements',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: async () =>\n      import('./Router').then(m => compatWrapper(<m.Router />)),\n  },\n});\n"],"names":[],"mappings":";;;;;AAyBa,MAAA,iBAAA,GAAoB,cAAc,IAAK,CAAA;AAAA,EAClD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,gBAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,YACN,OAAO,iBAAU,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,MAAF,EAAA,EAAS,CAAE,CAAC;AAAA;AAE9D,CAAC;;;;"}
+{"version":3,"file":"pages.esm.js","sources":["../../src/alpha/pages.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 {\n  compatWrapper,\n  convertLegacyRouteRef,\n} from '@backstage/core-compat-api';\nimport { PageBlueprint } from '@backstage/frontend-plugin-api';\nimport { rootRouteRef } from '../routes';\n\n/**\n * @alpha\n */\nexport const announcementsPage = PageBlueprint.make({\n  params: {\n    path: '/announcements',\n    routeRef: convertLegacyRouteRef(rootRouteRef),\n    loader: async () =>\n      import('../Router').then(m => compatWrapper(<m.Router />)),\n  },\n});\n"],"names":[],"mappings":";;;;;AAyBa,MAAA,iBAAA,GAAoB,cAAc,IAAK,CAAA;AAAA,EAClD,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,gBAAA;AAAA,IACN,QAAA,EAAU,sBAAsB,YAAY,CAAA;AAAA,IAC5C,MAAQ,EAAA,YACN,OAAO,kBAAW,CAAE,CAAA,IAAA,CAAK,CAAK,CAAA,KAAA,aAAA,iBAAe,GAAA,CAAA,CAAA,CAAE,MAAF,EAAA,EAAS,CAAE,CAAC;AAAA;AAE/D,CAAC;;;;"}

package/dist/alpha/search.esm.js

@@ -1,20 +1,22 @@
 import { jsx } from 'react/jsx-runtime';
 import { SearchResultListItemBlueprint, SearchFilterResultTypeBlueprint } from '@backstage/plugin-search-react/alpha';
-import NewReleasesIcon from '@material-ui/icons/NewReleases';
+import RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';
 
 const announcementsSearchResultListItem = SearchResultListItemBlueprint.make({
   params: {
     component: () => import('../components/AnnouncementSearchResultListItem/index.esm.js').then(
       (m) => m.AnnouncementSearchResultListItem
     ),
-    predicate: (result) => result.type === "announcements"
+    predicate: (result) => result.type === "announcements",
+    icon: /* @__PURE__ */ jsx(RecordVoiceOverIcon, {})
   }
 });
 const announcementsSearchFilterResultType = SearchFilterResultTypeBlueprint.make({
+  name: "announcements-results-type",
   params: {
     name: "Announcements",
     value: "announcements",
-    icon: /* @__PURE__ */ jsx(NewReleasesIcon, {})
+    icon: /* @__PURE__ */ jsx(RecordVoiceOverIcon, {})
   }
 });
 

package/dist/alpha/search.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.esm.js","sources":["../../src/alpha/search.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 {\n  SearchFilterResultTypeBlueprint,\n  SearchResultListItemBlueprint,\n} from '@backstage/plugin-search-react/alpha';\nimport NewReleasesIcon from '@material-ui/icons/NewReleases';\n\nexport const announcementsSearchResultListItem =\n  SearchResultListItemBlueprint.make({\n    params: {\n      component: () =>\n        import('../components/AnnouncementSearchResultListItem').then(\n          m => m.AnnouncementSearchResultListItem,\n        ),\n      predicate: result => result.type === 'announcements',\n    },\n  });\n\nexport const announcementsSearchFilterResultType =\n  SearchFilterResultTypeBlueprint.make({\n    params: {\n      name: 'Announcements',\n      value: 'announcements',\n      icon: <NewReleasesIcon />,\n    },\n  });\n"],"names":[],"mappings":";;;;AAqBa,MAAA,iCAAA,GACX,8BAA8B,IAAK,CAAA;AAAA,EACjC,MAAQ,EAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,6DAAgD,CAAE,CAAA,IAAA;AAAA,MACvD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA;AAAA;AAEzC,CAAC;AAEU,MAAA,mCAAA,GACX,gCAAgC,IAAK,CAAA;AAAA,EACnC,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,eAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,IACP,IAAA,sBAAO,eAAgB,EAAA,EAAA;AAAA;AAE3B,CAAC;;;;"}
+{"version":3,"file":"search.esm.js","sources":["../../src/alpha/search.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 {\n  SearchFilterResultTypeBlueprint,\n  SearchResultListItemBlueprint,\n} from '@backstage/plugin-search-react/alpha';\nimport RecordVoiceOverIcon from '@material-ui/icons/RecordVoiceOver';\n\nexport const announcementsSearchResultListItem =\n  SearchResultListItemBlueprint.make({\n    params: {\n      component: () =>\n        import('../components/AnnouncementSearchResultListItem').then(\n          m => m.AnnouncementSearchResultListItem,\n        ),\n      predicate: result => result.type === 'announcements',\n      icon: <RecordVoiceOverIcon />,\n    },\n  });\n\nexport const announcementsSearchFilterResultType =\n  SearchFilterResultTypeBlueprint.make({\n    name: 'announcements-results-type',\n    params: {\n      name: 'Announcements',\n      value: 'announcements',\n      icon: <RecordVoiceOverIcon />,\n    },\n  });\n"],"names":[],"mappings":";;;;AAqBa,MAAA,iCAAA,GACX,8BAA8B,IAAK,CAAA;AAAA,EACjC,MAAQ,EAAA;AAAA,IACN,SAAW,EAAA,MACT,OAAO,6DAAgD,CAAE,CAAA,IAAA;AAAA,MACvD,OAAK,CAAE,CAAA;AAAA,KACT;AAAA,IACF,SAAA,EAAW,CAAU,MAAA,KAAA,MAAA,CAAO,IAAS,KAAA,eAAA;AAAA,IACrC,IAAA,sBAAO,mBAAoB,EAAA,EAAA;AAAA;AAE/B,CAAC;AAEU,MAAA,mCAAA,GACX,gCAAgC,IAAK,CAAA;AAAA,EACnC,IAAM,EAAA,4BAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,eAAA;AAAA,IACN,KAAO,EAAA,eAAA;AAAA,IACP,IAAA,sBAAO,mBAAoB,EAAA,EAAA;AAAA;AAE/B,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -109,9 +109,9 @@ declare const _default: _backstage_frontend_plugin_api.OverridableFrontendPlugin
             routeRef?: _backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams> | undefined;
         };
     }>;
-    "search-filter-result-type:announcements": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+    "search-filter-result-type:announcements/announcements-results-type": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
         kind: "search-filter-result-type";
-        name: undefined;
+        name: "announcements-results-type";
         config: {};
         configInput: {};
         output: _backstage_frontend_plugin_api.ExtensionDataRef<{

package/dist/index.d.ts

@@ -5,51 +5,6 @@ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { JSX } from 'react';
 import { SearchResultListItemExtensionProps } from '@backstage/plugin-search-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;
-    /**
-     * The field by which date time to sort the announcements.
-     * Can be 'created_at' or 'start_at'.
-     * Default: 'created_at'
-     */
-    sortBy?: 'created_at' | 'start_at';
-    /**
-     * The order in which to sort the announcements.
-     * Can be 'asc' for ascending (older first) or 'desc' for descending (new first).
-     * Default: 'desc'
-     */
-    order?: 'asc' | 'desc';
-    /**
-     * Whether to show current announcements or not.
-     * Default: false
-     */
-    current?: boolean;
-};
-
 /** @public */
 interface AnnouncementSearchResultProps {
     result?: IndexableDocument;
@@ -77,46 +32,12 @@ declare const announcementsPlugin: _backstage_core_plugin_api.BackstagePlugin<{
  * @public
  */
 declare const AnnouncementsPage: (props: {
-    themeId?: string | undefined;
     title?: string | undefined;
-    subtitle?: string | undefined;
     category?: string | undefined;
-    hideContextMenu?: boolean | undefined;
-    cardOptions?: {
-        titleLength: number | undefined;
-    } | undefined;
-    buttonOptions?: {
-        name: string | undefined;
-    } | undefined;
-    hideInactive?: boolean | undefined;
     hideStartAt?: boolean | undefined;
     markdownRenderer?: MarkdownRendererTypeProps | undefined;
     defaultInactive?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
-/**
- * @public @deprecated
- *
- * This exported component will not be migrated to new frontend system.
- *
- * Access will be via the context menu on the root announcements page and dedicated routes
- * (`/announcements/admin`, `/announcements/admin/categories`, `/announcements/admin/tags`)
- *
- * Please open an issue if you have concerns about this.
- */
-declare const AnnouncementsAdminPortal: (props?: {
-    themeId?: string | undefined;
-    title?: string | undefined;
-    subtitle?: string | undefined;
-    defaultInactive?: boolean | undefined;
-} | undefined) => react_jsx_runtime.JSX.Element;
-/**
- * @public @deprecated
- *
- * This exported component will not be migrated to new frontend system.
- *
- * Please open an issue if you have concerns about this.
- */
-declare const AnnouncementsTimeline: ({ maxResults, timelineAlignment, timelineMinWidth, hideInactive, sortBy, order, current, }: AnnouncementsTimelineProps) => react_jsx_runtime.JSX.Element;
 /**
  * @public
  */
@@ -152,4 +73,4 @@ declare const NewAnnouncementBanner: (props: {
  */
 declare const AnnouncementSearchResultListItem: (props: SearchResultListItemExtensionProps<AnnouncementSearchResultProps>) => JSX.Element | null;
 
-export { AnnouncementSearchResultListItem, type AnnouncementSearchResultProps, AnnouncementsAdminPortal, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, type AnnouncementsTimelineProps, type MarkdownRendererTypeProps, NewAnnouncementBanner, announcementsPlugin };
+export { AnnouncementSearchResultListItem, type AnnouncementSearchResultProps, AnnouncementsCard, AnnouncementsPage, type MarkdownRendererTypeProps, NewAnnouncementBanner, announcementsPlugin };

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-export { AnnouncementSearchResultListItem, AnnouncementsAdminPortal, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, NewAnnouncementBanner, announcementsPlugin } from './plugin.esm.js';
+export { AnnouncementSearchResultListItem, AnnouncementsCard, AnnouncementsPage, NewAnnouncementBanner, announcementsPlugin } from './plugin.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/plugin.esm.js

@@ -31,26 +31,10 @@ const announcementsPlugin = createPlugin({
 const AnnouncementsPage = announcementsPlugin.provide(
   createRoutableExtension({
     name: "AnnouncementsPage",
-    component: () => import('./components/Router.esm.js').then((m) => m.Router),
+    component: () => import('./Router.esm.js').then((m) => m.OldFrontendSystemCompatibleRouter),
     mountPoint: rootRouteRef
   })
 );
-const AnnouncementsAdminPortal = announcementsPlugin.provide(
-  createComponentExtension({
-    name: "AnnouncementsAdminPortal",
-    component: {
-      lazy: () => import('./components/Admin/index.esm.js').then((m) => m.AdminPortal)
-    }
-  })
-);
-const AnnouncementsTimeline = announcementsPlugin.provide(
-  createComponentExtension({
-    name: "AnnouncementsTimeline",
-    component: {
-      lazy: () => import('./components/index.esm.js').then((m) => m.AnnouncementsTimeline)
-    }
-  })
-);
 const AnnouncementsCard = announcementsPlugin.provide(
   createComponentExtension({
     name: "AnnouncementsCard",
@@ -79,5 +63,5 @@ const AnnouncementSearchResultListItem = announcementsPlugin.provide(
   })
 );
 
-export { AnnouncementSearchResultListItem, AnnouncementsAdminPortal, AnnouncementsCard, AnnouncementsPage, AnnouncementsTimeline, NewAnnouncementBanner, announcementsPlugin };
+export { AnnouncementSearchResultListItem, AnnouncementsCard, AnnouncementsPage, NewAnnouncementBanner, announcementsPlugin };
 //# sourceMappingURL=plugin.esm.js.map