@backstage-community/plugin-announcements 1.4.0 → 2.1.0

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

@@ -1,82 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import TextField from '@mui/material/TextField';
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
-import { useCategories, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import CircularProgress from '@mui/material/CircularProgress';
-
-const filter = createFilterOptions();
-function prepareCategoryFromInput(inputCategory, localizedCreate) {
-  return (typeof inputCategory === "string" ? inputCategory : inputCategory.title).replace(localizedCreate ? `${localizedCreate} ` : "Create ", "").replaceAll('"', "");
-}
-function CategoryInput({
-  setForm,
-  form,
-  initialValue
-}) {
-  const { categories, loading: categoriesLoading } = useCategories();
-  const { t } = useAnnouncementsTranslation();
-  return /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      fullWidth: true,
-      value: initialValue ?? "",
-      onChange: async (_, newValue) => {
-        if (!newValue) {
-          setForm({ ...form, category: void 0 });
-          return;
-        }
-        const newCategory = prepareCategoryFromInput(
-          newValue,
-          t("announcementForm.categoryInput.create")
-        );
-        setForm({ ...form, category: newCategory });
-      },
-      filterOptions: (options, params) => {
-        const filtered = filter(options, params);
-        const { inputValue } = params;
-        const isExisting = options.some(
-          (option) => inputValue.toLocaleLowerCase("en-US") === option.title.toLocaleLowerCase("en-US")
-        );
-        if (inputValue !== "" && !isExisting) {
-          filtered.push({
-            title: `${t(
-              "announcementForm.categoryInput.create"
-            )} "${inputValue}"`,
-            slug: inputValue.toLocaleLowerCase("en-US")
-          });
-        }
-        return filtered;
-      },
-      selectOnFocus: true,
-      handleHomeEndKeys: true,
-      loading: categoriesLoading,
-      id: "category-input-field",
-      options: categories || [],
-      getOptionLabel: (option) => {
-        return prepareCategoryFromInput(option);
-      },
-      renderOption: (props, option) => /* @__PURE__ */ jsx("li", { ...props, children: option.title }),
-      freeSolo: true,
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        TextField,
-        {
-          ...params,
-          id: "category",
-          label: t("announcementForm.categoryInput.label"),
-          variant: "outlined",
-          fullWidth: true,
-          InputProps: {
-            ...params.InputProps,
-            endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-              categoriesLoading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-              params.InputProps.endAdornment
-            ] })
-          }
-        }
-      )
-    }
-  );
-}
-
-export { CategoryInput as default };
-//# sourceMappingURL=CategoryInput.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CategoryInput.esm.js","sources":["../../../../../src/components/Admin/AnnouncementsContent/AnnouncementForm/CategoryInput.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { SetStateAction } from 'react';\nimport TextField from '@mui/material/TextField';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport {\n  useAnnouncementsTranslation,\n  useCategories,\n} from '@backstage-community/plugin-announcements-react';\nimport CircularProgress from '@mui/material/CircularProgress';\n\ntype CategoryInputProps = {\n  setForm: (\n    value: SetStateAction<{\n      category: string | undefined;\n      tags: string[] | undefined;\n      id: string;\n      publisher: string;\n      title: string;\n      excerpt: string;\n      body: string;\n      created_at: string;\n      active: boolean;\n      start_at: string;\n      until_date: string;\n      sendNotification: boolean;\n      updated_at: string;\n    }>,\n  ) => void;\n  form: {\n    category: string | undefined;\n    tags: string[] | undefined;\n    id: string;\n    publisher: string;\n    title: string;\n    excerpt: string;\n    body: string;\n    created_at: string;\n    active: boolean;\n    start_at: string;\n    until_date: string;\n    sendNotification: boolean;\n    updated_at: string;\n  };\n  initialValue: string;\n};\n\nconst filter = createFilterOptions<Category>();\n\nfunction prepareCategoryFromInput(\n  inputCategory: Category | string,\n  localizedCreate?: string,\n): string {\n  return (\n    typeof inputCategory === 'string' ? inputCategory : inputCategory.title\n  )\n    .replace(localizedCreate ? `${localizedCreate} ` : 'Create ', '')\n    .replaceAll('\"', '');\n}\n\nexport default function CategoryInput({\n  setForm,\n  form,\n  initialValue,\n}: CategoryInputProps) {\n  const { categories, loading: categoriesLoading } = useCategories();\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Autocomplete\n      fullWidth\n      value={initialValue ?? ''}\n      onChange={async (_, newValue) => {\n        if (!newValue) {\n          setForm({ ...form, category: undefined });\n          return;\n        }\n\n        const newCategory = prepareCategoryFromInput(\n          newValue,\n          t('announcementForm.categoryInput.create'),\n        );\n        setForm({ ...form, category: newCategory });\n      }}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params);\n        const { inputValue } = params;\n\n        /*\n          Suggest the creation of a new category. This adds the new value to the list of options\n          and creates the new category when the form is submitted.\n        */\n        const isExisting = options.some(\n          option =>\n            inputValue.toLocaleLowerCase('en-US') ===\n            option.title.toLocaleLowerCase('en-US'),\n        );\n        if (inputValue !== '' && !isExisting) {\n          filtered.push({\n            title: `${t(\n              'announcementForm.categoryInput.create',\n            )} \"${inputValue}\"`,\n            slug: inputValue.toLocaleLowerCase('en-US'),\n          });\n        }\n\n        return filtered;\n      }}\n      selectOnFocus\n      handleHomeEndKeys\n      loading={categoriesLoading}\n      id=\"category-input-field\"\n      options={categories || []}\n      getOptionLabel={option => {\n        // Value selected with enter, right from the input\n        return prepareCategoryFromInput(option);\n      }}\n      renderOption={(props, option) => <li {...props}>{option.title}</li>}\n      freeSolo\n      renderInput={params => (\n        <TextField\n          {...params}\n          id=\"category\"\n          label={t('announcementForm.categoryInput.label')}\n          variant=\"outlined\"\n          fullWidth\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {categoriesLoading ? (\n                  <CircularProgress color=\"inherit\" size={20} />\n                ) : null}\n                {params.InputProps.endAdornment}\n              </>\n            ),\n          }}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,81 +0,0 @@
-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 { 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") {
-    return team.spec?.profile?.displayName ?? "";
-  }
-  return "";
-}
-function OnBehalfTeamDropdown({
-  selectedTeam,
-  onChange
-}) {
-  const { t } = useAnnouncementsTranslation();
-  const identityApi = useApi(identityApiRef);
-  const { value: userOwns } = useAsync(async () => {
-    const identity = await identityApi.getBackstageIdentity();
-    return [identity.userEntityRef, ...identity.ownershipEntityRefs];
-  }, [identityApi]);
-  const { entities: teams, loading: teamsLoading } = useCatalogEntities(
-    userOwns,
-    // refs
-    "",
-    // searchTerm
-    "Group"
-    // kind
-  );
-  const teamOptions = useMemo(() => {
-    return teams.map((team) => ({
-      entityRef: stringifyEntityRef(team),
-      displayName: getTeamDisplayName(team)
-    }));
-  }, [teams]);
-  const selectedTeamOption = useMemo(() => {
-    return teamOptions.find((team) => team.entityRef === selectedTeam) || null;
-  }, [teamOptions, selectedTeam]);
-  return /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      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
-            ] })
-          }
-        }
-      )
-    }
-  );
-}
-
-export { OnBehalfTeamDropdown as default };
-//# sourceMappingURL=OnBehalfTeamDropdown.esm.js.map

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

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

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

@@ -1,100 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
-import Chip from '@mui/material/Chip';
-import CircularProgress from '@mui/material/CircularProgress';
-import { useTags, useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-
-const filter = createFilterOptions();
-function prepareTagFromInput(input) {
-  if (typeof input === "string") {
-    return input.toLocaleLowerCase("en-US");
-  }
-  if (input.inputValue) {
-    return input.inputValue.toLocaleLowerCase("en-US");
-  }
-  return input.title.toLocaleLowerCase("en-US");
-}
-function TagsInput({ setForm, form }) {
-  const { tags, loading } = useTags();
-  const { t } = useAnnouncementsTranslation();
-  const createLabel = t("announcementForm.tagsInput.create");
-  const existingTags = useMemo(() => {
-    if (!form.tags || form.tags.length === 0) return [];
-    return form.tags.map((tagSlug) => {
-      const foundTag = tags?.find((tag) => tag.slug === tagSlug);
-      return foundTag || { title: tagSlug, slug: tagSlug };
-    });
-  }, [form.tags, tags]);
-  const handleTagChange = (_event, newValue) => {
-    if (!newValue || newValue.length === 0) {
-      setForm({ ...form, tags: [] });
-      return;
-    }
-    const processedTags = newValue.map((item) => prepareTagFromInput(item));
-    const uniqueTags = Array.from(new Set(processedTags));
-    setForm({ ...form, tags: uniqueTags });
-  };
-  return /* @__PURE__ */ jsx(
-    Autocomplete,
-    {
-      fullWidth: true,
-      multiple: true,
-      freeSolo: true,
-      clearOnBlur: true,
-      value: existingTags,
-      onChange: handleTagChange,
-      options: tags || [],
-      loading,
-      getOptionLabel: (option) => typeof option === "string" ? option : option.title,
-      filterOptions: (options, params) => {
-        const filtered = filter(options, params);
-        const { inputValue } = params;
-        if (inputValue.trim() !== "" && !options.some(
-          (option) => typeof option !== "string" && inputValue.toLocaleLowerCase("en-US") === option.title.toLocaleLowerCase("en-US")
-        )) {
-          filtered.push({
-            title: `${createLabel} "${inputValue}"`,
-            slug: inputValue.toLocaleLowerCase("en-US"),
-            inputValue,
-            isNew: true
-          });
-        }
-        return filtered;
-      },
-      renderTags: (value, getTagProps) => value.map((option, index) => {
-        const tag = typeof option === "string" ? { title: option, slug: option.toLocaleLowerCase("en-US") } : option;
-        const tagProps = getTagProps({ index });
-        const { key, ...chipProps } = tagProps;
-        return /* @__PURE__ */ jsx(
-          Chip,
-          {
-            variant: "outlined",
-            label: tag.title,
-            ...chipProps
-          },
-          key
-        );
-      }),
-      renderInput: (params) => /* @__PURE__ */ jsx(
-        TextField,
-        {
-          ...params,
-          label: "Tags",
-          variant: "outlined",
-          InputProps: {
-            ...params.InputProps,
-            endAdornment: /* @__PURE__ */ jsxs(Fragment, { children: [
-              loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 20 }) : null,
-              params.InputProps.endAdornment
-            ] })
-          }
-        }
-      )
-    }
-  );
-}
-
-export { TagsInput as default };
-//# sourceMappingURL=TagsInput.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TagsInput.esm.js","sources":["../../../../../src/components/Admin/AnnouncementsContent/AnnouncementForm/TagsInput.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useMemo } from 'react';\nimport Autocomplete, { createFilterOptions } from '@mui/material/Autocomplete';\nimport TextField from '@mui/material/TextField';\nimport Chip from '@mui/material/Chip';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport {\n  useTags,\n  useAnnouncementsTranslation,\n} from '@backstage-community/plugin-announcements-react';\nimport { Tag } from '@backstage-community/plugin-announcements-common';\n\nexport interface TagOption extends Tag {\n  inputValue?: string;\n  isNew?: boolean;\n}\n\nconst filter = createFilterOptions<TagOption>();\n\nfunction prepareTagFromInput(input: string | TagOption): string {\n  if (typeof input === 'string') {\n    return input.toLocaleLowerCase('en-US');\n  }\n  if (input.inputValue) {\n    return input.inputValue.toLocaleLowerCase('en-US');\n  }\n  return input.title.toLocaleLowerCase('en-US');\n}\n\ninterface TagsInputProps {\n  setForm: (form: any) => void;\n  form: any;\n}\n\nexport default function TagsInput({ setForm, form }: TagsInputProps) {\n  const { tags, loading } = useTags();\n  const { t } = useAnnouncementsTranslation();\n  const createLabel = t('announcementForm.tagsInput.create');\n\n  const existingTags = useMemo(() => {\n    if (!form.tags || form.tags.length === 0) return [];\n    return form.tags.map((tagSlug: string) => {\n      const foundTag = tags?.find(tag => tag.slug === tagSlug);\n      return foundTag || { title: tagSlug, slug: tagSlug };\n    });\n  }, [form.tags, tags]);\n\n  const handleTagChange = (_event: any, newValue: (string | TagOption)[]) => {\n    if (!newValue || newValue.length === 0) {\n      setForm({ ...form, tags: [] });\n      return;\n    }\n\n    const processedTags = newValue.map(item => prepareTagFromInput(item));\n    const uniqueTags = Array.from(new Set(processedTags));\n\n    setForm({ ...form, tags: uniqueTags });\n  };\n\n  return (\n    <Autocomplete\n      fullWidth\n      multiple\n      freeSolo\n      clearOnBlur\n      value={existingTags}\n      onChange={handleTagChange}\n      options={tags || []}\n      loading={loading}\n      getOptionLabel={(option: string | TagOption) =>\n        typeof option === 'string' ? option : option.title\n      }\n      filterOptions={(options, params) => {\n        const filtered = filter(options as TagOption[], params);\n        const { inputValue } = params;\n        if (\n          inputValue.trim() !== '' &&\n          !options.some(\n            option =>\n              typeof option !== 'string' &&\n              inputValue.toLocaleLowerCase('en-US') ===\n                option.title.toLocaleLowerCase('en-US'),\n          )\n        ) {\n          filtered.push({\n            title: `${createLabel} \"${inputValue}\"`,\n            slug: inputValue.toLocaleLowerCase('en-US'),\n            inputValue,\n            isNew: true,\n          });\n        }\n        return filtered;\n      }}\n      renderTags={(value: (string | TagOption)[], getTagProps) =>\n        value.map((option, index) => {\n          const tag =\n            typeof option === 'string'\n              ? { title: option, slug: option.toLocaleLowerCase('en-US') }\n              : option;\n\n          const tagProps = getTagProps({ index });\n          const { key, ...chipProps } = tagProps;\n\n          return (\n            <Chip\n              key={key}\n              variant=\"outlined\"\n              label={tag.title}\n              {...chipProps}\n            />\n          );\n        })\n      }\n      renderInput={params => (\n        <TextField\n          {...params}\n          label=\"Tags\"\n          variant=\"outlined\"\n          InputProps={{\n            ...params.InputProps,\n            endAdornment: (\n              <>\n                {loading ? (\n                  <CircularProgress color=\"inherit\" size={20} />\n                ) : null}\n                {params.InputProps.endAdornment}\n              </>\n            ),\n          }}\n        />\n      )}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

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

@@ -1,305 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
-import { Progress, ErrorPanel, StatusOK, StatusPending, Table } from '@backstage/core-components';
-import { useApi, alertApiRef } from '@backstage/core-plugin-api';
-import { announcementsApiRef, useCategories, useAnnouncementsTranslation, useAnnouncementsPermissions } from '@backstage-community/plugin-announcements-react';
-import { announcementCreatePermission } from '@backstage-community/plugin-announcements-common';
-import useAsyncRetry from 'react-use/esm/useAsyncRetry';
-import { useDeleteDialogState } from '../shared/DeleteDialog/useDeleteDialogState.esm.js';
-import { DeleteDialog } from '../shared/DeleteDialog/DeleteDialog.esm.js';
-import { Typography, Box, IconButton, Grid, Button } from '@material-ui/core';
-import { useNavigate } from 'react-router-dom';
-import { AnnouncementForm } from './AnnouncementForm/AnnouncementForm.esm.js';
-import slugify from 'slugify';
-import { RequirePermission } from '@backstage/plugin-permission-react';
-import DeleteIcon from '@material-ui/icons/Delete';
-import EditIcon from '@material-ui/icons/Edit';
-import PreviewIcon from '@material-ui/icons/Visibility';
-import { DateTime } from 'luxon';
-
-const AnnouncementsContent = ({
-  defaultInactive
-}) => {
-  const alertApi = useApi(alertApiRef);
-  const announcementsApi = useApi(announcementsApiRef);
-  const navigate = useNavigate();
-  const { categories } = useCategories();
-  const { t } = useAnnouncementsTranslation();
-  const permissions = useAnnouncementsPermissions();
-  const [showCreateAnnouncementForm, setShowCreateAnnouncementForm] = useState(false);
-  const [editingAnnouncementId, setEditingAnnouncementId] = useState(null);
-  const {
-    loading,
-    error,
-    value: announcements,
-    retry
-  } = useAsyncRetry(async () => await announcementsApi.announcements({}));
-  const {
-    isOpen: isDeleteDialogOpen,
-    open: openDeleteDialog,
-    close: closeDeleteDialog,
-    item: announcementToDelete
-  } = useDeleteDialogState();
-  const onCreateButtonClick = () => {
-    setShowCreateAnnouncementForm(!showCreateAnnouncementForm);
-    setEditingAnnouncementId(null);
-  };
-  const onTitleClick = (announcement) => {
-    navigate(`/announcements/view/${announcement.id}`);
-  };
-  const onEdit = (announcement) => {
-    setEditingAnnouncementId(announcement.id);
-    setShowCreateAnnouncementForm(false);
-  };
-  const onCancelEdit = () => {
-    setEditingAnnouncementId(null);
-  };
-  const onCancelDelete = () => {
-    closeDeleteDialog();
-  };
-  const onConfirmDelete = async () => {
-    closeDeleteDialog();
-    try {
-      await announcementsApi.deleteAnnouncementByID(announcementToDelete.id);
-      alertApi.post({ message: "Announcement deleted.", severity: "success" });
-    } catch (err) {
-      alertApi.post({ message: err.message, severity: "error" });
-    }
-    retry();
-  };
-  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")
-      });
-      alertApi.post({ message: alertMsg, severity: "success" });
-      setShowCreateAnnouncementForm(false);
-      retry();
-    } catch (err) {
-      alertApi.post({ message: err.message, severity: "error" });
-    }
-  };
-  const onUpdate = async (request) => {
-    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" });
-      setEditingAnnouncementId(null);
-      retry();
-    } catch (err) {
-      alertApi.post({ message: err.message, severity: "error" });
-    }
-  };
-  const announcementToEdit = useMemo(() => {
-    if (!editingAnnouncementId || !announcements?.results) {
-      return null;
-    }
-    return announcements.results.find((a) => a.id === editingAnnouncementId) ?? null;
-  }, [editingAnnouncementId, announcements?.results]);
-  if (loading) {
-    return /* @__PURE__ */ jsx(Progress, {});
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(ErrorPanel, { error });
-  }
-  const columns = [
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.title") }),
-      sorting: true,
-      field: "title",
-      render: (rowData) => rowData.title
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.body") }),
-      sorting: true,
-      field: "body",
-      render: (rowData) => rowData.body
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.publisher") }),
-      sorting: true,
-      field: "publisher",
-      render: (rowData) => rowData.publisher
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.onBehalfOf") }),
-      sorting: true,
-      field: "on_behalf_of",
-      render: (rowData) => rowData.on_behalf_of
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.category") }),
-      sorting: true,
-      field: "category",
-      render: (rowData) => rowData.category?.title ?? ""
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.tags") }),
-      sorting: true,
-      field: "tags",
-      render: (rowData) => rowData.tags?.map((tag) => tag.title).join(", ") || ""
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.status") }),
-      sorting: true,
-      field: "active",
-      render: (rowData) => rowData.active ? /* @__PURE__ */ jsx(StatusOK, { children: t("admin.announcementsContent.table.active") }) : /* @__PURE__ */ jsx(StatusPending, { children: t("admin.announcementsContent.table.inactive") })
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.created_at") }),
-      sorting: true,
-      field: "created_at",
-      type: "date",
-      render: (rowData) => DateTime.fromISO(rowData.created_at).toFormat("M/d/yyyy")
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.start_at") }),
-      sorting: true,
-      field: "start_at",
-      type: "date",
-      render: (rowData) => DateTime.fromISO(rowData.start_at).toFormat("M/d/yyyy")
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.until_date") }),
-      sorting: true,
-      field: "until_date",
-      type: "date",
-      render: (rowData) => rowData?.until_date ? DateTime.fromISO(rowData.until_date).toFormat("M/d/yyyy") : "-"
-    },
-    {
-      title: /* @__PURE__ */ jsx(Typography, { children: t("admin.announcementsContent.table.actions") }),
-      render: (rowData) => {
-        return /* @__PURE__ */ jsxs(Box, { display: "flex", flexDirection: "row", children: [
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "preview",
-              onClick: () => onTitleClick(rowData),
-              size: "small",
-              children: /* @__PURE__ */ jsx(PreviewIcon, { fontSize: "small", "data-testid": "preview" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "edit",
-              disabled: permissions.update.loading || !permissions.update.allowed || editingAnnouncementId === rowData.id,
-              onClick: () => onEdit(rowData),
-              size: "small",
-              children: /* @__PURE__ */ jsx(EditIcon, { fontSize: "small", "data-testid": "edit-icon" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "delete",
-              disabled: permissions.delete.loading || !permissions.delete.allowed,
-              onClick: () => openDeleteDialog(rowData),
-              size: "small",
-              children: /* @__PURE__ */ jsx(DeleteIcon, { fontSize: "small", "data-testid": "delete-icon" })
-            }
-          )
-        ] });
-      }
-    }
-  ];
-  return /* @__PURE__ */ jsx(RequirePermission, { permission: announcementCreatePermission, children: /* @__PURE__ */ jsxs(Grid, { container: true, children: [
-    !editingAnnouncementId && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        disabled: permissions.create.loading || !permissions.create.allowed,
-        variant: "contained",
-        onClick: () => onCreateButtonClick(),
-        children: showCreateAnnouncementForm ? t("admin.announcementsContent.cancelButton") : t("admin.announcementsContent.createButton")
-      }
-    ) }),
-    showCreateAnnouncementForm && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(
-      AnnouncementForm,
-      {
-        initialData: { active: !defaultInactive },
-        onSubmit
-      }
-    ) }),
-    editingAnnouncementId && announcementToEdit && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsxs(
-        Box,
-        {
-          display: "flex",
-          justifyContent: "space-between",
-          style: { marginBottom: 16 },
-          children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("announcementForm.editAnnouncement") }),
-            /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: onCancelEdit, size: "small", children: t("admin.announcementsContent.cancelButton") })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        AnnouncementForm,
-        {
-          initialData: announcementToEdit,
-          onSubmit: onUpdate
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, children: [
-      /* @__PURE__ */ jsx(
-        Table,
-        {
-          title: t("admin.announcementsContent.announcements"),
-          options: { pageSize: 20, search: true },
-          columns,
-          data: announcements?.results ?? [],
-          emptyContent: /* @__PURE__ */ jsx(Typography, { style: { padding: 2, textAlign: "center" }, children: t("admin.announcementsContent.noAnnouncementsFound") })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        DeleteDialog,
-        {
-          isOpen: isDeleteDialogOpen,
-          onCancel: onCancelDelete,
-          onConfirm: onConfirmDelete
-        }
-      )
-    ] })
-  ] }) });
-};
-
-export { AnnouncementsContent };
-//# sourceMappingURL=AnnouncementsContent.esm.js.map