@backstage-community/plugin-announcements 2.0.0 → 2.2.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @backstage-community/plugin-announcements
 
+## 2.2.0
+
+### Minor Changes
+
+- 57c349e: `AnnouncementsOptions` has been dropped as an optional arg for the `useAnnouncements` hook in favor of handling state and dependencies internally.
+
+### Patch Changes
+
+- Updated dependencies [57c349e]
+  - @backstage-community/plugin-announcements-react@0.21.0
+
+## 2.1.0
+
+### Minor Changes
+
+- 99b4b52: Backstage version bump to v1.47.2
+
+### Patch Changes
+
+- 1a71b9a: The On Behalf Of form component is now rewritten with `@backstage/ui`. The announcements table will now display the on behalf of group alongside publisher if present.
+- 3e53912: The tags select component in the announcements form has been swapped with our new `@backstage/ui` select implementation
+- 44a0337: The category selection in the announcements form has been refactored to use the new `CategorySelectInput` and `CreateCategoryDialog` components written with `@backstage/ui`. Category creation is now handled through the same mechanism as the categories table.
+- 64a82b0: Updates all non-date related text inputs to use the `TextField` from `@backstage/ui`.
+- 6f6d4c8: Switch components in the announcements form have been migrated to use `@backstage/ui`. The "Send notifications" label now includes support for translations.
+- 41f738e: Updates the announcements form to use `@backstage/ui` for the following components:
+
+  - Box
+  - Button
+  - InfoCard -> Card, CardBody, CardHeader
+  - Grid
+  - Typography -> Text
+  - Paper -> _removed_
+  - Divider -> _removed_
+
+  These are minor changes that do not affect the functionality of the announcements form.
+
+- Updated dependencies [44a0337]
+- Updated dependencies [6f6d4c8]
+- Updated dependencies [99b4b52]
+  - @backstage-community/plugin-announcements-react@0.20.0
+  - @backstage-community/plugin-announcements-common@0.17.0
+
 ## 2.0.0
 
 ### Major Changes

package/dist/Router.esm.js

@@ -5,6 +5,9 @@ import { announcementCreatePermission } from '@backstage-community/plugin-announ
 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 '@backstage-community/plugin-announcements-react';
+import 'react';
+import '@backstage/ui';
 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';

package/dist/Router.esm.js.map

@@ -1 +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;;;;"}
+{"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

@@ -1,25 +1,22 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import MDEditor from '@uiw/react-md-editor';
 import { DateTime } from 'luxon';
 import slugify from 'slugify';
-import { InfoCard } from '@backstage/core-components';
-import { useApi, identityApiRef } from '@backstage/core-plugin-api';
-import { announcementsApiRef, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import CategoryInput from './CategoryInput.esm.js';
+import { useApi, identityApiRef, alertApiRef } from '@backstage/core-plugin-api';
+import { Card, CardHeader, Text, CardBody, Box, Grid, TextField, Flex, Button, Switch } from '@backstage/ui';
+import { RiAddLine, RiSave2Line } from '@remixicon/react';
+import { announcementsApiRef, useAnnouncementsTranslation, useCategories, useTags } from '@backstage-community/plugin-announcements-react';
+import '@backstage/frontend-plugin-api';
+import '../../../../../routes.esm.js';
+import '@backstage/plugin-catalog-react';
+import 'react-router-dom';
+import { CategorySelectInput } from '../../../shared/CategorySelectInput/CategorySelectInput.esm.js';
+import { TagsSelectInput } from '../../../shared/TagsSelectInput/TagsSelectInput.esm.js';
+import { CreateCategoryDialog } from '../../categories/CreateCategoryDialog.esm.js';
+import { CreateTagDialog } from '../../tags/CreateTagDialog.esm.js';
 import OnBehalfTeamDropdown from './OnBehalfTeamDropdown.esm.js';
-import TagsInput from './TagsInput.esm.js';
-import Box from '@mui/material/Box';
-import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import FormGroup from '@mui/material/FormGroup';
-import Grid from '@mui/material/Grid';
-import Paper from '@mui/material/Paper';
-import SaveAltIcon from '@mui/icons-material/SaveAlt';
-import Switch from '@mui/material/Switch';
-import TextField from '@mui/material/TextField';
-import Typography from '@mui/material/Typography';
+import MuiTextField from '@mui/material/TextField';
 
 const AnnouncementForm = ({
   initialData,
@@ -27,63 +24,114 @@ const AnnouncementForm = ({
 }) => {
   const identityApi = useApi(identityApiRef);
   const announcementsApi = useApi(announcementsApiRef);
+  const alertApi = useApi(alertApiRef);
   const { t } = useAnnouncementsTranslation();
+  const {
+    categories,
+    loading: categoriesLoading,
+    retry: refreshCategories
+  } = useCategories();
+  const { tags, loading: tagsLoading, retry: refreshTags } = useTags();
   const formattedStartAt = initialData.start_at ? DateTime.fromISO(initialData.start_at).toISODate() : DateTime.now().toISODate();
   const formattedUntilDate = initialData.until_date ? DateTime.fromISO(initialData.until_date).toISODate() : DateTime.now().endOf("day").plus({ days: 7 }).toISODate();
   const [form, setForm] = useState({
     ...initialData,
     active: initialData.active ?? true,
-    category: initialData.category?.slug,
+    category: initialData.category ?? null,
     start_at: formattedStartAt || "",
     until_date: formattedUntilDate || "",
-    tags: initialData.tags?.map((tag) => tag.slug) || void 0,
+    tags: initialData.tags ?? null,
     sendNotification: initialData.sendNotification ?? false
   });
   const [loading, setLoading] = useState(false);
   const [onBehalfOfSelectedTeam, setOnBehalfOfSelectedTeam] = useState(
     initialData.on_behalf_of || ""
   );
-  const handleChange = (event) => {
-    setForm({
-      ...form,
-      [event.target.id]: event.target.value
-    });
+  const [showCreateCategoryDialog, setShowCreateCategoryDialog] = useState(false);
+  const [showCreateTagDialog, setShowCreateTagDialog] = useState(false);
+  const handleCreateCategory = async (request) => {
+    const slugifiedTitle = slugify(request.title.trim(), { lower: true });
+    const existingCategory = categories.find(
+      (cat) => cat.slug === slugifiedTitle
+    );
+    if (existingCategory) {
+      alertApi.post({
+        message: t("categoriesForm.errors.alreadyExists"),
+        severity: "warning"
+      });
+      setForm((prevForm) => ({
+        ...prevForm,
+        category: existingCategory
+      }));
+      setShowCreateCategoryDialog(false);
+    } else {
+      try {
+        await announcementsApi.createCategory(request);
+        alertApi.post({
+          message: t("newCategoryDialog.createdMessage"),
+          severity: "success"
+        });
+        setShowCreateCategoryDialog(false);
+        refreshCategories();
+        setForm((prevForm) => ({
+          ...prevForm,
+          category: {
+            title: request.title,
+            slug: slugifiedTitle
+          }
+        }));
+      } catch (err) {
+        alertApi.post({ message: err.message, severity: "error" });
+      }
+    }
   };
-  const handleChangeActive = (event) => {
-    setForm({
-      ...form,
-      [event.target.name]: event.target.checked
-    });
+  const handleCreateTag = async (request) => {
+    const slugifiedTitle = slugify(request.title.trim(), { lower: true });
+    const existingTag = tags?.find((tag) => tag.slug === slugifiedTitle);
+    if (existingTag) {
+      alertApi.post({
+        message: t("tagsForm.errors.alreadyExists"),
+        severity: "warning"
+      });
+      setForm((prevForm) => ({
+        ...prevForm,
+        tags: [...prevForm.tags ?? [], existingTag]
+      }));
+      setShowCreateTagDialog(false);
+    } else {
+      try {
+        await announcementsApi.createTag(request);
+        alertApi.post({
+          message: t("newTagDialog.createdMessage"),
+          severity: "success"
+        });
+        setShowCreateTagDialog(false);
+        refreshTags();
+        const newTag = { title: request.title, slug: slugifiedTitle };
+        setForm((prevForm) => ({
+          ...prevForm,
+          tags: [...prevForm.tags ?? [], newTag]
+        }));
+      } catch (err) {
+        alertApi.post({ message: err.message, severity: "error" });
+      }
+    }
   };
   const handleSubmit = async (event) => {
     setLoading(true);
     event.preventDefault();
     const userIdentity = await identityApi.getBackstageIdentity();
-    if (form.tags && form.tags.length > 0) {
-      const existingTags = await announcementsApi.tags();
-      const processedTags = [];
-      for (const tagValue of form.tags) {
-        const slugifiedTag = slugify(tagValue.trim(), { lower: true });
-        if (existingTags.some((tag) => tag.slug === slugifiedTag)) {
-          processedTags.push(slugifiedTag);
-        } else {
-          try {
-            await announcementsApi.createTag({ title: tagValue });
-            processedTags.push(slugifiedTag);
-          } catch (error) {
-            if (error.status === 409) {
-              processedTags.push(slugifiedTag);
-            } else {
-              throw error;
-            }
-          }
-        }
-      }
-      form.tags = processedTags;
-    }
-    const { id, created_at, ...announcementData } = form;
+    const {
+      id,
+      created_at,
+      category,
+      tags: formTags,
+      ...announcementData
+    } = form;
     const createRequest = {
       ...announcementData,
+      category: category?.slug,
+      tags: formTags?.map((tag) => tag.slug),
       publisher: userIdentity.userEntityRef,
       on_behalf_of: onBehalfOfSelectedTeam
     };
@@ -95,68 +143,88 @@ const AnnouncementForm = ({
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsx(InfoCard, { children: /* @__PURE__ */ jsxs(Box, { p: 3, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "h5", gutterBottom: true, children: initialData.title ? t("announcementForm.editAnnouncement") : t("announcementForm.newAnnouncement") }),
-    /* @__PURE__ */ jsx(Divider, { sx: { mb: 3 } }),
-    /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Text, { variant: "title-small", children: initialData.title ? t("announcementForm.editAnnouncement") : t("announcementForm.newAnnouncement") }) }),
+    /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Box, { p: "3", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxs(Grid.Root, { columns: "12", children: [
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "12", children: /* @__PURE__ */ jsx(
         TextField,
         {
-          id: "title",
           label: t("announcementForm.title"),
           value: form.title,
-          onChange: handleChange,
-          variant: "outlined",
-          fullWidth: true,
-          required: true
+          onChange: (title) => setForm({ ...form, title }),
+          isRequired: true
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "12", children: /* @__PURE__ */ jsx(
         TextField,
         {
-          id: "excerpt",
           label: t("announcementForm.excerpt"),
           value: form.excerpt,
-          onChange: handleChange,
-          variant: "outlined",
-          fullWidth: true,
-          required: true,
-          multiline: true
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-        Paper,
-        {
-          variant: "outlined",
-          sx: { borderRadius: 2, borderColor: "divider", p: 2 },
-          children: /* @__PURE__ */ jsx(
-            MDEditor,
-            {
-              value: form.body,
-              style: { minHeight: "30rem" },
-              onChange: (value) => setForm({ ...form, ...{ body: value || "" } })
-            }
-          )
+          onChange: (excerpt) => setForm({ ...form, excerpt }),
+          isRequired: true
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, children: /* @__PURE__ */ jsx(
-        CategoryInput,
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "12", children: /* @__PURE__ */ jsx(
+        MDEditor,
         {
-          setForm,
-          form,
-          initialValue: initialData.category?.title ?? ""
+          value: form.body,
+          style: { minHeight: "30rem" },
+          onChange: (value) => setForm({ ...form, ...{ body: value || "" } })
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: { xs: "12", md: "4" }, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "end", children: [
+        /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+          CategorySelectInput,
+          {
+            initialCategory: form.category ?? void 0,
+            categories,
+            isLoading: categoriesLoading,
+            setCategory: (category) => setForm((prev) => ({ ...prev, category }))
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "create-category-icon-button",
+            variant: "secondary",
+            size: "small",
+            iconStart: /* @__PURE__ */ jsx(RiAddLine, {}),
+            onClick: () => setShowCreateCategoryDialog(true),
+            "aria-label": t("admin.categoriesContent.createButton")
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: { xs: "12", md: "4" }, children: /* @__PURE__ */ jsx(
         OnBehalfTeamDropdown,
         {
           selectedTeam: onBehalfOfSelectedTeam,
           onChange: setOnBehalfOfSelectedTeam
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 6, children: /* @__PURE__ */ jsx(TagsInput, { setForm, form }) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 3, children: /* @__PURE__ */ jsx(
-        TextField,
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: { xs: "12", md: "4" }, children: /* @__PURE__ */ jsxs(Flex, { gap: "2", align: "end", children: [
+        /* @__PURE__ */ jsx(Box, { style: { flex: 1 }, children: /* @__PURE__ */ jsx(
+          TagsSelectInput,
+          {
+            initialTags: form.tags ?? void 0,
+            tags,
+            isLoading: tagsLoading,
+            setTags: (selectedTags) => setForm((prev) => ({ ...prev, tags: selectedTags }))
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            "data-testid": "create-tag-icon-button",
+            variant: "secondary",
+            size: "small",
+            iconStart: /* @__PURE__ */ jsx(RiAddLine, {}),
+            onClick: () => setShowCreateTagDialog(true),
+            "aria-label": t("admin.tagsContent.createButton")
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: { xs: "12", md: "4" }, children: /* @__PURE__ */ jsx(
+        MuiTextField,
         {
           variant: "outlined",
           label: t("announcementForm.startAt"),
@@ -172,8 +240,8 @@ const AnnouncementForm = ({
           })
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, sm: 3, children: /* @__PURE__ */ jsx(
-        TextField,
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: { xs: "12", md: "4" }, children: /* @__PURE__ */ jsx(
+        MuiTextField,
         {
           variant: "outlined",
           label: t("announcementForm.untilDate"),
@@ -191,53 +259,53 @@ const AnnouncementForm = ({
           }
         }
       ) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Divider, {}) }),
-      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(FormGroup, { row: true, style: { justifyContent: "flex-end" }, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { colSpan: "12", children: /* @__PURE__ */ jsxs(Flex, { justify: "end", children: [
         /* @__PURE__ */ jsx(
-          FormControlLabel,
+          Switch,
           {
-            control: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                name: "active",
-                checked: form.active,
-                onChange: handleChangeActive,
-                color: "primary"
-              }
-            ),
-            label: t("announcementForm.active")
+            name: "active",
+            label: t("announcementForm.active"),
+            isSelected: form.active,
+            onChange: (isSelected) => setForm({ ...form, active: isSelected })
           }
         ),
         /* @__PURE__ */ jsx(
-          FormControlLabel,
+          Switch,
           {
-            control: /* @__PURE__ */ jsx(
-              Switch,
-              {
-                name: "sendNotification",
-                checked: form.sendNotification,
-                onChange: handleChangeActive,
-                color: "primary"
-              }
-            ),
-            label: "Send Notification"
+            name: "sendNotification",
+            label: t("announcementForm.sendNotification"),
+            isSelected: form.sendNotification,
+            onChange: (isSelected) => setForm({ ...form, sendNotification: isSelected })
           }
         ),
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "contained",
-            color: "primary",
             type: "submit",
-            disabled: loading || !form.body,
-            size: "large",
-            startIcon: /* @__PURE__ */ jsx(SaveAltIcon, {}),
+            isDisabled: loading || !form.body,
+            iconStart: /* @__PURE__ */ jsx(RiSave2Line, {}),
             children: t("announcementForm.submit")
           }
         )
       ] }) })
-    ] }) })
-  ] }) });
+    ] }) }) }) }),
+    /* @__PURE__ */ jsx(
+      CreateCategoryDialog,
+      {
+        open: showCreateCategoryDialog,
+        onConfirm: handleCreateCategory,
+        onCancel: () => setShowCreateCategoryDialog(false)
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      CreateTagDialog,
+      {
+        open: showCreateTagDialog,
+        onConfirm: handleCreateTag,
+        onCancel: () => setShowCreateTagDialog(false)
+      }
+    )
+  ] });
 };
 
 export { AnnouncementForm };

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

@@ -1 +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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"}
+{"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 FormEvent } from 'react';\nimport MDEditor from '@uiw/react-md-editor';\nimport { DateTime } from 'luxon';\nimport slugify from 'slugify';\nimport {\n  identityApiRef,\n  useApi,\n  alertApiRef,\n} from '@backstage/core-plugin-api';\nimport {\n  Box,\n  Button,\n  Card,\n  CardBody,\n  CardHeader,\n  Flex,\n  Grid,\n  Text,\n  TextField,\n  Switch,\n} from '@backstage/ui';\nimport { RiSave2Line, RiAddLine } from '@remixicon/react';\nimport {\n  CreateAnnouncementRequest,\n  CreateCategoryRequest,\n  CreateTagRequest,\n  useAnnouncementsTranslation,\n  announcementsApiRef,\n  useCategories,\n  useTags,\n} from '@backstage-community/plugin-announcements-react';\nimport {\n  Announcement,\n  Category,\n  Tag,\n} from '@backstage-community/plugin-announcements-common';\n\nimport { CategorySelectInput, TagsSelectInput } from '../../../shared';\nimport { CreateCategoryDialog } from '../../categories';\nimport { CreateTagDialog } from '../../tags';\nimport OnBehalfTeamDropdown from './OnBehalfTeamDropdown';\n\nimport MuiTextField from '@mui/material/TextField';\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 alertApi = useApi(alertApiRef);\n  const { t } = useAnnouncementsTranslation();\n  const {\n    categories,\n    loading: categoriesLoading,\n    retry: refreshCategories,\n  } = useCategories();\n  const { tags, loading: tagsLoading, retry: refreshTags } = useTags();\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 ?? null,\n    start_at: formattedStartAt || '',\n    until_date: formattedUntilDate || '',\n    tags: initialData.tags ?? null,\n    sendNotification: initialData.sendNotification ?? false,\n  });\n  const [loading, setLoading] = useState(false);\n  const [onBehalfOfSelectedTeam, setOnBehalfOfSelectedTeam] = useState(\n    initialData.on_behalf_of || '',\n  );\n  const [showCreateCategoryDialog, setShowCreateCategoryDialog] =\n    useState(false);\n  const [showCreateTagDialog, setShowCreateTagDialog] = useState(false);\n\n  const handleCreateCategory = async (request: CreateCategoryRequest) => {\n    const slugifiedTitle = slugify(request.title.trim(), { lower: true });\n    const existingCategory = categories.find(\n      cat => cat.slug === slugifiedTitle,\n    );\n\n    if (existingCategory) {\n      alertApi.post({\n        message: t('categoriesForm.errors.alreadyExists'),\n        severity: 'warning',\n      });\n\n      // Select the existing category in the form\n      setForm(prevForm => ({\n        ...prevForm,\n        category: existingCategory,\n      }));\n\n      setShowCreateCategoryDialog(false);\n    } else {\n      try {\n        await announcementsApi.createCategory(request);\n\n        alertApi.post({\n          message: t('newCategoryDialog.createdMessage'),\n          severity: 'success',\n        });\n\n        setShowCreateCategoryDialog(false);\n        refreshCategories();\n\n        // Select the new category in the form\n        setForm(prevForm => ({\n          ...prevForm,\n          category: {\n            title: request.title,\n            slug: slugifiedTitle,\n          },\n        }));\n      } catch (err) {\n        alertApi.post({ message: (err as Error).message, severity: 'error' });\n      }\n    }\n  };\n\n  const handleCreateTag = async (request: CreateTagRequest) => {\n    const slugifiedTitle = slugify(request.title.trim(), { lower: true });\n    const existingTag = tags?.find(tag => tag.slug === slugifiedTitle);\n\n    if (existingTag) {\n      alertApi.post({\n        message: t('tagsForm.errors.alreadyExists'),\n        severity: 'warning',\n      });\n\n      setForm(prevForm => ({\n        ...prevForm,\n        tags: [...(prevForm.tags ?? []), existingTag],\n      }));\n\n      setShowCreateTagDialog(false);\n    } else {\n      try {\n        await announcementsApi.createTag(request);\n\n        alertApi.post({\n          message: t('newTagDialog.createdMessage'),\n          severity: 'success',\n        });\n\n        setShowCreateTagDialog(false);\n        refreshTags();\n\n        const newTag = { title: request.title, slug: slugifiedTitle };\n\n        setForm(prevForm => ({\n          ...prevForm,\n          tags: [...(prevForm.tags ?? []), newTag],\n        }));\n      } catch (err) {\n        alertApi.post({ message: (err as Error).message, severity: 'error' });\n      }\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    const {\n      id,\n      created_at,\n      category,\n      tags: formTags,\n      ...announcementData\n    } = form;\n\n    const createRequest: CreateAnnouncementRequest = {\n      ...announcementData,\n      category: category?.slug,\n      tags: formTags?.map(tag => tag.slug),\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    <Card>\n      <CardHeader>\n        <Text variant=\"title-small\">\n          {initialData.title\n            ? t('announcementForm.editAnnouncement')\n            : t('announcementForm.newAnnouncement')}\n        </Text>\n      </CardHeader>\n\n      <CardBody>\n        <Box p=\"3\">\n          <form onSubmit={handleSubmit}>\n            <Grid.Root columns=\"12\">\n              <Grid.Item colSpan=\"12\">\n                <TextField\n                  label={t('announcementForm.title')}\n                  value={form.title}\n                  onChange={title => setForm({ ...form, title })}\n                  isRequired\n                />\n              </Grid.Item>\n\n              <Grid.Item colSpan=\"12\">\n                <TextField\n                  label={t('announcementForm.excerpt')}\n                  value={form.excerpt}\n                  onChange={excerpt => setForm({ ...form, excerpt })}\n                  isRequired\n                />\n              </Grid.Item>\n\n              <Grid.Item colSpan=\"12\">\n                <MDEditor\n                  value={form.body}\n                  style={{ minHeight: '30rem' }}\n                  onChange={value =>\n                    setForm({ ...form, ...{ body: value || '' } })\n                  }\n                />\n              </Grid.Item>\n\n              <Grid.Item colSpan={{ xs: '12', md: '4' }}>\n                <Flex gap=\"2\" align=\"end\">\n                  <Box style={{ flex: 1 }}>\n                    <CategorySelectInput\n                      initialCategory={form.category ?? undefined}\n                      categories={categories}\n                      isLoading={categoriesLoading}\n                      setCategory={(category: Category | null) =>\n                        setForm(prev => ({ ...prev, category }))\n                      }\n                    />\n                  </Box>\n\n                  <Button\n                    data-testid=\"create-category-icon-button\"\n                    variant=\"secondary\"\n                    size=\"small\"\n                    iconStart={<RiAddLine />}\n                    onClick={() => setShowCreateCategoryDialog(true)}\n                    aria-label={t('admin.categoriesContent.createButton')}\n                  />\n                </Flex>\n              </Grid.Item>\n\n              <Grid.Item colSpan={{ xs: '12', md: '4' }}>\n                <OnBehalfTeamDropdown\n                  selectedTeam={onBehalfOfSelectedTeam}\n                  onChange={setOnBehalfOfSelectedTeam}\n                />\n              </Grid.Item>\n\n              <Grid.Item colSpan={{ xs: '12', md: '4' }}>\n                <Flex gap=\"2\" align=\"end\">\n                  <Box style={{ flex: 1 }}>\n                    <TagsSelectInput\n                      initialTags={form.tags ?? undefined}\n                      tags={tags}\n                      isLoading={tagsLoading}\n                      setTags={(selectedTags: Tag[] | null) =>\n                        setForm(prev => ({ ...prev, tags: selectedTags }))\n                      }\n                    />\n                  </Box>\n\n                  <Button\n                    data-testid=\"create-tag-icon-button\"\n                    variant=\"secondary\"\n                    size=\"small\"\n                    iconStart={<RiAddLine />}\n                    onClick={() => setShowCreateTagDialog(true)}\n                    aria-label={t('admin.tagsContent.createButton')}\n                  />\n                </Flex>\n              </Grid.Item>\n\n              <Grid.Item colSpan={{ xs: '12', md: '4' }}>\n                <MuiTextField\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.Item>\n\n              <Grid.Item colSpan={{ xs: '12', md: '4' }}>\n                <MuiTextField\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.Item>\n\n              <Grid.Item colSpan=\"12\">\n                <Flex justify=\"end\">\n                  <Switch\n                    name=\"active\"\n                    label={t('announcementForm.active')}\n                    isSelected={form.active}\n                    onChange={isSelected =>\n                      setForm({ ...form, active: isSelected })\n                    }\n                  />\n                  <Switch\n                    name=\"sendNotification\"\n                    label={t('announcementForm.sendNotification')}\n                    isSelected={form.sendNotification}\n                    onChange={isSelected =>\n                      setForm({ ...form, sendNotification: isSelected })\n                    }\n                  />\n                  <Button\n                    type=\"submit\"\n                    isDisabled={loading || !form.body}\n                    iconStart={<RiSave2Line />}\n                  >\n                    {t('announcementForm.submit')}\n                  </Button>\n                </Flex>\n              </Grid.Item>\n            </Grid.Root>\n          </form>\n        </Box>\n      </CardBody>\n\n      <CreateCategoryDialog\n        open={showCreateCategoryDialog}\n        onConfirm={handleCreateCategory}\n        onCancel={() => setShowCreateCategoryDialog(false)}\n      />\n\n      <CreateTagDialog\n        open={showCreateTagDialog}\n        onConfirm={handleCreateTag}\n        onCancel={() => setShowCreateTagDialog(false)}\n      />\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}