@backstage-community/plugin-announcements 2.0.0 → 2.2.0

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

@@ -1,14 +1,10 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import TextField from '@mui/material/TextField';
-import Autocomplete from '@mui/material/Autocomplete';
-import CircularProgress from '@mui/material/CircularProgress';
+import { jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Select } from '@backstage/ui';
 import { useApi, identityApiRef } from '@backstage/core-plugin-api';
 import { useAnnouncementsTranslation, useCatalogEntities } from '@backstage-community/plugin-announcements-react';
 import useAsync from 'react-use/esm/useAsync';
-import { useMemo } from 'react';
 import { stringifyEntityRef } from '@backstage/catalog-model';
-import Box from '@mui/material/Box';
-import Typography from '@mui/material/Typography';
 
 function getTeamDisplayName(team) {
   if (team.kind && team.kind.toLowerCase() === "group") {
@@ -34,46 +30,41 @@ function OnBehalfTeamDropdown({
     "Group"
     // kind
   );
-  const teamOptions = useMemo(() => {
-    return teams.map((team) => ({
-      entityRef: stringifyEntityRef(team),
-      displayName: getTeamDisplayName(team)
-    }));
+  const selectOptions = useMemo(() => {
+    return teams.map((team) => {
+      const entityRef = stringifyEntityRef(team);
+      return {
+        value: entityRef,
+        label: getTeamDisplayName(team) ?? entityRef
+      };
+    });
   }, [teams]);
-  const selectedTeamOption = useMemo(() => {
-    return teamOptions.find((team) => team.entityRef === selectedTeam) || null;
-  }, [teamOptions, selectedTeam]);
+  const handleChange = (value) => {
+    if (!value) {
+      onChange("");
+      return;
+    }
+    let stringValue = null;
+    if (Array.isArray(value)) {
+      stringValue = String(value[0] ?? "");
+    } else {
+      stringValue = String(value);
+    }
+    onChange(stringValue || "");
+  };
   return /* @__PURE__ */ jsx(
-    Autocomplete,
+    Select,
     {
-      value: selectedTeamOption,
-      onChange: (_, newValue) => {
-        onChange(newValue?.entityRef || "");
-      },
-      options: teamOptions,
-      getOptionLabel: (team) => team.entityRef,
-      loading: teamsLoading,
-      id: "team-dropdown-field",
-      renderOption: (props, team) => /* @__PURE__ */ jsx(Box, { component: "li", ...props, children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column" }, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", children: team.entityRef }),
-        team.displayName && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: team.displayName })
-      ] }) }),
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        TextField,
-        {
-          ...params,
-          id: "team",
-          label: t("announcementForm.onBehalfOf"),
-          InputProps: {
-            ...params.InputProps,
-            endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-              teamsLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-              params.InputProps.endAdornment
-            ] })
-          }
-        }
-      )
-    }
+      name: "team",
+      label: t("announcementForm.onBehalfOf"),
+      searchable: true,
+      placeholder: t("announcementForm.onBehalfOf"),
+      value: selectedTeam || null,
+      onChange: handleChange,
+      options: selectOptions,
+      isDisabled: teamsLoading || selectOptions.length === 0
+    },
+    selectedTeam || "none"
   );
 }
 

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

@@ -1 +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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"}
+{"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 { Key, useMemo } from 'react';\nimport { Select } from '@backstage/ui';\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 { stringifyEntityRef } from '@backstage/catalog-model';\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 selectOptions = useMemo(() => {\n    return teams.map(team => {\n      const entityRef = stringifyEntityRef(team);\n      return {\n        value: entityRef,\n        label: getTeamDisplayName(team) ?? entityRef,\n      };\n    });\n  }, [teams]);\n\n  const handleChange = (value: Key[] | Key | null) => {\n    if (!value) {\n      onChange('');\n      return;\n    }\n\n    let stringValue: string | null = null;\n\n    if (Array.isArray(value)) {\n      stringValue = String(value[0] ?? '');\n    } else {\n      stringValue = String(value);\n    }\n\n    onChange(stringValue || '');\n  };\n\n  return (\n    <Select\n      key={selectedTeam || 'none'}\n      name=\"team\"\n      label={t('announcementForm.onBehalfOf')}\n      searchable\n      placeholder={t('announcementForm.onBehalfOf')}\n      value={selectedTeam || null}\n      onChange={handleChange}\n      options={selectOptions}\n      isDisabled={teamsLoading || selectOptions.length === 0}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA8BA,SAAS,mBAAmB,IAAmB,EAAA;AAC7C,EAAA,IAAI,KAAK,IAAQ,IAAA,IAAA,CAAK,IAAK,CAAA,WAAA,OAAkB,OAAS,EAAA;AACpD,IAAO,OAAA,IAAA,CAAK,IAAM,EAAA,OAAA,EAAS,WAAe,IAAA,EAAA;AAAA;AAE5C,EAAO,OAAA,EAAA;AACT;AAEA,SAAwB,oBAAqB,CAAA;AAAA,EAC3C,YAAA;AAAA,EACA;AACF,CAA8B,EAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAM,MAAA,WAAA,GAAc,OAAO,cAAc,CAAA;AAEzC,EAAA,MAAM,EAAE,KAAA,EAAO,QAAS,EAAA,GAAI,SAAS,YAAY;AAC/C,IAAM,MAAA,QAAA,GAAW,MAAM,WAAA,CAAY,oBAAqB,EAAA;AACxD,IAAA,OAAO,CAAC,QAAA,CAAS,aAAe,EAAA,GAAG,SAAS,mBAAmB,CAAA;AAAA,GACjE,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,MAAM,EAAE,QAAA,EAAU,KAAO,EAAA,OAAA,EAAS,cAAiB,GAAA,kBAAA;AAAA,IACjD,QAAA;AAAA;AAAA,IACA,EAAA;AAAA;AAAA,IACA;AAAA;AAAA,GACF;AAEA,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAO,OAAA,KAAA,CAAM,IAAI,CAAQ,IAAA,KAAA;AACvB,MAAM,MAAA,SAAA,GAAY,mBAAmB,IAAI,CAAA;AACzC,MAAO,OAAA;AAAA,QACL,KAAO,EAAA,SAAA;AAAA,QACP,KAAA,EAAO,kBAAmB,CAAA,IAAI,CAAK,IAAA;AAAA,OACrC;AAAA,KACD,CAAA;AAAA,GACH,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAM,MAAA,YAAA,GAAe,CAAC,KAA8B,KAAA;AAClD,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA,QAAA,CAAS,EAAE,CAAA;AACX,MAAA;AAAA;AAGF,IAAA,IAAI,WAA6B,GAAA,IAAA;AAEjC,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAA,WAAA,GAAc,MAAO,CAAA,KAAA,CAAM,CAAC,CAAA,IAAK,EAAE,CAAA;AAAA,KAC9B,MAAA;AACL,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA;AAAA;AAG5B,IAAA,QAAA,CAAS,eAAe,EAAE,CAAA;AAAA,GAC5B;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MAEC,IAAK,EAAA,MAAA;AAAA,MACL,KAAA,EAAO,EAAE,6BAA6B,CAAA;AAAA,MACtC,UAAU,EAAA,IAAA;AAAA,MACV,WAAA,EAAa,EAAE,6BAA6B,CAAA;AAAA,MAC5C,OAAO,YAAgB,IAAA,IAAA;AAAA,MACvB,QAAU,EAAA,YAAA;AAAA,MACV,OAAS,EAAA,aAAA;AAAA,MACT,UAAA,EAAY,YAAgB,IAAA,aAAA,CAAc,MAAW,KAAA;AAAA,KAAA;AAAA,IARhD,YAAgB,IAAA;AAAA,GASvB;AAEJ;;;;"}

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

@@ -1,13 +1,12 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
 import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import { announcementsApiRef, useAnnouncementsTranslation, useAnnouncementsPermissions, useCategories, useAnnouncements } from '@backstage-community/plugin-announcements-react';
+import { announcementsApiRef, useAnnouncementsTranslation, useAnnouncementsPermissions, useAnnouncements } from '@backstage-community/plugin-announcements-react';
 import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
 import { useRouteRef } from '@backstage/frontend-plugin-api';
 import { useNavigate } from 'react-router-dom';
 import { RequirePermission } from '@backstage/plugin-permission-react';
 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 './AnnouncementForm/AnnouncementForm.esm.js';
@@ -18,7 +17,7 @@ const AnnouncementFormContent = (props) => {
   const { t } = useAnnouncementsTranslation();
   const { onCancel, onSubmit, initialData } = props;
   return /* @__PURE__ */ jsxs(Box, { mb: "2", children: [
-    /* @__PURE__ */ jsx(Flex, { justify: "end", align: "center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("admin.announcementsContent.cancelButton") }) }),
+    /* @__PURE__ */ jsx(Flex, { justify: "end", align: "center", pb: "3", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: onCancel, children: t("admin.announcementsContent.cancelButton") }) }),
     /* @__PURE__ */ jsx(AnnouncementForm, { initialData, onSubmit })
   ] });
 };
@@ -29,7 +28,6 @@ const AnnouncementsContent = ({
   const alertApi = useApi(alertApiRef);
   const { t } = useAnnouncementsTranslation();
   const permissions = useAnnouncementsPermissions();
-  const { categories } = useCategories();
   const [showCreateAnnouncementForm, setShowCreateAnnouncementForm] = useState(false);
   const [editingAnnouncementId, setEditingAnnouncementId] = useState(null);
   const { announcements, retry: refresh } = useAnnouncements({});
@@ -53,29 +51,12 @@ const AnnouncementsContent = ({
     setShowCreateAnnouncementForm(false);
   };
   const onSubmit = async (request) => {
-    const { category } = request;
-    const slugs = categories.map((c) => c.slug);
-    let alertMsg = t("admin.announcementsContent.alertMessage");
     try {
-      if (category) {
-        const categorySlug = slugify(category, {
-          lower: true
-        });
-        if (slugs.indexOf(categorySlug) === -1) {
-          alertMsg = alertMsg.replace(".", "");
-          alertMsg = `${alertMsg} ${t(
-            "admin.announcementsContent.alertMessageWithNewCategory"
-          )} ${category}.`;
-          await announcementsApi.createCategory({
-            title: category
-          });
-        }
-      }
-      await announcementsApi.createAnnouncement({
-        ...request,
-        category: request.category?.toLocaleLowerCase("en-US")
+      await announcementsApi.createAnnouncement(request);
+      alertApi.post({
+        message: t("admin.announcementsContent.alertMessage"),
+        severity: "success"
       });
-      alertApi.post({ message: alertMsg, severity: "success" });
       setShowCreateAnnouncementForm(false);
       refresh();
     } catch (err) {
@@ -86,26 +67,12 @@ const AnnouncementsContent = ({
     if (!editingAnnouncementId) {
       return;
     }
-    const { category } = request;
-    const slugs = categories.map((c) => c.slug);
-    let updateMsg = t("editAnnouncementPage.updatedMessage");
     try {
-      if (category) {
-        const categorySlug = slugify(category, {
-          lower: true
-        });
-        if (slugs.indexOf(categorySlug) === -1) {
-          updateMsg = updateMsg.replace(".", "");
-          updateMsg = `${updateMsg} ${t(
-            "editAnnouncementPage.updatedMessageWithNewCategory"
-          )} ${category}.`;
-          await announcementsApi.createCategory({
-            title: category
-          });
-        }
-      }
       await announcementsApi.updateAnnouncement(editingAnnouncementId, request);
-      alertApi.post({ message: updateMsg, severity: "success" });
+      alertApi.post({
+        message: t("editAnnouncementPage.updatedMessage"),
+        severity: "success"
+      });
       setEditingAnnouncementId(null);
       refresh();
     } catch (err) {

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 './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} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\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';\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\" pb=\"3\">\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\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    try {\n      await announcementsApi.createAnnouncement(request);\n\n      alertApi.post({\n        message: t('admin.announcementsContent.alertMessage'),\n        severity: 'success',\n      });\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    try {\n      await announcementsApi.updateAnnouncement(editingAnnouncementId, request);\n      alertApi.post({\n        message: t('editAnnouncementPage.updatedMessage'),\n        severity: 'success',\n      });\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/admin/announcements/AnnouncementsTable.esm.js

@@ -59,7 +59,21 @@ const AnnouncementsTable = (props) => {
       label: t("admin.announcementsContent.table.publisher"),
       cell: (announcement) => {
         const hasValidPublisher = announcement.publisher && isValidEntityRef(announcement.publisher);
-        return hasValidPublisher ? /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(EntityRefLink, { entityRef: parseEntityRef(announcement.publisher) }) }) : /* @__PURE__ */ jsx(CellText, { title: "-" });
+        const hasValidOnBehalfOf = announcement.on_behalf_of && isValidEntityRef(announcement.on_behalf_of);
+        return hasValidPublisher ? /* @__PURE__ */ jsxs(Cell, { children: [
+          /* @__PURE__ */ jsx(EntityRefLink, { entityRef: parseEntityRef(announcement.publisher) }),
+          " ",
+          hasValidOnBehalfOf && /* @__PURE__ */ jsxs(Text, { variant: "body-small", children: [
+            t("admin.announcementsContent.table.onBehalfOf").toLowerCase(),
+            " ",
+            /* @__PURE__ */ jsx(
+              EntityRefLink,
+              {
+                entityRef: parseEntityRef(announcement.on_behalf_of)
+              }
+            )
+          ] })
+        ] }) : /* @__PURE__ */ jsx(CellText, { title: "-" });
       }
     },
     {

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsTable.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsTable.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 { DateTime } from 'luxon';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Cell,\n  CellText,\n  Table,\n  useTable,\n  type ColumnConfig,\n  ButtonIcon,\n  Flex,\n  Tag,\n  TagGroup,\n  Text,\n} from '@backstage/ui';\nimport { RiEyeLine, RiEditLine, RiDeleteBinLine } from '@remixicon/react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\nimport { ActiveInactiveAnnouncementIndicatorIcon } from './ActiveInactiveAnnouncementIndicator';\nimport { useEffect } from 'react';\n\nconst isValidEntityRef = (entityRef: string): boolean => {\n  if (!entityRef) {\n    return false;\n  }\n  try {\n    parseEntityRef(entityRef);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst truncateText = (text: string, maxLength: number = 50) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\n/**\n * @internal\n */\ntype AnnouncementsTableProps = {\n  data: Announcement[];\n  onPreviewClick?: (announcement: Announcement) => void;\n  onEditClick?: (announcement: Announcement) => void;\n  onDeleteClick?: (announcement: Announcement) => void;\n  canEdit?: boolean;\n  canDelete?: boolean;\n  editingAnnouncementId?: string | null;\n};\n\n/**\n * @internal\n */\nexport const AnnouncementsTable = (props: AnnouncementsTableProps) => {\n  const {\n    data,\n    onPreviewClick,\n    onEditClick,\n    onDeleteClick,\n    canEdit,\n    canDelete,\n    editingAnnouncementId,\n  } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  const columns: ColumnConfig<Announcement>[] = [\n    {\n      id: 'title',\n      label: t('admin.announcementsContent.table.title'),\n      isRowHeader: true,\n      cell: announcement => (\n        <Cell>\n          <Flex>\n            <ActiveInactiveAnnouncementIndicatorIcon\n              announcement={announcement}\n            />\n            <Text variant=\"body-small\" title={announcement.title}>\n              {announcement.title}\n            </Text>\n          </Flex>\n        </Cell>\n      ),\n    },\n    {\n      id: 'body',\n      label: t('admin.announcementsContent.table.body'),\n      cell: announcement => (\n        <Cell>\n          <Text variant=\"body-small\">{truncateText(announcement.body)}</Text>\n        </Cell>\n      ),\n    },\n    {\n      id: 'publisher',\n      label: t('admin.announcementsContent.table.publisher'),\n      cell: announcement => {\n        const hasValidPublisher =\n          announcement.publisher && isValidEntityRef(announcement.publisher);\n        return hasValidPublisher ? (\n          <Cell>\n            <EntityRefLink entityRef={parseEntityRef(announcement.publisher)} />\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        );\n      },\n    },\n    {\n      id: 'category',\n      label: t('admin.announcementsContent.table.category'),\n      cell: announcement =>\n        announcement.category ? (\n          <Cell>\n            <Text variant=\"body-small\">{announcement.category.title}</Text>\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        ),\n    },\n    {\n      id: 'tags',\n      label: t('admin.announcementsContent.table.tags'),\n      cell: announcement =>\n        announcement.tags && announcement.tags.length > 0 ? (\n          <Cell>\n            <TagGroup>\n              {announcement.tags.map(tag => (\n                <Tag key={tag.slug} size=\"small\">\n                  {tag.title}\n                </Tag>\n              ))}\n            </TagGroup>\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        ),\n    },\n    {\n      id: 'created_at',\n      label: t('admin.announcementsContent.table.created_at'),\n      cell: announcement => (\n        <CellText\n          title={DateTime.fromISO(announcement.created_at).toFormat('M/d/yy')}\n        />\n      ),\n    },\n    {\n      id: 'start_at',\n      label: t('admin.announcementsContent.table.start_at'),\n      cell: announcement => (\n        <CellText\n          title={DateTime.fromISO(announcement.start_at).toFormat('M/d/yy')}\n        />\n      ),\n    },\n    {\n      id: 'until_date',\n      label: t('admin.announcementsContent.table.until_date'),\n      cell: announcement => (\n        <CellText\n          title={\n            announcement.until_date\n              ? DateTime.fromISO(announcement.until_date).toFormat('M/d/yy')\n              : '-'\n          }\n        />\n      ),\n    },\n    {\n      id: 'actions',\n      label: t('admin.announcementsContent.table.actions'),\n      cell: announcement => {\n        const isCurrentlyEditing = editingAnnouncementId === announcement.id;\n        const isEditDisabled =\n          editingAnnouncementId !== null && !isCurrentlyEditing;\n\n        return (\n          <Cell>\n            <Flex gap=\"small\">\n              <ButtonIcon\n                icon={<RiEyeLine />}\n                variant=\"tertiary\"\n                onClick={() => onPreviewClick?.(announcement)}\n                aria-label=\"preview\"\n                data-testid=\"preview\"\n              />\n              <ButtonIcon\n                icon={<RiEditLine />}\n                variant=\"tertiary\"\n                onClick={() => onEditClick?.(announcement)}\n                aria-label=\"edit\"\n                data-testid=\"edit-icon\"\n                isDisabled={!canEdit || isEditDisabled}\n              />\n              <ButtonIcon\n                icon={<RiDeleteBinLine />}\n                variant=\"tertiary\"\n                onClick={() => onDeleteClick?.(announcement)}\n                aria-label=\"delete\"\n                data-testid=\"delete-icon\"\n                isDisabled={!canDelete}\n              />\n            </Flex>\n          </Cell>\n        );\n      },\n    },\n  ];\n\n  const { tableProps, reload } = useTable({\n    mode: 'complete',\n    getData: () => data,\n  });\n\n  useEffect(() => {\n    reload();\n  }, [data, reload]);\n\n  return (\n    <Table\n      columnConfig={columns}\n      emptyState={\n        <Text>{t('admin.announcementsContent.noAnnouncementsFound')}</Text>\n      }\n      {...tableProps}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnouncementsTable.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsTable.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 { DateTime } from 'luxon';\nimport { parseEntityRef } from '@backstage/catalog-model';\nimport { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Cell,\n  CellText,\n  Table,\n  useTable,\n  type ColumnConfig,\n  ButtonIcon,\n  Flex,\n  Tag,\n  TagGroup,\n  Text,\n} from '@backstage/ui';\nimport { RiEyeLine, RiEditLine, RiDeleteBinLine } from '@remixicon/react';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\nimport { ActiveInactiveAnnouncementIndicatorIcon } from './ActiveInactiveAnnouncementIndicator';\nimport { useEffect } from 'react';\n\nconst isValidEntityRef = (entityRef: string): boolean => {\n  if (!entityRef) {\n    return false;\n  }\n  try {\n    parseEntityRef(entityRef);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\nconst truncateText = (text: string, maxLength: number = 50) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\n/**\n * @internal\n */\ntype AnnouncementsTableProps = {\n  data: Announcement[];\n  onPreviewClick?: (announcement: Announcement) => void;\n  onEditClick?: (announcement: Announcement) => void;\n  onDeleteClick?: (announcement: Announcement) => void;\n  canEdit?: boolean;\n  canDelete?: boolean;\n  editingAnnouncementId?: string | null;\n};\n\n/**\n * @internal\n */\nexport const AnnouncementsTable = (props: AnnouncementsTableProps) => {\n  const {\n    data,\n    onPreviewClick,\n    onEditClick,\n    onDeleteClick,\n    canEdit,\n    canDelete,\n    editingAnnouncementId,\n  } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  const columns: ColumnConfig<Announcement>[] = [\n    {\n      id: 'title',\n      label: t('admin.announcementsContent.table.title'),\n      isRowHeader: true,\n      cell: announcement => (\n        <Cell>\n          <Flex>\n            <ActiveInactiveAnnouncementIndicatorIcon\n              announcement={announcement}\n            />\n            <Text variant=\"body-small\" title={announcement.title}>\n              {announcement.title}\n            </Text>\n          </Flex>\n        </Cell>\n      ),\n    },\n    {\n      id: 'body',\n      label: t('admin.announcementsContent.table.body'),\n      cell: announcement => (\n        <Cell>\n          <Text variant=\"body-small\">{truncateText(announcement.body)}</Text>\n        </Cell>\n      ),\n    },\n    {\n      id: 'publisher',\n      label: t('admin.announcementsContent.table.publisher'),\n      cell: announcement => {\n        const hasValidPublisher =\n          announcement.publisher && isValidEntityRef(announcement.publisher);\n        const hasValidOnBehalfOf =\n          announcement.on_behalf_of &&\n          isValidEntityRef(announcement.on_behalf_of);\n\n        return hasValidPublisher ? (\n          <Cell>\n            <EntityRefLink entityRef={parseEntityRef(announcement.publisher)} />{' '}\n            {hasValidOnBehalfOf && (\n              <Text variant=\"body-small\">\n                {t('admin.announcementsContent.table.onBehalfOf').toLowerCase()}{' '}\n                <EntityRefLink\n                  entityRef={parseEntityRef(announcement.on_behalf_of!)}\n                />\n              </Text>\n            )}\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        );\n      },\n    },\n    {\n      id: 'category',\n      label: t('admin.announcementsContent.table.category'),\n      cell: announcement =>\n        announcement.category ? (\n          <Cell>\n            <Text variant=\"body-small\">{announcement.category.title}</Text>\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        ),\n    },\n    {\n      id: 'tags',\n      label: t('admin.announcementsContent.table.tags'),\n      cell: announcement =>\n        announcement.tags && announcement.tags.length > 0 ? (\n          <Cell>\n            <TagGroup>\n              {announcement.tags.map(tag => (\n                <Tag key={tag.slug} size=\"small\">\n                  {tag.title}\n                </Tag>\n              ))}\n            </TagGroup>\n          </Cell>\n        ) : (\n          <CellText title=\"-\" />\n        ),\n    },\n    {\n      id: 'created_at',\n      label: t('admin.announcementsContent.table.created_at'),\n      cell: announcement => (\n        <CellText\n          title={DateTime.fromISO(announcement.created_at).toFormat('M/d/yy')}\n        />\n      ),\n    },\n    {\n      id: 'start_at',\n      label: t('admin.announcementsContent.table.start_at'),\n      cell: announcement => (\n        <CellText\n          title={DateTime.fromISO(announcement.start_at).toFormat('M/d/yy')}\n        />\n      ),\n    },\n    {\n      id: 'until_date',\n      label: t('admin.announcementsContent.table.until_date'),\n      cell: announcement => (\n        <CellText\n          title={\n            announcement.until_date\n              ? DateTime.fromISO(announcement.until_date).toFormat('M/d/yy')\n              : '-'\n          }\n        />\n      ),\n    },\n    {\n      id: 'actions',\n      label: t('admin.announcementsContent.table.actions'),\n      cell: announcement => {\n        const isCurrentlyEditing = editingAnnouncementId === announcement.id;\n        const isEditDisabled =\n          editingAnnouncementId !== null && !isCurrentlyEditing;\n\n        return (\n          <Cell>\n            <Flex gap=\"small\">\n              <ButtonIcon\n                icon={<RiEyeLine />}\n                variant=\"tertiary\"\n                onClick={() => onPreviewClick?.(announcement)}\n                aria-label=\"preview\"\n                data-testid=\"preview\"\n              />\n              <ButtonIcon\n                icon={<RiEditLine />}\n                variant=\"tertiary\"\n                onClick={() => onEditClick?.(announcement)}\n                aria-label=\"edit\"\n                data-testid=\"edit-icon\"\n                isDisabled={!canEdit || isEditDisabled}\n              />\n              <ButtonIcon\n                icon={<RiDeleteBinLine />}\n                variant=\"tertiary\"\n                onClick={() => onDeleteClick?.(announcement)}\n                aria-label=\"delete\"\n                data-testid=\"delete-icon\"\n                isDisabled={!canDelete}\n              />\n            </Flex>\n          </Cell>\n        );\n      },\n    },\n  ];\n\n  const { tableProps, reload } = useTable({\n    mode: 'complete',\n    getData: () => data,\n  });\n\n  useEffect(() => {\n    reload();\n  }, [data, reload]);\n\n  return (\n    <Table\n      columnConfig={columns}\n      emptyState={\n        <Text>{t('admin.announcementsContent.noAnnouncementsFound')}</Text>\n      }\n      {...tableProps}\n    />\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/alpha/components/admin/categories/CategoriesContent.esm.js

@@ -5,7 +5,7 @@ import { announcementsApiRef, useAnnouncementsTranslation, useAnnouncementsPermi
 import { useDeleteConfirmationDialogState } from '../shared/DeleteConfirmationDialog/useDeleteConfirmationDialogState.esm.js';
 import { DeleteConfirmationDialog } from '../shared/DeleteConfirmationDialog/DeleteConfirmationDialog.esm.js';
 import '@backstage/ui';
-import { CreateCatagoryDialog } from './CreateCatagoryDialog.esm.js';
+import { CreateCategoryDialog } from './CreateCategoryDialog.esm.js';
 import { CategoriesTableCard } from './CategoriesTableCard.esm.js';
 
 const CategoriesContent = () => {
@@ -79,7 +79,7 @@ const CategoriesContent = () => {
       }
     ),
     /* @__PURE__ */ jsx(
-      CreateCatagoryDialog,
+      CreateCategoryDialog,
       {
         open: showNewCategoryForm,
         onConfirm: onConfirmCreate,

package/dist/alpha/components/admin/categories/CategoriesContent.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoriesContent.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesContent.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 } from 'react';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  CreateCategoryRequest,\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n  useCategories,\n  useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport { Category } from '@backstage-community/plugin-announcements-common';\n\nimport {\n  useDeleteConfirmationDialogState,\n  DeleteConfirmationDialog,\n} from '../shared';\nimport { CreateCatagoryDialog } from './CreateCatagoryDialog';\nimport { CategoriesTableCard } from './CategoriesTableCard';\n\n/**\n * @internal\n */\nexport const CategoriesContent = () => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const [showNewCategoryForm, setShowNewCategoryForm] = useState(false);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n\n  const { categories, retry: refresh } = useCategories();\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    close: closeDeleteDialog,\n    open: openDeleteDialog,\n    item: categoryToDelete,\n  } = useDeleteConfirmationDialogState<Category>();\n\n  const onConfirmCreate = async (request: CreateCategoryRequest) => {\n    const { title } = request;\n\n    try {\n      await announcementsApi.createCategory({\n        title,\n      });\n\n      alertApi.post({\n        message: `${title} ${t('admin.categoriesContent.createdMessage')}`,\n        severity: 'success',\n      });\n\n      setShowNewCategoryForm(false);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onCreateButtonClick = () => {\n    setShowNewCategoryForm(true);\n  };\n\n  const onCancelCreate = () => {\n    setShowNewCategoryForm(false);\n  };\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteCategory(categoryToDelete!.slug);\n\n      alertApi.post({\n        message: t('admin.categoriesContent.table.categoryDeleted'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({\n        message: (err as ResponseError).body.error.message,\n        severity: 'error',\n      });\n    }\n\n    refresh();\n  };\n\n  const onDeleteClick = (category: Category) => {\n    openDeleteDialog(category);\n  };\n\n  const canCreate = !permissions.create.loading && permissions.create.allowed;\n  const canDelete = !permissions.delete.loading && permissions.delete.allowed;\n\n  return (\n    <>\n      <CategoriesTableCard\n        categories={categories ?? []}\n        onCreateClick={onCreateButtonClick}\n        onDeleteClick={onDeleteClick}\n        canCreate={canCreate}\n        canDelete={canDelete}\n      />\n\n      <CreateCatagoryDialog\n        open={showNewCategoryForm}\n        onConfirm={onConfirmCreate}\n        onCancel={onCancelCreate}\n        canSubmit={canCreate}\n      />\n\n      <DeleteConfirmationDialog\n        type=\"category\"\n        itemTitle={categoryToDelete?.title}\n        open={isDeleteDialogOpen}\n        onCancel={onCancelDelete}\n        onConfirm={onConfirmDelete}\n        canDelete={canDelete}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CategoriesContent.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesContent.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 } from 'react';\nimport { useApi, alertApiRef } from '@backstage/core-plugin-api';\nimport { ResponseError } from '@backstage/errors';\nimport {\n  CreateCategoryRequest,\n  announcementsApiRef,\n  useAnnouncementsTranslation,\n  useCategories,\n  useAnnouncementsPermissions,\n} from '@backstage-community/plugin-announcements-react';\nimport { Category } from '@backstage-community/plugin-announcements-common';\n\nimport {\n  useDeleteConfirmationDialogState,\n  DeleteConfirmationDialog,\n} from '../shared';\nimport { CreateCategoryDialog } from './CreateCategoryDialog';\nimport { CategoriesTableCard } from './CategoriesTableCard';\n\n/**\n * @internal\n */\nexport const CategoriesContent = () => {\n  const announcementsApi = useApi(announcementsApiRef);\n  const alertApi = useApi(alertApiRef);\n\n  const [showNewCategoryForm, setShowNewCategoryForm] = useState(false);\n  const { t } = useAnnouncementsTranslation();\n  const permissions = useAnnouncementsPermissions();\n\n  const { categories, retry: refresh } = useCategories();\n\n  const {\n    isOpen: isDeleteDialogOpen,\n    close: closeDeleteDialog,\n    open: openDeleteDialog,\n    item: categoryToDelete,\n  } = useDeleteConfirmationDialogState<Category>();\n\n  const onConfirmCreate = async (request: CreateCategoryRequest) => {\n    const { title } = request;\n\n    try {\n      await announcementsApi.createCategory({\n        title,\n      });\n\n      alertApi.post({\n        message: `${title} ${t('admin.categoriesContent.createdMessage')}`,\n        severity: 'success',\n      });\n\n      setShowNewCategoryForm(false);\n      refresh();\n    } catch (err) {\n      alertApi.post({ message: (err as Error).message, severity: 'error' });\n    }\n  };\n\n  const onCreateButtonClick = () => {\n    setShowNewCategoryForm(true);\n  };\n\n  const onCancelCreate = () => {\n    setShowNewCategoryForm(false);\n  };\n\n  const onCancelDelete = () => {\n    closeDeleteDialog();\n  };\n\n  const onConfirmDelete = async () => {\n    closeDeleteDialog();\n\n    try {\n      await announcementsApi.deleteCategory(categoryToDelete!.slug);\n\n      alertApi.post({\n        message: t('admin.categoriesContent.table.categoryDeleted'),\n        severity: 'success',\n      });\n    } catch (err) {\n      alertApi.post({\n        message: (err as ResponseError).body.error.message,\n        severity: 'error',\n      });\n    }\n\n    refresh();\n  };\n\n  const onDeleteClick = (category: Category) => {\n    openDeleteDialog(category);\n  };\n\n  const canCreate = !permissions.create.loading && permissions.create.allowed;\n  const canDelete = !permissions.delete.loading && permissions.delete.allowed;\n\n  return (\n    <>\n      <CategoriesTableCard\n        categories={categories ?? []}\n        onCreateClick={onCreateButtonClick}\n        onDeleteClick={onDeleteClick}\n        canCreate={canCreate}\n        canDelete={canDelete}\n      />\n\n      <CreateCategoryDialog\n        open={showNewCategoryForm}\n        onConfirm={onConfirmCreate}\n        onCancel={onCancelCreate}\n        canSubmit={canCreate}\n      />\n\n      <DeleteConfirmationDialog\n        type=\"category\"\n        itemTitle={categoryToDelete?.title}\n        open={isDeleteDialogOpen}\n        onCancel={onCancelDelete}\n        onConfirm={onConfirmDelete}\n        canDelete={canDelete}\n      />\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/alpha/components/admin/categories/{CreateCatagoryDialog.esm.js → CreateCategoryDialog.esm.js}

@@ -4,7 +4,7 @@ import 'react';
 import '@backstage/ui';
 import { CreateTitleDialog } from '../shared/CreateTitleDialog/CreateTitleDialog.esm.js';
 
-const CreateCatagoryDialog = (props) => {
+const CreateCategoryDialog = (props) => {
   const { open, onConfirm, onCancel, canSubmit } = props;
   const { t } = useAnnouncementsTranslation();
   const translationKeys = {
@@ -26,5 +26,5 @@ const CreateCatagoryDialog = (props) => {
   );
 };
 
-export { CreateCatagoryDialog };
-//# sourceMappingURL=CreateCatagoryDialog.esm.js.map
+export { CreateCategoryDialog };
+//# sourceMappingURL=CreateCategoryDialog.esm.js.map

package/dist/alpha/components/admin/categories/{CreateCatagoryDialog.esm.js.map → CreateCategoryDialog.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CreateCatagoryDialog.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CreateCatagoryDialog.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 */\n\nimport {\n  CreateCategoryRequest,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { CreateTitleDialog } from '../shared';\n\n/**\n * @internal\n */\ntype CreateCatagoryDialogProps = {\n  open: boolean;\n  onConfirm: (request: CreateCategoryRequest) => Promise<void>;\n  onCancel: () => void;\n  canSubmit?: boolean;\n};\n\n/**\n * @internal\n */\nexport const CreateCatagoryDialog = (props: CreateCatagoryDialogProps) => {\n  const { open, onConfirm, onCancel, canSubmit } = props;\n\n  const { t } = useAnnouncementsTranslation();\n\n  const translationKeys = {\n    new: t('categoriesForm.newCategory'),\n    edit: t('categoriesForm.editCategory'),\n    titleLabel: t('categoriesForm.titleLabel'),\n    submit: t('categoriesForm.submit'),\n    cancel: t('admin.categoriesContent.cancelButton'),\n  };\n\n  return (\n    <CreateTitleDialog<CreateCategoryRequest>\n      open={open}\n      onCancel={onCancel}\n      translationKeys={translationKeys}\n      onSubmit={onConfirm}\n      canSubmit={canSubmit}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmCa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEjD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,eAAkB,GAAA;AAAA,IACtB,GAAA,EAAK,EAAE,4BAA4B,CAAA;AAAA,IACnC,IAAA,EAAM,EAAE,6BAA6B,CAAA;AAAA,IACrC,UAAA,EAAY,EAAE,2BAA2B,CAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,uBAAuB,CAAA;AAAA,IACjC,MAAA,EAAQ,EAAE,sCAAsC;AAAA,GAClD;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,SAAA;AAAA,MACV;AAAA;AAAA,GACF;AAEJ;;;;"}
+{"version":3,"file":"CreateCategoryDialog.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CreateCategoryDialog.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 */\n\nimport {\n  CreateCategoryRequest,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { CreateTitleDialog } from '../shared';\n\n/**\n * @internal\n */\ntype CreateCategoryDialogProps = {\n  open: boolean;\n  onConfirm: (request: CreateCategoryRequest) => Promise<void>;\n  onCancel: () => void;\n  canSubmit?: boolean;\n};\n\n/**\n * @internal\n */\nexport const CreateCategoryDialog = (props: CreateCategoryDialogProps) => {\n  const { open, onConfirm, onCancel, canSubmit } = props;\n\n  const { t } = useAnnouncementsTranslation();\n\n  const translationKeys = {\n    new: t('categoriesForm.newCategory'),\n    edit: t('categoriesForm.editCategory'),\n    titleLabel: t('categoriesForm.titleLabel'),\n    submit: t('categoriesForm.submit'),\n    cancel: t('admin.categoriesContent.cancelButton'),\n  };\n\n  return (\n    <CreateTitleDialog<CreateCategoryRequest>\n      open={open}\n      onCancel={onCancel}\n      translationKeys={translationKeys}\n      onSubmit={onConfirm}\n      canSubmit={canSubmit}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAmCa,MAAA,oBAAA,GAAuB,CAAC,KAAqC,KAAA;AACxE,EAAA,MAAM,EAAE,IAAA,EAAM,SAAW,EAAA,QAAA,EAAU,WAAc,GAAA,KAAA;AAEjD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,eAAkB,GAAA;AAAA,IACtB,GAAA,EAAK,EAAE,4BAA4B,CAAA;AAAA,IACnC,IAAA,EAAM,EAAE,6BAA6B,CAAA;AAAA,IACrC,UAAA,EAAY,EAAE,2BAA2B,CAAA;AAAA,IACzC,MAAA,EAAQ,EAAE,uBAAuB,CAAA;AAAA,IACjC,MAAA,EAAQ,EAAE,sCAAsC;AAAA,GAClD;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAA;AAAA,MACA,QAAU,EAAA,SAAA;AAAA,MACV;AAAA;AAAA,GACF;AAEJ;;;;"}

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

@@ -14,8 +14,8 @@ import { TagsSelectInput } from '../shared/TagsSelectInput/TagsSelectInput.esm.j
 const AnnouncementsFilters = () => {
   const { t } = useAnnouncementsTranslation();
   const [searchParams, setSearchParams] = useSearchParams();
-  const { categories } = useCategories();
-  const { tags } = useTags();
+  const { categories, loading: categoriesLoading } = useCategories();
+  const { tags, loading: tagsLoading } = useTags();
   const handleCategoryChange = (category) => {
     const newParams = new URLSearchParams(searchParams);
     if (category) {
@@ -56,7 +56,9 @@ const AnnouncementsFilters = () => {
         CategorySelectInput,
         {
           initialCategory: categories?.find((c) => c.slug === searchParams.get("category")) ?? void 0,
+          categories,
           setCategory: handleCategoryChange,
+          isLoading: categoriesLoading,
           hideLabel: true
         }
       ),
@@ -65,6 +67,8 @@ const AnnouncementsFilters = () => {
         {
           initialTags: selectedTagsFromUrl.length > 0 ? selectedTagsFromUrl : void 0,
           setTags: handleTagsChange,
+          tags,
+          isLoading: tagsLoading,
           hideLabel: true
         }
       )

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsFilterBar.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementsFilterBar.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 */\n\nimport { useMemo } from 'react';\nimport { Button, Card, CardBody, Flex, Text } from '@backstage/ui';\nimport {\n  useCategories,\n  useTags,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Category,\n  Tag,\n} from '@backstage-community/plugin-announcements-common';\n\nimport { CategorySelectInput, TagsSelectInput } from '../shared';\nimport { useSearchParams } from 'react-router-dom';\n\nexport const AnnouncementsFilters = () => {\n  const { t } = useAnnouncementsTranslation();\n\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const { categories } = useCategories();\n  const { tags } = useTags();\n\n  const handleCategoryChange = (category: Category | null) => {\n    const newParams = new URLSearchParams(searchParams);\n    if (category) {\n      newParams.set('category', category.slug);\n    } else {\n      newParams.delete('category');\n    }\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const handleTagsChange = (selectedTags: Tag[] | null) => {\n    const newParams = new URLSearchParams(searchParams);\n    if (selectedTags && selectedTags.length > 0) {\n      newParams.set('tags', selectedTags.map(tag => tag.slug).join(','));\n    } else {\n      newParams.delete('tags');\n    }\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const handleClearFilters = () => {\n    const newParams = new URLSearchParams(searchParams);\n    newParams.delete('category');\n    newParams.delete('tags');\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const selectedTagsFromUrl = useMemo(() => {\n    const tagsParam = searchParams.get('tags');\n    if (!tagsParam || !tags) return [];\n\n    const tagSlugs = tagsParam.split(',').filter(Boolean);\n    return tagSlugs\n      .map(slug => tags.find(tag => tag.slug === slug))\n      .filter((tag): tag is Tag => tag !== undefined);\n  }, [searchParams, tags]);\n\n  const hasActiveFilters = useMemo(() => {\n    return (\n      searchParams.get('category') !== null || searchParams.get('tags') !== null\n    );\n  }, [searchParams]);\n\n  return (\n    <Flex justify=\"between\">\n      <Flex>\n        <Flex align=\"center\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            {t('announcementsPage.filter.label')}\n          </Text>\n        </Flex>\n\n        <CategorySelectInput\n          initialCategory={\n            categories?.find(c => c.slug === searchParams.get('category')) ??\n            undefined\n          }\n          setCategory={handleCategoryChange}\n          hideLabel\n        />\n\n        <TagsSelectInput\n          initialTags={\n            selectedTagsFromUrl.length > 0 ? selectedTagsFromUrl : undefined\n          }\n          setTags={handleTagsChange}\n          hideLabel\n        />\n      </Flex>\n\n      <Flex justify=\"end\">\n        <Button\n          variant=\"secondary\"\n          onClick={handleClearFilters}\n          isDisabled={!hasActiveFilters}\n        >\n          {t('announcementsPage.filter.clear')}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport const AnnouncementsFilterBar = () => {\n  return (\n    <Card>\n      <CardBody>\n        <AnnouncementsFilters />\n      </CardBody>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnouncementsFilterBar.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementsFilterBar.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 */\n\nimport { useMemo } from 'react';\nimport { Button, Card, CardBody, Flex, Text } from '@backstage/ui';\nimport {\n  useCategories,\n  useTags,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Category,\n  Tag,\n} from '@backstage-community/plugin-announcements-common';\n\nimport { CategorySelectInput, TagsSelectInput } from '../shared';\nimport { useSearchParams } from 'react-router-dom';\n\nexport const AnnouncementsFilters = () => {\n  const { t } = useAnnouncementsTranslation();\n\n  const [searchParams, setSearchParams] = useSearchParams();\n\n  const { categories, loading: categoriesLoading } = useCategories();\n  const { tags, loading: tagsLoading } = useTags();\n\n  const handleCategoryChange = (category: Category | null) => {\n    const newParams = new URLSearchParams(searchParams);\n    if (category) {\n      newParams.set('category', category.slug);\n    } else {\n      newParams.delete('category');\n    }\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const handleTagsChange = (selectedTags: Tag[] | null) => {\n    const newParams = new URLSearchParams(searchParams);\n    if (selectedTags && selectedTags.length > 0) {\n      newParams.set('tags', selectedTags.map(tag => tag.slug).join(','));\n    } else {\n      newParams.delete('tags');\n    }\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const handleClearFilters = () => {\n    const newParams = new URLSearchParams(searchParams);\n    newParams.delete('category');\n    newParams.delete('tags');\n    setSearchParams(newParams, { replace: true });\n  };\n\n  const selectedTagsFromUrl = useMemo(() => {\n    const tagsParam = searchParams.get('tags');\n    if (!tagsParam || !tags) return [];\n\n    const tagSlugs = tagsParam.split(',').filter(Boolean);\n    return tagSlugs\n      .map(slug => tags.find(tag => tag.slug === slug))\n      .filter((tag): tag is Tag => tag !== undefined);\n  }, [searchParams, tags]);\n\n  const hasActiveFilters = useMemo(() => {\n    return (\n      searchParams.get('category') !== null || searchParams.get('tags') !== null\n    );\n  }, [searchParams]);\n\n  return (\n    <Flex justify=\"between\">\n      <Flex>\n        <Flex align=\"center\">\n          <Text variant=\"body-medium\" weight=\"bold\">\n            {t('announcementsPage.filter.label')}\n          </Text>\n        </Flex>\n\n        <CategorySelectInput\n          initialCategory={\n            categories?.find(c => c.slug === searchParams.get('category')) ??\n            undefined\n          }\n          categories={categories}\n          setCategory={handleCategoryChange}\n          isLoading={categoriesLoading}\n          hideLabel\n        />\n\n        <TagsSelectInput\n          initialTags={\n            selectedTagsFromUrl.length > 0 ? selectedTagsFromUrl : undefined\n          }\n          setTags={handleTagsChange}\n          tags={tags}\n          isLoading={tagsLoading}\n          hideLabel\n        />\n      </Flex>\n\n      <Flex justify=\"end\">\n        <Button\n          variant=\"secondary\"\n          onClick={handleClearFilters}\n          isDisabled={!hasActiveFilters}\n        >\n          {t('announcementsPage.filter.clear')}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport const AnnouncementsFilterBar = () => {\n  return (\n    <Card>\n      <CardBody>\n        <AnnouncementsFilters />\n      </CardBody>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -19,18 +19,15 @@ const AnnouncementsGrid = ({
   const handleChange = (_event, value) => {
     setPage(value);
   };
-  const { announcements, loading, error } = useAnnouncements(
-    {
-      max: maxPerPage,
-      page,
-      category,
-      tags,
-      active,
-      sortBy,
-      order
-    },
-    { dependencies: [maxPerPage, page, category, tags] }
-  );
+  const { announcements, loading, error } = useAnnouncements({
+    max: maxPerPage,
+    page,
+    category,
+    tags,
+    active,
+    sortBy,
+    order
+  });
   if (error) {
     return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Text, { color: "danger", children: t("announcementsPage.errorLoadingAnnouncements") }) }) });
   }

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsGrid.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementsGrid.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 } from 'react';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Pagination } from '@material-ui/lab';\nimport { Flex, Grid, Skeleton, Text, Card, CardBody } from '@backstage/ui';\nimport { AnnouncementCard } from './AnnouncementCard';\n\ntype AnnouncementsGridProps = {\n  maxPerPage: number;\n  category?: string;\n  tags?: string[];\n  active?: boolean;\n  sortBy?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\n  hideStartAt?: boolean;\n};\n\nexport const AnnouncementsGrid = ({\n  maxPerPage,\n  category,\n  tags,\n  active,\n  sortBy,\n  order,\n  hideStartAt,\n}: AnnouncementsGridProps) => {\n  const { t } = useAnnouncementsTranslation();\n\n  const [page, setPage] = useState(1);\n  const handleChange = (_event: any, value: number) => {\n    setPage(value);\n  };\n\n  const { announcements, loading, error } = useAnnouncements(\n    {\n      max: maxPerPage,\n      page,\n      category,\n      tags,\n      active,\n      sortBy,\n      order,\n    },\n    { dependencies: [maxPerPage, page, category, tags] },\n  );\n\n  if (error) {\n    return (\n      <Card>\n        <CardBody>\n          <Text color=\"danger\">\n            {t('announcementsPage.errorLoadingAnnouncements')}\n          </Text>\n        </CardBody>\n      </Card>\n    );\n  }\n\n  return (\n    <>\n      {!loading ? (\n        <Grid.Root columns={{ xs: '12', md: '2', lg: '3' }}>\n          {announcements.results.length > 0 &&\n            announcements.results.map(announcement => (\n              <Grid.Item key={announcement.id}>\n                <AnnouncementCard\n                  announcement={announcement}\n                  hideStartAt={hideStartAt}\n                />\n              </Grid.Item>\n            ))}\n\n          {announcements.results.length === 0 && (\n            <Grid.Item colSpan=\"12\">\n              <Card>\n                <CardBody>\n                  {category || tags ? (\n                    <Text>\n                      {t(\n                        'announcementsPage.filter.noFilteredAnnouncementsFound',\n                      )}\n                    </Text>\n                  ) : (\n                    <Text>{t('announcementsPage.noAnnouncementsFound')}</Text>\n                  )}\n                </CardBody>\n              </Card>\n            </Grid.Item>\n          )}\n        </Grid.Root>\n      ) : (\n        <Skeleton />\n      )}\n\n      {announcements.count > 0 && (\n        <Flex justify=\"center\" my=\"10\">\n          <Pagination\n            count={Math.ceil(announcements.count / maxPerPage)}\n            page={page}\n            onChange={handleChange}\n          />\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkCO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAa,KAAkB,KAAA;AACnD,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,EAAU,GAAA,gBAAA;AAAA,IACxC;AAAA,MACE,GAAK,EAAA,UAAA;AAAA,MACL,IAAA;AAAA,MACA,QAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,EAAE,YAAc,EAAA,CAAC,YAAY,IAAM,EAAA,QAAA,EAAU,IAAI,CAAE;AAAA,GACrD;AAEA,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,KAAM,EAAA,QAAA,EACT,QAAE,EAAA,CAAA,CAAA,6CAA6C,CAClD,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,OACA,mBAAA,IAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAU,OAAA,EAAS,EAAE,EAAA,EAAI,IAAM,EAAA,EAAA,EAAI,GAAK,EAAA,EAAA,EAAI,KAC1C,EAAA,QAAA,EAAA;AAAA,MAAc,aAAA,CAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,IAC9B,aAAc,CAAA,OAAA,CAAQ,IAAI,CACxB,YAAA,qBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA;AAAA;AAAA,OACF,EAAA,EAJc,YAAa,CAAA,EAK7B,CACD,CAAA;AAAA,MAEF,cAAc,OAAQ,CAAA,MAAA,KAAW,CAChC,oBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAU,OAAQ,EAAA,IAAA,EACjB,8BAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YACE,QAAY,EAAA,QAAA,IAAA,IAAA,uBACV,IACE,EAAA,EAAA,QAAA,EAAA,CAAA;AAAA,QACC;AAAA,OACF,EACF,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAM,YAAE,wCAAwC,CAAA,EAAE,CAEvD,EAAA,CAAA,EACF,CACF,EAAA;AAAA,KAEJ,EAAA,CAAA,uBAEC,QAAS,EAAA,EAAA,CAAA;AAAA,IAGX,aAAA,CAAc,QAAQ,CACrB,oBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,QAAA,EAAS,IAAG,IACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,IAAA,CAAK,IAAK,CAAA,aAAA,CAAc,QAAQ,UAAU,CAAA;AAAA,QACjD,IAAA;AAAA,QACA,QAAU,EAAA;AAAA;AAAA,KAEd,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnnouncementsGrid.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementsGrid.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 } from 'react';\nimport {\n  useAnnouncements,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Pagination } from '@material-ui/lab';\nimport { Flex, Grid, Skeleton, Text, Card, CardBody } from '@backstage/ui';\nimport { AnnouncementCard } from './AnnouncementCard';\n\ntype AnnouncementsGridProps = {\n  maxPerPage: number;\n  category?: string;\n  tags?: string[];\n  active?: boolean;\n  sortBy?: 'created_at' | 'start_at';\n  order?: 'asc' | 'desc';\n  hideStartAt?: boolean;\n};\n\nexport const AnnouncementsGrid = ({\n  maxPerPage,\n  category,\n  tags,\n  active,\n  sortBy,\n  order,\n  hideStartAt,\n}: AnnouncementsGridProps) => {\n  const { t } = useAnnouncementsTranslation();\n\n  const [page, setPage] = useState(1);\n  const handleChange = (_event: any, value: number) => {\n    setPage(value);\n  };\n\n  const { announcements, loading, error } = useAnnouncements({\n    max: maxPerPage,\n    page,\n    category,\n    tags,\n    active,\n    sortBy,\n    order,\n  });\n\n  if (error) {\n    return (\n      <Card>\n        <CardBody>\n          <Text color=\"danger\">\n            {t('announcementsPage.errorLoadingAnnouncements')}\n          </Text>\n        </CardBody>\n      </Card>\n    );\n  }\n\n  return (\n    <>\n      {!loading ? (\n        <Grid.Root columns={{ xs: '12', md: '2', lg: '3' }}>\n          {announcements.results.length > 0 &&\n            announcements.results.map(announcement => (\n              <Grid.Item key={announcement.id}>\n                <AnnouncementCard\n                  announcement={announcement}\n                  hideStartAt={hideStartAt}\n                />\n              </Grid.Item>\n            ))}\n\n          {announcements.results.length === 0 && (\n            <Grid.Item colSpan=\"12\">\n              <Card>\n                <CardBody>\n                  {category || tags ? (\n                    <Text>\n                      {t(\n                        'announcementsPage.filter.noFilteredAnnouncementsFound',\n                      )}\n                    </Text>\n                  ) : (\n                    <Text>{t('announcementsPage.noAnnouncementsFound')}</Text>\n                  )}\n                </CardBody>\n              </Card>\n            </Grid.Item>\n          )}\n        </Grid.Root>\n      ) : (\n        <Skeleton />\n      )}\n\n      {announcements.count > 0 && (\n        <Flex justify=\"center\" my=\"10\">\n          <Pagination\n            count={Math.ceil(announcements.count / maxPerPage)}\n            page={page}\n            onChange={handleChange}\n          />\n        </Flex>\n      )}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAkCO,MAAM,oBAAoB,CAAC;AAAA,EAChC,UAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA8B,KAAA;AAC5B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,CAAC,CAAA;AAClC,EAAM,MAAA,YAAA,GAAe,CAAC,MAAA,EAAa,KAAkB,KAAA;AACnD,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,EAAE,aAAA,EAAe,OAAS,EAAA,KAAA,KAAU,gBAAiB,CAAA;AAAA,IACzD,GAAK,EAAA,UAAA;AAAA,IACL,IAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,IAAI,KAAO,EAAA;AACT,IAAA,uBACG,GAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EACC,QAAC,kBAAA,GAAA,CAAA,IAAA,EAAA,EAAK,KAAM,EAAA,QAAA,EACT,QAAE,EAAA,CAAA,CAAA,6CAA6C,CAClD,EAAA,CAAA,EACF,CACF,EAAA,CAAA;AAAA;AAIJ,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,CAAC,OACA,mBAAA,IAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EAAU,OAAA,EAAS,EAAE,EAAA,EAAI,IAAM,EAAA,EAAA,EAAI,GAAK,EAAA,EAAA,EAAI,KAC1C,EAAA,QAAA,EAAA;AAAA,MAAc,aAAA,CAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,IAC9B,aAAc,CAAA,OAAA,CAAQ,IAAI,CACxB,YAAA,qBAAA,GAAA,CAAC,IAAK,CAAA,IAAA,EAAL,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,YAAA;AAAA,UACA;AAAA;AAAA,OACF,EAAA,EAJc,YAAa,CAAA,EAK7B,CACD,CAAA;AAAA,MAEF,cAAc,OAAQ,CAAA,MAAA,KAAW,CAChC,oBAAA,GAAA,CAAC,KAAK,IAAL,EAAA,EAAU,OAAQ,EAAA,IAAA,EACjB,8BAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YACE,QAAY,EAAA,QAAA,IAAA,IAAA,uBACV,IACE,EAAA,EAAA,QAAA,EAAA,CAAA;AAAA,QACC;AAAA,OACF,EACF,oBAEC,GAAA,CAAA,IAAA,EAAA,EAAM,YAAE,wCAAwC,CAAA,EAAE,CAEvD,EAAA,CAAA,EACF,CACF,EAAA;AAAA,KAEJ,EAAA,CAAA,uBAEC,QAAS,EAAA,EAAA,CAAA;AAAA,IAGX,aAAA,CAAc,QAAQ,CACrB,oBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,QAAA,EAAS,IAAG,IACxB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,IAAA,CAAK,IAAK,CAAA,aAAA,CAAc,QAAQ,UAAU,CAAA;AAAA,QACjD,IAAA;AAAA,QACA,QAAU,EAAA;AAAA;AAAA,KAEd,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}