@backstage-community/plugin-announcements 1.3.1 → 1.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementsTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsTableCard.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 { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { TablePagination, Card, CardBody, CardFooter } from '@backstage/ui';\n\nimport { AnnouncementsTable } from './AnnouncementsTable';\nimport { ActiveInactiveAnnouncementIndicator } from './ActiveInactiveAnnouncementIndicator';\n\n/**\n * @internal\n */\ntype AnnouncementsTableCardProps = {\n  announcements: 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 AnnouncementsTableCard = (props: AnnouncementsTableCardProps) => {\n  const {\n    announcements,\n    onPreviewClick,\n    onEditClick,\n    onDeleteClick,\n    canEdit,\n    canDelete,\n    editingAnnouncementId,\n  } = props;\n\n  const [pageSize, setPageSize] = useState(10);\n  const [offset, setOffset] = useState(0);\n\n  const paginatedAnnouncements = useMemo(() => {\n    const start = offset;\n    const end = offset + pageSize;\n    return announcements.slice(start, end);\n  }, [announcements, offset, pageSize]);\n\n  return (\n    <Card>\n      <CardBody>\n        <ActiveInactiveAnnouncementIndicator />\n\n        <AnnouncementsTable\n          data={paginatedAnnouncements}\n          onPreviewClick={onPreviewClick}\n          onEditClick={onEditClick}\n          onDeleteClick={onDeleteClick}\n          canEdit={canEdit}\n          canDelete={canDelete}\n          editingAnnouncementId={editingAnnouncementId}\n        />\n      </CardBody>\n\n      {announcements.length > 0 && (\n        <CardFooter>\n          <TablePagination\n            offset={offset}\n            pageSize={pageSize}\n            setOffset={setOffset}\n            setPageSize={setPageSize}\n            rowCount={announcements.length}\n          />\n        </CardFooter>\n      )}\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAsCa,MAAA,sBAAA,GAAyB,CAAC,KAAuC,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,EAAE,CAAA;AAC3C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AAEtC,EAAM,MAAA,sBAAA,GAAyB,QAAQ,MAAM;AAC3C,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAA,MAAM,MAAM,MAAS,GAAA,QAAA;AACrB,IAAO,OAAA,aAAA,CAAc,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA,GACpC,EAAA,CAAC,aAAe,EAAA,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAEpC,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,mCAAoC,EAAA,EAAA,CAAA;AAAA,sBAErC,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,sBAAA;AAAA,UACN,cAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA;AAAA,UACA,OAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF,KACF,EAAA,CAAA;AAAA,IAEC,aAAc,CAAA,MAAA,GAAS,CACtB,oBAAA,GAAA,CAAC,UACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAU,aAAc,CAAA;AAAA;AAAA,KAE5B,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"AnnouncementsTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/announcements/AnnouncementsTableCard.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 { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport { Card, CardBody, CardHeader, Text, Flex, Button } from '@backstage/ui';\n\nimport { AnnouncementsTable } from './AnnouncementsTable';\nimport { ActiveInactiveAnnouncementIndicator } from './ActiveInactiveAnnouncementIndicator';\n\n/**\n * @internal\n */\ntype AnnouncementsTableCardProps = {\n  announcements: Announcement[];\n  onPreviewClick: (announcement: Announcement) => void;\n  onEditClick: (announcement: Announcement) => void;\n  onDeleteClick: (announcement: Announcement) => void;\n  onCreateClick: () => void;\n  canEdit: boolean;\n  canDelete: boolean;\n  canCreate: boolean;\n  editingAnnouncementId?: string | null;\n};\n\n/**\n * @internal\n */\nexport const AnnouncementsTableCard = (props: AnnouncementsTableCardProps) => {\n  const {\n    announcements,\n    onPreviewClick,\n    onEditClick,\n    onDeleteClick,\n    onCreateClick,\n    canEdit,\n    canDelete,\n    canCreate,\n    editingAnnouncementId,\n  } = props;\n\n  const { t } = useAnnouncementsTranslation();\n\n  const title = `${t('admin.announcementsContent.announcements')} (${\n    announcements.length\n  })`;\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex justify=\"between\" align=\"center\">\n          <Text variant=\"title-x-small\">{title}</Text>\n          <Button isDisabled={!canCreate} onClick={onCreateClick}>\n            {t('admin.announcementsContent.createButton')}\n          </Button>\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <ActiveInactiveAnnouncementIndicator />\n\n        <AnnouncementsTable\n          data={announcements}\n          onPreviewClick={onPreviewClick}\n          onEditClick={onEditClick}\n          onDeleteClick={onDeleteClick}\n          canEdit={canEdit}\n          canDelete={canDelete}\n          editingAnnouncementId={editingAnnouncementId}\n        />\n      </CardBody>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAwCa,MAAA,sBAAA,GAAyB,CAAC,KAAuC,KAAA;AAC5E,EAAM,MAAA;AAAA,IACJ,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACE,GAAA,KAAA;AAEJ,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,QAAQ,CAAG,EAAA,CAAA,CAAE,0CAA0C,CAAC,CAAA,EAAA,EAC5D,cAAc,MAChB,CAAA,CAAA,CAAA;AAEA,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,SAAA,EAAU,OAAM,QAC5B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,eAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,UAAO,UAAY,EAAA,CAAC,WAAW,OAAS,EAAA,aAAA,EACtC,QAAE,EAAA,CAAA,CAAA,yCAAyC,CAC9C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,yBAEC,QACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,mCAAoC,EAAA,EAAA,CAAA;AAAA,sBAErC,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,IAAM,EAAA,aAAA;AAAA,UACN,cAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA;AAAA,UACA,OAAA;AAAA,UACA,SAAA;AAAA,UACA;AAAA;AAAA;AACF,KACF,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,51 +1,52 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Table, TableHeader, Column, TableBody, Row, CellText, Cell, ButtonIcon } from '@backstage/ui';
+import { jsx } from 'react/jsx-runtime';
+import { CellText, Cell, ButtonIcon, useTable, Table, Text } from '@backstage/ui';
 import { RiDeleteBinLine } from '@remixicon/react';
 import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
+import { useEffect } from 'react';
 
-const CategoriesTableEmptyState = () => {
-  const { t } = useAnnouncementsTranslation();
-  return /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(
-    CellText,
-    {
-      colSpan: 3,
-      title: t("admin.categoriesContent.table.noCategoriesFound")
-    }
-  ) });
-};
-const CategoryTableRow = (props) => {
-  const { category, onDeleteClick } = props;
-  return /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsx(CellText, { title: category.title }),
-    /* @__PURE__ */ jsx(CellText, { title: category.slug }),
-    /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
-      ButtonIcon,
-      {
-        icon: /* @__PURE__ */ jsx(RiDeleteBinLine, {}),
-        variant: "tertiary",
-        onClick: () => onDeleteClick(category)
-      }
-    ) })
-  ] }, category.slug);
-};
 const CategoriesTable = (props) => {
   const { data, onDeleteClick } = props;
   const { t } = useAnnouncementsTranslation();
-  return /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(Column, { id: "title", isRowHeader: true, children: t("admin.categoriesContent.table.title") }),
-      /* @__PURE__ */ jsx(Column, { id: "slug", children: t("admin.categoriesContent.table.slug") }),
-      /* @__PURE__ */ jsx(Column, { id: "actions", children: t("admin.categoriesContent.table.actions") })
-    ] }),
-    /* @__PURE__ */ jsx(TableBody, { children: data.length > 0 ? data.map((category) => /* @__PURE__ */ jsx(
-      CategoryTableRow,
-      {
-        category,
-        onDeleteClick
-      },
-      category.slug
-    )) : /* @__PURE__ */ jsx(CategoriesTableEmptyState, {}) })
-  ] });
+  const columns = [
+    {
+      id: "title",
+      label: t("admin.categoriesContent.table.title"),
+      isRowHeader: true,
+      cell: (category) => /* @__PURE__ */ jsx(CellText, { title: category.title })
+    },
+    {
+      id: "slug",
+      label: t("admin.categoriesContent.table.slug"),
+      cell: (category) => /* @__PURE__ */ jsx(CellText, { title: category.slug })
+    },
+    {
+      id: "actions",
+      label: t("admin.categoriesContent.table.actions"),
+      cell: (category) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          icon: /* @__PURE__ */ jsx(RiDeleteBinLine, {}),
+          variant: "tertiary",
+          onClick: () => onDeleteClick?.(category)
+        }
+      ) })
+    }
+  ];
+  const { tableProps, reload } = useTable({
+    mode: "complete",
+    getData: () => data.map((category) => ({ ...category, id: category.slug }))
+  });
+  useEffect(() => {
+    reload();
+  }, [data, reload]);
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      columnConfig: columns,
+      emptyState: /* @__PURE__ */ jsx(Text, { children: t("admin.categoriesContent.table.noCategoriesFound") }),
+      ...tableProps
+    }
+  );
 };
 
 export { CategoriesTable };

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

@@ -1 +1 @@
-{"version":3,"file":"CategoriesTable.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  CellText,\n  Column,\n  Row,\n  Table,\n  TableBody,\n  TableHeader,\n  Cell,\n  ButtonIcon,\n} from '@backstage/ui';\nimport { RiDeleteBinLine } from '@remixicon/react';\n\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\n\nconst CategoriesTableEmptyState = () => {\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Row>\n      <CellText\n        colSpan={3}\n        title={t('admin.categoriesContent.table.noCategoriesFound')}\n      />\n    </Row>\n  );\n};\n\ntype CategoryTableRowProps = {\n  category: Category;\n  onDeleteClick?: (category: Category) => void;\n};\n\nconst CategoryTableRow = (props: CategoryTableRowProps) => {\n  const { category, onDeleteClick } = props;\n\n  return (\n    <Row key={category.slug}>\n      <CellText title={category.title} />\n      <CellText title={category.slug} />\n      <Cell>\n        <ButtonIcon\n          icon={<RiDeleteBinLine />}\n          variant=\"tertiary\"\n          onClick={() => onDeleteClick!(category)}\n        />\n      </Cell>\n    </Row>\n  );\n};\n\n/**\n * @internal\n */\ntype CategoriesTableProps = {\n  data: Category[];\n  onDeleteClick?: (category: Category) => void;\n};\n\n/**\n * @internal\n */\nexport const CategoriesTable = (props: CategoriesTableProps) => {\n  const { data, onDeleteClick } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Table>\n      <TableHeader>\n        <Column id=\"title\" isRowHeader>\n          {t('admin.categoriesContent.table.title')}\n        </Column>\n        <Column id=\"slug\">{t('admin.categoriesContent.table.slug')}</Column>\n        <Column id=\"actions\">\n          {t('admin.categoriesContent.table.actions')}\n        </Column>\n      </TableHeader>\n      <TableBody>\n        {data.length > 0 ? (\n          data.map(category => (\n            <CategoryTableRow\n              key={category.slug}\n              category={category}\n              onDeleteClick={onDeleteClick}\n            />\n          ))\n        ) : (\n          <CategoriesTableEmptyState />\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,4BAA4B,MAAM;AACtC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,2BACG,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,OAAS,EAAA,CAAA;AAAA,MACT,KAAA,EAAO,EAAE,iDAAiD;AAAA;AAAA,GAE9D,EAAA,CAAA;AAEJ,CAAA;AAOA,MAAM,gBAAA,GAAmB,CAAC,KAAiC,KAAA;AACzD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,QAAA,CAAS,KAAO,EAAA,CAAA;AAAA,oBAChC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,QAAA,CAAS,IAAM,EAAA,CAAA;AAAA,wBAC/B,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,eAAgB,EAAA,EAAA,CAAA;AAAA,QACvB,OAAQ,EAAA,UAAA;AAAA,QACR,OAAA,EAAS,MAAM,aAAA,CAAe,QAAQ;AAAA;AAAA,KAE1C,EAAA;AAAA,GAAA,EAAA,EATQ,SAAS,IAUnB,CAAA;AAEJ,CAAA;AAaa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,KAAA;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,EAAG,EAAA,OAAA,EAAQ,aAAW,IAC3B,EAAA,QAAA,EAAA,CAAA,CAAE,qCAAqC,CAC1C,EAAA,CAAA;AAAA,0BACC,MAAO,EAAA,EAAA,EAAA,EAAG,MAAQ,EAAA,QAAA,EAAA,CAAA,CAAE,oCAAoC,CAAE,EAAA,CAAA;AAAA,0BAC1D,MAAO,EAAA,EAAA,EAAA,EAAG,SACR,EAAA,QAAA,EAAA,CAAA,CAAE,uCAAuC,CAC5C,EAAA;AAAA,KACF,EAAA,CAAA;AAAA,wBACC,SACE,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,SAAS,CACb,GAAA,IAAA,CAAK,IAAI,CACP,QAAA,qBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QAEC,QAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAFK,QAAS,CAAA;AAAA,KAIjB,CAAA,mBAEA,GAAA,CAAA,yBAAA,EAAA,EAA0B,CAE/B,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CategoriesTable.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesTable.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  CellText,\n  Cell,\n  ButtonIcon,\n  Table,\n  useTable,\n  type ColumnConfig,\n  TableItem,\n  Text,\n} from '@backstage/ui';\nimport { RiDeleteBinLine } from '@remixicon/react';\n\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport { useEffect } from 'react';\n\n/**\n * @internal\n */\ntype CategoriesTableProps = {\n  data: Category[];\n  onDeleteClick?: (category: Category) => void;\n};\n\ntype CategoryTableItem = TableItem & Category;\n\n/**\n * @internal\n */\nexport const CategoriesTable = (props: CategoriesTableProps) => {\n  const { data, onDeleteClick } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  const columns: ColumnConfig<CategoryTableItem>[] = [\n    {\n      id: 'title',\n      label: t('admin.categoriesContent.table.title'),\n      isRowHeader: true,\n      cell: category => <CellText title={category.title} />,\n    },\n    {\n      id: 'slug',\n      label: t('admin.categoriesContent.table.slug'),\n      cell: category => <CellText title={category.slug} />,\n    },\n    {\n      id: 'actions',\n      label: t('admin.categoriesContent.table.actions'),\n      cell: category => (\n        <Cell>\n          <ButtonIcon\n            icon={<RiDeleteBinLine />}\n            variant=\"tertiary\"\n            onClick={() => onDeleteClick?.(category)}\n          />\n        </Cell>\n      ),\n    },\n  ];\n\n  const { tableProps, reload } = useTable({\n    mode: 'complete',\n    getData: () => data.map(category => ({ ...category, id: category.slug })),\n  });\n\n  useEffect(() => {\n    reload();\n  }, [data, reload]);\n\n  return (\n    <Table\n      columnConfig={columns}\n      emptyState={\n        <Text>{t('admin.categoriesContent.table.noCategoriesFound')}</Text>\n      }\n      {...tableProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AA4Ca,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,KAAA;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,OAA6C,GAAA;AAAA,IACjD;AAAA,MACE,EAAI,EAAA,OAAA;AAAA,MACJ,KAAA,EAAO,EAAE,qCAAqC,CAAA;AAAA,MAC9C,WAAa,EAAA,IAAA;AAAA,MACb,MAAM,CAAY,QAAA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,SAAS,KAAO,EAAA;AAAA,KACrD;AAAA,IACA;AAAA,MACE,EAAI,EAAA,MAAA;AAAA,MACJ,KAAA,EAAO,EAAE,oCAAoC,CAAA;AAAA,MAC7C,MAAM,CAAY,QAAA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,SAAS,IAAM,EAAA;AAAA,KACpD;AAAA,IACA;AAAA,MACE,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,EAAE,uCAAuC,CAAA;AAAA,MAChD,IAAA,EAAM,CACJ,QAAA,qBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,eAAgB,EAAA,EAAA,CAAA;AAAA,UACvB,OAAQ,EAAA,UAAA;AAAA,UACR,OAAA,EAAS,MAAM,aAAA,GAAgB,QAAQ;AAAA;AAAA,OAE3C,EAAA;AAAA;AAEJ,GACF;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,MAAO,EAAA,GAAI,QAAS,CAAA;AAAA,IACtC,IAAM,EAAA,UAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAA,CAAK,GAAI,CAAA,CAAA,QAAA,MAAa,EAAE,GAAG,QAAU,EAAA,EAAA,EAAI,QAAS,CAAA,IAAA,EAAO,CAAA;AAAA,GACzE,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,MAAA,EAAA;AAAA,GACN,EAAA,CAAC,IAAM,EAAA,MAAM,CAAC,CAAA;AAEjB,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,OAAA;AAAA,MACd,UACE,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,iDAAiD,CAAE,EAAA,CAAA;AAAA,MAE7D,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

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

@@ -1,19 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
 import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import { Card, CardHeader, Flex, Text, Button, CardBody, CardFooter, TablePagination } from '@backstage/ui';
+import { Card, CardHeader, Flex, Text, Button, CardBody } from '@backstage/ui';
 import { CategoriesTable } from './CategoriesTable.esm.js';
 
 const CategoriesTableCard = (props) => {
   const { categories, onCreateClick, onDeleteClick, canCreate, canDelete } = props;
-  const [pageSize, setPageSize] = useState(5);
-  const [offset, setOffset] = useState(0);
   const { t } = useAnnouncementsTranslation();
-  const paginatedCategories = useMemo(() => {
-    const start = offset;
-    const end = offset + pageSize;
-    return categories.slice(start, end);
-  }, [categories, offset, pageSize]);
   const title = `${t("categoriesPage.title")} (${categories.length})`;
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", children: [
@@ -23,19 +15,9 @@ const CategoriesTableCard = (props) => {
     /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(
       CategoriesTable,
       {
-        data: paginatedCategories,
+        data: categories,
         onDeleteClick: canDelete ? onDeleteClick : void 0
       }
-    ) }),
-    categories.length > 0 && /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
-      TablePagination,
-      {
-        offset,
-        pageSize,
-        setOffset,
-        setPageSize,
-        rowCount: categories.length
-      }
     ) })
   ] });
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CategoriesTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesTableCard.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, useMemo } from 'react';\nimport { Category } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Button,\n  TablePagination,\n  Card,\n  CardBody,\n  CardFooter,\n  CardHeader,\n  Text,\n  Flex,\n} from '@backstage/ui';\n\nimport { CategoriesTable } from './CategoriesTable';\n\n/**\n * @internal\n */\ntype CategoriesTableCardProps = {\n  categories: Category[];\n  onCreateClick: () => void;\n  onDeleteClick: (category: Category) => void;\n  canCreate: boolean;\n  canDelete: boolean;\n};\n\n/**\n * @internal\n */\nexport const CategoriesTableCard = (props: CategoriesTableCardProps) => {\n  const { categories, onCreateClick, onDeleteClick, canCreate, canDelete } =\n    props;\n\n  const [pageSize, setPageSize] = useState(5);\n  const [offset, setOffset] = useState(0);\n  const { t } = useAnnouncementsTranslation();\n\n  const paginatedCategories = useMemo(() => {\n    const start = offset;\n    const end = offset + pageSize;\n    return categories.slice(start, end);\n  }, [categories, offset, pageSize]);\n\n  const title = `${t('categoriesPage.title')} (${categories.length})`;\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex justify=\"between\" align=\"center\">\n          <Text variant=\"title-x-small\">{title}</Text>\n          <Button isDisabled={!canCreate} onClick={onCreateClick}>\n            {t('admin.categoriesContent.createButton')}\n          </Button>\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <CategoriesTable\n          data={paginatedCategories}\n          onDeleteClick={canDelete ? onDeleteClick : undefined}\n        />\n      </CardBody>\n\n      {categories.length > 0 && (\n        <CardFooter>\n          <TablePagination\n            offset={offset}\n            pageSize={pageSize}\n            setOffset={setOffset}\n            setPageSize={setPageSize}\n            rowCount={categories.length}\n          />\n        </CardFooter>\n      )}\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA6Ca,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAA,MAAM,EAAE,UAAY,EAAA,aAAA,EAAe,aAAe,EAAA,SAAA,EAAW,WAC3D,GAAA,KAAA;AAEF,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AACtC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAM,MAAA,mBAAA,GAAsB,QAAQ,MAAM;AACxC,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAA,MAAM,MAAM,MAAS,GAAA,QAAA;AACrB,IAAO,OAAA,UAAA,CAAW,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA,GACjC,EAAA,CAAC,UAAY,EAAA,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAEjC,EAAA,MAAM,QAAQ,CAAG,EAAA,CAAA,CAAE,sBAAsB,CAAC,CAAA,EAAA,EAAK,WAAW,MAAM,CAAA,CAAA,CAAA;AAEhE,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,SAAA,EAAU,OAAM,QAC5B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,eAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,UAAO,UAAY,EAAA,CAAC,WAAW,OAAS,EAAA,aAAA,EACtC,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,wBAEC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,mBAAA;AAAA,QACN,aAAA,EAAe,YAAY,aAAgB,GAAA,KAAA;AAAA;AAAA,KAE/C,EAAA,CAAA;AAAA,IAEC,UAAW,CAAA,MAAA,GAAS,CACnB,oBAAA,GAAA,CAAC,UACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAU,UAAW,CAAA;AAAA;AAAA,KAEzB,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CategoriesTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/categories/CategoriesTableCard.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 { Category } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport { Button, Card, CardBody, CardHeader, Text, Flex } from '@backstage/ui';\n\nimport { CategoriesTable } from './CategoriesTable';\n\n/**\n * @internal\n */\ntype CategoriesTableCardProps = {\n  categories: Category[];\n  onCreateClick: () => void;\n  onDeleteClick: (category: Category) => void;\n  canCreate: boolean;\n  canDelete: boolean;\n};\n\n/**\n * @internal\n */\nexport const CategoriesTableCard = (props: CategoriesTableCardProps) => {\n  const { categories, onCreateClick, onDeleteClick, canCreate, canDelete } =\n    props;\n\n  const { t } = useAnnouncementsTranslation();\n\n  const title = `${t('categoriesPage.title')} (${categories.length})`;\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex justify=\"between\" align=\"center\">\n          <Text variant=\"title-x-small\">{title}</Text>\n          <Button isDisabled={!canCreate} onClick={onCreateClick}>\n            {t('admin.categoriesContent.createButton')}\n          </Button>\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <CategoriesTable\n          data={categories}\n          onDeleteClick={canDelete ? onDeleteClick : undefined}\n        />\n      </CardBody>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,mBAAA,GAAsB,CAAC,KAAoC,KAAA;AACtE,EAAA,MAAM,EAAE,UAAY,EAAA,aAAA,EAAe,aAAe,EAAA,SAAA,EAAW,WAC3D,GAAA,KAAA;AAEF,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,QAAQ,CAAG,EAAA,CAAA,CAAE,sBAAsB,CAAC,CAAA,EAAA,EAAK,WAAW,MAAM,CAAA,CAAA,CAAA;AAEhE,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,SAAA,EAAU,OAAM,QAC5B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,eAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,UAAO,UAAY,EAAA,CAAC,WAAW,OAAS,EAAA,aAAA,EACtC,QAAE,EAAA,CAAA,CAAA,sCAAsC,CAC3C,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,wBAEC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,UAAA;AAAA,QACN,aAAA,EAAe,YAAY,aAAgB,GAAA,KAAA;AAAA;AAAA,KAE/C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/alpha/components/admin/tags/TagsTable.esm.js

@@ -1,45 +1,52 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx } from 'react/jsx-runtime';
 import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import { Table, TableHeader, Column, TableBody, Row, CellText, Cell, ButtonIcon } from '@backstage/ui';
+import { CellText, Cell, ButtonIcon, useTable, Table, Text } from '@backstage/ui';
 import { RiDeleteBinLine } from '@remixicon/react';
+import { useEffect } from 'react';
 
-const TagsTableEmptyState = () => {
-  const { t } = useAnnouncementsTranslation();
-  return /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(CellText, { colSpan: 3, title: t("admin.tagsContent.table.noTagsFound") }) });
-};
-const TagTableRow = (props) => {
-  const { tag, onDeleteClick } = props;
-  return /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsx(CellText, { title: tag.title }),
-    /* @__PURE__ */ jsx(CellText, { title: tag.slug }),
-    /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
-      ButtonIcon,
-      {
-        icon: /* @__PURE__ */ jsx(RiDeleteBinLine, {}),
-        variant: "tertiary",
-        onClick: () => onDeleteClick(tag)
-      }
-    ) })
-  ] }, tag.slug);
-};
 const TagsTable = (props) => {
   const { data, onDeleteClick } = props;
   const { t } = useAnnouncementsTranslation();
-  return /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(Column, { id: "title", isRowHeader: true, children: t("admin.tagsContent.table.title") }),
-      /* @__PURE__ */ jsx(Column, { id: "slug", children: t("admin.tagsContent.table.slug") }),
-      /* @__PURE__ */ jsx(Column, { id: "actions", children: t("admin.tagsContent.table.actions") })
-    ] }),
-    /* @__PURE__ */ jsx(TableBody, { children: data.length > 0 ? data.map((tag) => /* @__PURE__ */ jsx(
-      TagTableRow,
-      {
-        tag,
-        onDeleteClick
-      },
-      tag.slug
-    )) : /* @__PURE__ */ jsx(TagsTableEmptyState, {}) })
-  ] });
+  const columns = [
+    {
+      id: "title",
+      label: t("admin.tagsContent.table.title"),
+      isRowHeader: true,
+      cell: (tag) => /* @__PURE__ */ jsx(CellText, { title: tag.title })
+    },
+    {
+      id: "slug",
+      label: t("admin.tagsContent.table.slug"),
+      cell: (tag) => /* @__PURE__ */ jsx(CellText, { title: tag.slug })
+    },
+    {
+      id: "actions",
+      label: t("admin.tagsContent.table.actions"),
+      cell: (tag) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          icon: /* @__PURE__ */ jsx(RiDeleteBinLine, {}),
+          variant: "tertiary",
+          onClick: () => onDeleteClick?.(tag)
+        }
+      ) })
+    }
+  ];
+  const { tableProps, reload } = useTable({
+    mode: "complete",
+    getData: () => data.map((tag) => ({ ...tag, id: tag.slug }))
+  });
+  useEffect(() => {
+    reload();
+  }, [data, reload]);
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      columnConfig: columns,
+      emptyState: /* @__PURE__ */ jsx(Text, { children: t("admin.tagsContent.table.noTagsFound") }),
+      ...tableProps
+    }
+  );
 };
 
 export { TagsTable };

package/dist/alpha/components/admin/tags/TagsTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsTable.esm.js","sources":["../../../../../src/alpha/components/admin/tags/TagsTable.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 */\n\nimport { Tag } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  CellText,\n  Column,\n  Row,\n  Table,\n  TableBody,\n  TableHeader,\n  Cell,\n  ButtonIcon,\n} from '@backstage/ui';\nimport { RiDeleteBinLine } from '@remixicon/react';\n\nconst TagsTableEmptyState = () => {\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Row>\n      <CellText colSpan={3} title={t('admin.tagsContent.table.noTagsFound')} />\n    </Row>\n  );\n};\n\ntype TagTableRowProps = {\n  tag: Tag;\n  onDeleteClick?: (tag: Tag) => void;\n};\n\nconst TagTableRow = (props: TagTableRowProps) => {\n  const { tag, onDeleteClick } = props;\n\n  return (\n    <Row key={tag.slug}>\n      <CellText title={tag.title} />\n      <CellText title={tag.slug} />\n      <Cell>\n        <ButtonIcon\n          icon={<RiDeleteBinLine />}\n          variant=\"tertiary\"\n          onClick={() => onDeleteClick!(tag)}\n        />\n      </Cell>\n    </Row>\n  );\n};\n\n/**\n * @internal\n */\ntype TagsTableProps = {\n  data: Tag[];\n  onDeleteClick?: (tag: Tag) => void;\n};\n\n/**\n * @internal\n */\nexport const TagsTable = (props: TagsTableProps) => {\n  const { data, onDeleteClick } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  return (\n    <Table>\n      <TableHeader>\n        <Column id=\"title\" isRowHeader>\n          {t('admin.tagsContent.table.title')}\n        </Column>\n        <Column id=\"slug\">{t('admin.tagsContent.table.slug')}</Column>\n        <Column id=\"actions\">{t('admin.tagsContent.table.actions')}</Column>\n      </TableHeader>\n      <TableBody>\n        {data.length > 0 ? (\n          data.map(tag => (\n            <TagTableRow\n              key={tag.slug}\n              tag={tag}\n              onDeleteClick={onDeleteClick}\n            />\n          ))\n        ) : (\n          <TagsTableEmptyState />\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,sBAAsB,MAAM;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EACE,uBAAA,GAAA,CAAC,GACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,OAAA,EAAS,GAAG,KAAO,EAAA,CAAA,CAAE,qCAAqC,CAAA,EAAG,CACzE,EAAA,CAAA;AAEJ,CAAA;AAOA,MAAM,WAAA,GAAc,CAAC,KAA4B,KAAA;AAC/C,EAAM,MAAA,EAAE,GAAK,EAAA,aAAA,EAAkB,GAAA,KAAA;AAE/B,EAAA,4BACG,GACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,GAAA,CAAI,KAAO,EAAA,CAAA;AAAA,oBAC3B,GAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,GAAA,CAAI,IAAM,EAAA,CAAA;AAAA,wBAC1B,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,IAAA,sBAAO,eAAgB,EAAA,EAAA,CAAA;AAAA,QACvB,OAAQ,EAAA,UAAA;AAAA,QACR,OAAA,EAAS,MAAM,aAAA,CAAe,GAAG;AAAA;AAAA,KAErC,EAAA;AAAA,GAAA,EAAA,EATQ,IAAI,IAUd,CAAA;AAEJ,CAAA;AAaa,MAAA,SAAA,GAAY,CAAC,KAA0B,KAAA;AAClD,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,KAAA;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,4BACG,KACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,WACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAO,EAAG,EAAA,OAAA,EAAQ,aAAW,IAC3B,EAAA,QAAA,EAAA,CAAA,CAAE,+BAA+B,CACpC,EAAA,CAAA;AAAA,0BACC,MAAO,EAAA,EAAA,EAAA,EAAG,MAAQ,EAAA,QAAA,EAAA,CAAA,CAAE,8BAA8B,CAAE,EAAA,CAAA;AAAA,0BACpD,MAAO,EAAA,EAAA,EAAA,EAAG,SAAW,EAAA,QAAA,EAAA,CAAA,CAAE,iCAAiC,CAAE,EAAA;AAAA,KAC7D,EAAA,CAAA;AAAA,wBACC,SACE,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,SAAS,CACb,GAAA,IAAA,CAAK,IAAI,CACP,GAAA,qBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QAEC,GAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAFK,GAAI,CAAA;AAAA,KAIZ,CAAA,mBAEA,GAAA,CAAA,mBAAA,EAAA,EAAoB,CAEzB,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagsTable.esm.js","sources":["../../../../../src/alpha/components/admin/tags/TagsTable.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 */\n\nimport { Tag } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  CellText,\n  Cell,\n  ButtonIcon,\n  Table,\n  useTable,\n  type ColumnConfig,\n  TableItem,\n  Text,\n} from '@backstage/ui';\nimport { RiDeleteBinLine } from '@remixicon/react';\nimport { useEffect } from 'react';\n\n/**\n * @internal\n */\ntype TagsTableProps = {\n  data: Tag[];\n  onDeleteClick?: (tag: Tag) => void;\n};\n\ntype TagTableItem = TableItem & Tag;\n\n/**\n * @internal\n */\nexport const TagsTable = (props: TagsTableProps) => {\n  const { data, onDeleteClick } = props;\n  const { t } = useAnnouncementsTranslation();\n\n  const columns: ColumnConfig<TagTableItem>[] = [\n    {\n      id: 'title',\n      label: t('admin.tagsContent.table.title'),\n      isRowHeader: true,\n      cell: tag => <CellText title={tag.title} />,\n    },\n    {\n      id: 'slug',\n      label: t('admin.tagsContent.table.slug'),\n      cell: tag => <CellText title={tag.slug} />,\n    },\n    {\n      id: 'actions',\n      label: t('admin.tagsContent.table.actions'),\n      cell: tag => (\n        <Cell>\n          <ButtonIcon\n            icon={<RiDeleteBinLine />}\n            variant=\"tertiary\"\n            onClick={() => onDeleteClick?.(tag)}\n          />\n        </Cell>\n      ),\n    },\n  ];\n\n  const { tableProps, reload } = useTable({\n    mode: 'complete',\n    getData: () => data.map(tag => ({ ...tag, id: tag.slug })),\n  });\n\n  useEffect(() => {\n    reload();\n  }, [data, reload]);\n\n  return (\n    <Table\n      columnConfig={columns}\n      emptyState={<Text>{t('admin.tagsContent.table.noTagsFound')}</Text>}\n      {...tableProps}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AA4Ca,MAAA,SAAA,GAAY,CAAC,KAA0B,KAAA;AAClD,EAAM,MAAA,EAAE,IAAM,EAAA,aAAA,EAAkB,GAAA,KAAA;AAChC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,OAAwC,GAAA;AAAA,IAC5C;AAAA,MACE,EAAI,EAAA,OAAA;AAAA,MACJ,KAAA,EAAO,EAAE,+BAA+B,CAAA;AAAA,MACxC,WAAa,EAAA,IAAA;AAAA,MACb,MAAM,CAAO,GAAA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,IAAI,KAAO,EAAA;AAAA,KAC3C;AAAA,IACA;AAAA,MACE,EAAI,EAAA,MAAA;AAAA,MACJ,KAAA,EAAO,EAAE,8BAA8B,CAAA;AAAA,MACvC,MAAM,CAAO,GAAA,qBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAO,IAAI,IAAM,EAAA;AAAA,KAC1C;AAAA,IACA;AAAA,MACE,EAAI,EAAA,SAAA;AAAA,MACJ,KAAA,EAAO,EAAE,iCAAiC,CAAA;AAAA,MAC1C,IAAA,EAAM,CACJ,GAAA,qBAAA,GAAA,CAAC,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,IAAA,sBAAO,eAAgB,EAAA,EAAA,CAAA;AAAA,UACvB,OAAQ,EAAA,UAAA;AAAA,UACR,OAAA,EAAS,MAAM,aAAA,GAAgB,GAAG;AAAA;AAAA,OAEtC,EAAA;AAAA;AAEJ,GACF;AAEA,EAAA,MAAM,EAAE,UAAA,EAAY,MAAO,EAAA,GAAI,QAAS,CAAA;AAAA,IACtC,IAAM,EAAA,UAAA;AAAA,IACN,OAAA,EAAS,MAAM,IAAA,CAAK,GAAI,CAAA,CAAA,GAAA,MAAQ,EAAE,GAAG,GAAK,EAAA,EAAA,EAAI,GAAI,CAAA,IAAA,EAAO,CAAA;AAAA,GAC1D,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,MAAA,EAAA;AAAA,GACN,EAAA,CAAC,IAAM,EAAA,MAAM,CAAC,CAAA;AAEjB,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,YAAc,EAAA,OAAA;AAAA,MACd,UAAY,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,QAAA,EAAA,CAAA,CAAE,qCAAqC,CAAE,EAAA,CAAA;AAAA,MAC3D,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist/alpha/components/admin/tags/TagsTableCard.esm.js

@@ -1,19 +1,11 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useMemo } from 'react';
 import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import { Card, CardHeader, Flex, Text, Button, CardBody, CardFooter, TablePagination } from '@backstage/ui';
+import { Card, CardHeader, Flex, Text, Button, CardBody } from '@backstage/ui';
 import { TagsTable } from './TagsTable.esm.js';
 
 const TagsTableCard = (props) => {
   const { tags, onCreateClick, onDeleteClick, canCreate, canDelete } = props;
-  const [pageSize, setPageSize] = useState(5);
-  const [offset, setOffset] = useState(0);
   const { t } = useAnnouncementsTranslation();
-  const paginatedTags = useMemo(() => {
-    const start = offset;
-    const end = offset + pageSize;
-    return tags.slice(start, end);
-  }, [tags, offset, pageSize]);
   const title = `${t("tagsPage.title")} (${tags.length})`;
   return /* @__PURE__ */ jsxs(Card, { children: [
     /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(Flex, { justify: "between", align: "center", children: [
@@ -23,19 +15,9 @@ const TagsTableCard = (props) => {
     /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(
       TagsTable,
       {
-        data: paginatedTags,
+        data: tags,
         onDeleteClick: canDelete ? onDeleteClick : void 0
       }
-    ) }),
-    tags.length > 0 && /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(
-      TablePagination,
-      {
-        offset,
-        pageSize,
-        setOffset,
-        setPageSize,
-        rowCount: tags.length
-      }
     ) })
   ] });
 };

package/dist/alpha/components/admin/tags/TagsTableCard.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagsTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/tags/TagsTableCard.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, useMemo } from 'react';\nimport { Tag } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Button,\n  TablePagination,\n  Card,\n  CardBody,\n  CardFooter,\n  CardHeader,\n  Text,\n  Flex,\n} from '@backstage/ui';\n\nimport { TagsTable } from './TagsTable';\n\n/**\n * @internal\n */\ntype TagsTableCardProps = {\n  tags: Tag[];\n  onCreateClick: () => void;\n  onDeleteClick: (tag: Tag) => void;\n  canCreate: boolean;\n  canDelete: boolean;\n};\n\n/**\n * @internal\n */\nexport const TagsTableCard = (props: TagsTableCardProps) => {\n  const { tags, onCreateClick, onDeleteClick, canCreate, canDelete } = props;\n\n  const [pageSize, setPageSize] = useState(5);\n  const [offset, setOffset] = useState(0);\n  const { t } = useAnnouncementsTranslation();\n\n  const paginatedTags = useMemo(() => {\n    const start = offset;\n    const end = offset + pageSize;\n    return tags.slice(start, end);\n  }, [tags, offset, pageSize]);\n\n  const title = `${t('tagsPage.title')} (${tags.length})`;\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex justify=\"between\" align=\"center\">\n          <Text variant=\"title-x-small\">{title}</Text>\n          <Button isDisabled={!canCreate} onClick={onCreateClick}>\n            {t('admin.tagsContent.createButton')}\n          </Button>\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <TagsTable\n          data={paginatedTags}\n          onDeleteClick={canDelete ? onDeleteClick : undefined}\n        />\n      </CardBody>\n\n      {tags.length > 0 && (\n        <CardFooter>\n          <TablePagination\n            offset={offset}\n            pageSize={pageSize}\n            setOffset={setOffset}\n            setPageSize={setPageSize}\n            rowCount={tags.length}\n          />\n        </CardFooter>\n      )}\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA6Ca,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,IAAM,EAAA,aAAA,EAAe,aAAe,EAAA,SAAA,EAAW,WAAc,GAAA,KAAA;AAErE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,CAAC,CAAA;AAC1C,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAI,SAAS,CAAC,CAAA;AACtC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAM,MAAA,aAAA,GAAgB,QAAQ,MAAM;AAClC,IAAA,MAAM,KAAQ,GAAA,MAAA;AACd,IAAA,MAAM,MAAM,MAAS,GAAA,QAAA;AACrB,IAAO,OAAA,IAAA,CAAK,KAAM,CAAA,KAAA,EAAO,GAAG,CAAA;AAAA,GAC3B,EAAA,CAAC,IAAM,EAAA,MAAA,EAAQ,QAAQ,CAAC,CAAA;AAE3B,EAAA,MAAM,QAAQ,CAAG,EAAA,CAAA,CAAE,gBAAgB,CAAC,CAAA,EAAA,EAAK,KAAK,MAAM,CAAA,CAAA,CAAA;AAEpD,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,SAAA,EAAU,OAAM,QAC5B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,eAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,UAAO,UAAY,EAAA,CAAC,WAAW,OAAS,EAAA,aAAA,EACtC,QAAE,EAAA,CAAA,CAAA,gCAAgC,CACrC,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,wBAEC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,aAAA;AAAA,QACN,aAAA,EAAe,YAAY,aAAgB,GAAA,KAAA;AAAA;AAAA,KAE/C,EAAA,CAAA;AAAA,IAEC,IAAK,CAAA,MAAA,GAAS,CACb,oBAAA,GAAA,CAAC,UACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,QAAA;AAAA,QACA,SAAA;AAAA,QACA,WAAA;AAAA,QACA,UAAU,IAAK,CAAA;AAAA;AAAA,KAEnB,EAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TagsTableCard.esm.js","sources":["../../../../../src/alpha/components/admin/tags/TagsTableCard.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 { Tag } from '@backstage-community/plugin-announcements-common';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport { Button, Card, CardBody, CardHeader, Text, Flex } from '@backstage/ui';\n\nimport { TagsTable } from './TagsTable';\n\n/**\n * @internal\n */\ntype TagsTableCardProps = {\n  tags: Tag[];\n  onCreateClick: () => void;\n  onDeleteClick: (tag: Tag) => void;\n  canCreate: boolean;\n  canDelete: boolean;\n};\n\n/**\n * @internal\n */\nexport const TagsTableCard = (props: TagsTableCardProps) => {\n  const { tags, onCreateClick, onDeleteClick, canCreate, canDelete } = props;\n\n  const { t } = useAnnouncementsTranslation();\n\n  const title = `${t('tagsPage.title')} (${tags.length})`;\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex justify=\"between\" align=\"center\">\n          <Text variant=\"title-x-small\">{title}</Text>\n          <Button isDisabled={!canCreate} onClick={onCreateClick}>\n            {t('admin.tagsContent.createButton')}\n          </Button>\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <TagsTable\n          data={tags}\n          onDeleteClick={canDelete ? onDeleteClick : undefined}\n        />\n      </CardBody>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;AAmCa,MAAA,aAAA,GAAgB,CAAC,KAA8B,KAAA;AAC1D,EAAA,MAAM,EAAE,IAAM,EAAA,aAAA,EAAe,aAAe,EAAA,SAAA,EAAW,WAAc,GAAA,KAAA;AAErE,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,QAAQ,CAAG,EAAA,CAAA,CAAE,gBAAgB,CAAC,CAAA,EAAA,EAAK,KAAK,MAAM,CAAA,CAAA,CAAA;AAEpD,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,SAAA,EAAU,OAAM,QAC5B,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,eAAA,EAAiB,QAAM,EAAA,KAAA,EAAA,CAAA;AAAA,sBACrC,GAAA,CAAC,UAAO,UAAY,EAAA,CAAC,WAAW,OAAS,EAAA,aAAA,EACtC,QAAE,EAAA,CAAA,CAAA,gCAAgC,CACrC,EAAA;AAAA,KAAA,EACF,CACF,EAAA,CAAA;AAAA,wBAEC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,IAAA;AAAA,QACN,aAAA,EAAe,YAAY,aAAgB,GAAA,KAAA;AAAA;AAAA,KAE/C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,45 +1,24 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { DateTime } from 'luxon';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRouteRef } from '@backstage/core-plugin-api';
-import { EntityRefLink } from '@backstage/plugin-catalog-react';
 import { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';
-import { Box, Text, Link, Card, CardHeader, Flex, CardBody, CardFooter, TagGroup, Tag } from '@backstage/ui';
+import { Box, Text, Card, CardHeader, Flex, Link, CardBody, CardFooter } from '@backstage/ui';
 import { formatAnnouncementStartTime } from '../../../components/utils/announcementDateUtils.esm.js';
-import { rootRouteRef, announcementViewRouteRef } from '../../../routes.esm.js';
+import { announcementViewRouteRef } from '../../../routes.esm.js';
+import { AnnouncementTags } from '../shared/AnnouncementTags/AnnouncementTags.esm.js';
+import { AnnouncementPublishedBy } from '../shared/AnnouncementPublishedBy/AnnouncementPublishedBy.esm.js';
+import '@backstage/frontend-plugin-api';
+import '@remixicon/react';
+import 'react-router-dom';
+import 'react';
 
 const AnnouncementCard = ({
   announcement,
   hideStartAt
 }) => {
-  const announcementsLink = useRouteRef(rootRouteRef);
-  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
   const { t } = useAnnouncementsTranslation();
+  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);
   const subTitle = /* @__PURE__ */ jsxs(Box, { mt: "1", children: [
-    /* @__PURE__ */ jsxs(Text, { variant: "body-small", as: "span", children: [
-      t("announcementsPage.card.by"),
-      " ",
-      /* @__PURE__ */ jsx(
-        EntityRefLink,
-        {
-          entityRef: announcement.on_behalf_of || announcement.publisher,
-          hideIcon: true
-        }
-      ),
-      announcement.category && /* @__PURE__ */ jsxs(Fragment, { children: [
-        " ",
-        t("announcementsPage.card.in"),
-        " ",
-        /* @__PURE__ */ jsx(
-          Link,
-          {
-            href: `${announcementsLink()}?category=${announcement.category.slug}`,
-            children: announcement.category.title
-          }
-        )
-      ] }),
-      ", ",
-      DateTime.fromISO(announcement.created_at).toRelative()
-    ] }),
+    /* @__PURE__ */ jsx(AnnouncementPublishedBy, { announcement }),
     !hideStartAt && /* @__PURE__ */ jsx(Text, { variant: "body-x-small", as: "p", children: formatAnnouncementStartTime(
       announcement.start_at,
       t("announcementsCard.occurred"),
@@ -61,15 +40,7 @@ const AnnouncementCard = ({
       subTitle
     ] }) }),
     /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(Text, { children: announcement.excerpt }) }),
-    /* @__PURE__ */ jsx(CardFooter, { children: announcement.tags && announcement.tags.length > 0 && /* @__PURE__ */ jsx(TagGroup, { "aria-label": "Announcement Tags", children: announcement.tags.map((tag) => /* @__PURE__ */ jsx(
-      Tag,
-      {
-        size: "small",
-        href: `${announcementsLink()}?tags=${tag.slug}`,
-        children: tag.title
-      },
-      tag.slug
-    )) }) })
+    /* @__PURE__ */ jsx(CardFooter, { children: /* @__PURE__ */ jsx(AnnouncementTags, { tags: announcement.tags }) })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementCard.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementCard.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 { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { DateTime } from 'luxon';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Box,\n  CardFooter,\n  Text,\n  Card,\n  CardHeader,\n  CardBody,\n  Link,\n  Tag,\n  TagGroup,\n  Flex,\n} from '@backstage/ui';\nimport { formatAnnouncementStartTime } from '../../../components/utils/announcementDateUtils';\nimport { rootRouteRef, announcementViewRouteRef } from '../../../routes';\n\ntype AnnouncementCardProps = {\n  announcement: Announcement;\n  hideStartAt?: boolean;\n};\n\nexport const AnnouncementCard = ({\n  announcement,\n  hideStartAt,\n}: AnnouncementCardProps) => {\n  const announcementsLink = useRouteRef(rootRouteRef);\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n  const { t } = useAnnouncementsTranslation();\n\n  const subTitle = (\n    <Box mt=\"1\">\n      <Text variant=\"body-small\" as=\"span\">\n        {t('announcementsPage.card.by')}{' '}\n        <EntityRefLink\n          entityRef={announcement.on_behalf_of || announcement.publisher}\n          hideIcon\n        />\n        {announcement.category && (\n          <>\n            {' '}\n            {t('announcementsPage.card.in')}{' '}\n            <Link\n              href={`${announcementsLink()}?category=${\n                announcement.category.slug\n              }`}\n            >\n              {announcement.category.title}\n            </Link>\n          </>\n        )}\n        , {DateTime.fromISO(announcement.created_at).toRelative()}\n      </Text>\n\n      {!hideStartAt && (\n        <Text variant=\"body-x-small\" as=\"p\">\n          {formatAnnouncementStartTime(\n            announcement.start_at,\n            t('announcementsCard.occurred'),\n            t('announcementsCard.scheduled'),\n            t('announcementsCard.today'),\n          )}\n        </Text>\n      )}\n    </Box>\n  );\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex direction=\"column\" gap=\"2\">\n          <Link\n            variant=\"title-x-small\"\n            href={viewAnnouncementLink({ id: announcement.id })}\n            truncate\n          >\n            {announcement.title}\n          </Link>\n\n          {subTitle}\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <Text>{announcement.excerpt}</Text>\n      </CardBody>\n\n      <CardFooter>\n        {announcement.tags && announcement.tags.length > 0 && (\n          <TagGroup aria-label=\"Announcement Tags\">\n            {announcement.tags.map(tag => (\n              <Tag\n                key={tag.slug}\n                size=\"small\"\n                href={`${announcementsLink()}?tags=${tag.slug}`}\n              >\n                {tag.title}\n              </Tag>\n            ))}\n          </TagGroup>\n        )}\n      </CardFooter>\n    </Card>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"AnnouncementCard.esm.js","sources":["../../../../src/alpha/components/announcements/AnnouncementCard.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 { Announcement } from '@backstage-community/plugin-announcements-common';\nimport { useRouteRef } from '@backstage/core-plugin-api';\nimport { useAnnouncementsTranslation } from '@backstage-community/plugin-announcements-react';\nimport {\n  Box,\n  CardFooter,\n  Text,\n  Card,\n  CardHeader,\n  CardBody,\n  Link,\n  Flex,\n} from '@backstage/ui';\nimport { formatAnnouncementStartTime } from '../../../components/utils/announcementDateUtils';\nimport { announcementViewRouteRef } from '../../../routes';\nimport { AnnouncementPublishedBy, AnnouncementTags } from '../shared';\n\ntype AnnouncementCardProps = {\n  announcement: Announcement;\n  hideStartAt?: boolean;\n};\n\nexport const AnnouncementCard = ({\n  announcement,\n  hideStartAt,\n}: AnnouncementCardProps) => {\n  const { t } = useAnnouncementsTranslation();\n  const viewAnnouncementLink = useRouteRef(announcementViewRouteRef);\n\n  const subTitle = (\n    <Box mt=\"1\">\n      <AnnouncementPublishedBy announcement={announcement} />\n\n      {!hideStartAt && (\n        <Text variant=\"body-x-small\" as=\"p\">\n          {formatAnnouncementStartTime(\n            announcement.start_at,\n            t('announcementsCard.occurred'),\n            t('announcementsCard.scheduled'),\n            t('announcementsCard.today'),\n          )}\n        </Text>\n      )}\n    </Box>\n  );\n\n  return (\n    <Card>\n      <CardHeader>\n        <Flex direction=\"column\" gap=\"2\">\n          <Link\n            variant=\"title-x-small\"\n            href={viewAnnouncementLink({ id: announcement.id })}\n            truncate\n          >\n            {announcement.title}\n          </Link>\n\n          {subTitle}\n        </Flex>\n      </CardHeader>\n\n      <CardBody>\n        <Text>{announcement.excerpt}</Text>\n      </CardBody>\n\n      <CardFooter>\n        <AnnouncementTags tags={announcement.tags} />\n      </CardFooter>\n    </Card>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAqCO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,YAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAC1C,EAAM,MAAA,oBAAA,GAAuB,YAAY,wBAAwB,CAAA;AAEjE,EAAA,MAAM,QACJ,mBAAA,IAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAG,GACN,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,2BAAwB,YAA4B,EAAA,CAAA;AAAA,IAEpD,CAAC,WACA,oBAAA,GAAA,CAAC,QAAK,OAAQ,EAAA,cAAA,EAAe,IAAG,GAC7B,EAAA,QAAA,EAAA,2BAAA;AAAA,MACC,YAAa,CAAA,QAAA;AAAA,MACb,EAAE,4BAA4B,CAAA;AAAA,MAC9B,EAAE,6BAA6B,CAAA;AAAA,MAC/B,EAAE,yBAAyB;AAAA,KAE/B,EAAA;AAAA,GAEJ,EAAA,CAAA;AAGF,EAAA,4BACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cACC,QAAC,kBAAA,IAAA,CAAA,IAAA,EAAA,EAAK,SAAU,EAAA,QAAA,EAAS,KAAI,GAC3B,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,OAAQ,EAAA,eAAA;AAAA,UACR,MAAM,oBAAqB,CAAA,EAAE,EAAI,EAAA,YAAA,CAAa,IAAI,CAAA;AAAA,UAClD,QAAQ,EAAA,IAAA;AAAA,UAEP,QAAa,EAAA,YAAA,CAAA;AAAA;AAAA,OAChB;AAAA,MAEC;AAAA,KAAA,EACH,CACF,EAAA,CAAA;AAAA,wBAEC,QACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAM,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,SAAQ,CAC9B,EAAA,CAAA;AAAA,wBAEC,UACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,oBAAiB,IAAM,EAAA,YAAA,CAAa,MAAM,CAC7C,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,88 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { Card, CardBody, Flex, Text, Button } from '@backstage/ui';
+import { useAnnouncementsTranslation, useCategories, useTags } from '@backstage-community/plugin-announcements-react';
+import '@backstage/frontend-plugin-api';
+import '../../../routes.esm.js';
+import 'luxon';
+import '@backstage/plugin-catalog-react';
+import '@remixicon/react';
+import { useSearchParams } from 'react-router-dom';
+import { CategorySelectInput } from '../shared/CategorySelectInput/CategorySelectInput.esm.js';
+import { TagsSelectInput } from '../shared/TagsSelectInput/TagsSelectInput.esm.js';
+
+const AnnouncementsFilters = () => {
+  const { t } = useAnnouncementsTranslation();
+  const [searchParams, setSearchParams] = useSearchParams();
+  const { categories } = useCategories();
+  const { tags } = useTags();
+  const handleCategoryChange = (category) => {
+    const newParams = new URLSearchParams(searchParams);
+    if (category) {
+      newParams.set("category", category.slug);
+    } else {
+      newParams.delete("category");
+    }
+    setSearchParams(newParams, { replace: true });
+  };
+  const handleTagsChange = (selectedTags) => {
+    const newParams = new URLSearchParams(searchParams);
+    if (selectedTags && selectedTags.length > 0) {
+      newParams.set("tags", selectedTags.map((tag) => tag.slug).join(","));
+    } else {
+      newParams.delete("tags");
+    }
+    setSearchParams(newParams, { replace: true });
+  };
+  const handleClearFilters = () => {
+    const newParams = new URLSearchParams(searchParams);
+    newParams.delete("category");
+    newParams.delete("tags");
+    setSearchParams(newParams, { replace: true });
+  };
+  const selectedTagsFromUrl = useMemo(() => {
+    const tagsParam = searchParams.get("tags");
+    if (!tagsParam || !tags) return [];
+    const tagSlugs = tagsParam.split(",").filter(Boolean);
+    return tagSlugs.map((slug) => tags.find((tag) => tag.slug === slug)).filter((tag) => tag !== void 0);
+  }, [searchParams, tags]);
+  const hasActiveFilters = useMemo(() => {
+    return searchParams.get("category") !== null || searchParams.get("tags") !== null;
+  }, [searchParams]);
+  return /* @__PURE__ */ jsxs(Flex, { justify: "between", children: [
+    /* @__PURE__ */ jsxs(Flex, { children: [
+      /* @__PURE__ */ jsx(Flex, { align: "center", children: /* @__PURE__ */ jsx(Text, { variant: "body-medium", weight: "bold", children: t("announcementsPage.filter.label") }) }),
+      /* @__PURE__ */ jsx(
+        CategorySelectInput,
+        {
+          initialCategory: categories?.find((c) => c.slug === searchParams.get("category")) ?? void 0,
+          setCategory: handleCategoryChange,
+          hideLabel: true
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TagsSelectInput,
+        {
+          initialTags: selectedTagsFromUrl.length > 0 ? selectedTagsFromUrl : void 0,
+          setTags: handleTagsChange,
+          hideLabel: true
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "secondary",
+        onClick: handleClearFilters,
+        isDisabled: !hasActiveFilters,
+        children: t("announcementsPage.filter.clear")
+      }
+    ) })
+  ] });
+};
+const AnnouncementsFilterBar = () => {
+  return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(AnnouncementsFilters, {}) }) });
+};
+
+export { AnnouncementsFilterBar, AnnouncementsFilters };
+//# sourceMappingURL=AnnouncementsFilterBar.esm.js.map

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

@@ -0,0 +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":";;;;;;;;;;;;;AA+BO,MAAM,uBAAuB,MAAM;AACxC,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,2BAA4B,EAAA;AAE1C,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,eAAgB,EAAA;AAExD,EAAM,MAAA,EAAE,UAAW,EAAA,GAAI,aAAc,EAAA;AACrC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,OAAQ,EAAA;AAEzB,EAAM,MAAA,oBAAA,GAAuB,CAAC,QAA8B,KAAA;AAC1D,IAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,YAAY,CAAA;AAClD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAU,SAAA,CAAA,GAAA,CAAI,UAAY,EAAA,QAAA,CAAS,IAAI,CAAA;AAAA,KAClC,MAAA;AACL,MAAA,SAAA,CAAU,OAAO,UAAU,CAAA;AAAA;AAE7B,IAAA,eAAA,CAAgB,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAAA,GAC9C;AAEA,EAAM,MAAA,gBAAA,GAAmB,CAAC,YAA+B,KAAA;AACvD,IAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,YAAY,CAAA;AAClD,IAAI,IAAA,YAAA,IAAgB,YAAa,CAAA,MAAA,GAAS,CAAG,EAAA;AAC3C,MAAU,SAAA,CAAA,GAAA,CAAI,MAAQ,EAAA,YAAA,CAAa,GAAI,CAAA,CAAA,GAAA,KAAO,IAAI,IAAI,CAAA,CAAE,IAAK,CAAA,GAAG,CAAC,CAAA;AAAA,KAC5D,MAAA;AACL,MAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AAAA;AAEzB,IAAA,eAAA,CAAgB,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAAA,GAC9C;AAEA,EAAA,MAAM,qBAAqB,MAAM;AAC/B,IAAM,MAAA,SAAA,GAAY,IAAI,eAAA,CAAgB,YAAY,CAAA;AAClD,IAAA,SAAA,CAAU,OAAO,UAAU,CAAA;AAC3B,IAAA,SAAA,CAAU,OAAO,MAAM,CAAA;AACvB,IAAA,eAAA,CAAgB,SAAW,EAAA,EAAE,OAAS,EAAA,IAAA,EAAM,CAAA;AAAA,GAC9C;AAEA,EAAM,MAAA,mBAAA,GAAsB,QAAQ,MAAM;AACxC,IAAM,MAAA,SAAA,GAAY,YAAa,CAAA,GAAA,CAAI,MAAM,CAAA;AACzC,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,IAAA,SAAa,EAAC;AAEjC,IAAA,MAAM,WAAW,SAAU,CAAA,KAAA,CAAM,GAAG,CAAA,CAAE,OAAO,OAAO,CAAA;AACpD,IAAA,OAAO,QACJ,CAAA,GAAA,CAAI,CAAQ,IAAA,KAAA,IAAA,CAAK,KAAK,CAAO,GAAA,KAAA,GAAA,CAAI,IAAS,KAAA,IAAI,CAAC,CAC/C,CAAA,MAAA,CAAO,CAAC,GAAA,KAAoB,QAAQ,KAAS,CAAA,CAAA;AAAA,GAC/C,EAAA,CAAC,YAAc,EAAA,IAAI,CAAC,CAAA;AAEvB,EAAM,MAAA,gBAAA,GAAmB,QAAQ,MAAM;AACrC,IACE,OAAA,YAAA,CAAa,IAAI,UAAU,CAAA,KAAM,QAAQ,YAAa,CAAA,GAAA,CAAI,MAAM,CAAM,KAAA,IAAA;AAAA,GAE1E,EAAG,CAAC,YAAY,CAAC,CAAA;AAEjB,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,SACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,QACV,EAAA,QAAA,kBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,aAAc,EAAA,MAAA,EAAO,MAChC,EAAA,QAAA,EAAA,CAAA,CAAE,gCAAgC,CAAA,EACrC,CACF,EAAA,CAAA;AAAA,sBAEA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,eAAA,EACE,UAAY,EAAA,IAAA,CAAK,CAAK,CAAA,KAAA,CAAA,CAAE,SAAS,YAAa,CAAA,GAAA,CAAI,UAAU,CAAC,CAC7D,IAAA,KAAA,CAAA;AAAA,UAEF,WAAa,EAAA,oBAAA;AAAA,UACb,SAAS,EAAA;AAAA;AAAA,OACX;AAAA,sBAEA,GAAA;AAAA,QAAC,eAAA;AAAA,QAAA;AAAA,UACC,WACE,EAAA,mBAAA,CAAoB,MAAS,GAAA,CAAA,GAAI,mBAAsB,GAAA,KAAA,CAAA;AAAA,UAEzD,OAAS,EAAA,gBAAA;AAAA,UACT,SAAS,EAAA;AAAA;AAAA;AACX,KACF,EAAA,CAAA;AAAA,oBAEA,GAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,KACZ,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAQ,EAAA,WAAA;AAAA,QACR,OAAS,EAAA,kBAAA;AAAA,QACT,YAAY,CAAC,gBAAA;AAAA,QAEZ,YAAE,gCAAgC;AAAA;AAAA,KAEvC,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;AAEO,MAAM,yBAAyB,MAAM;AAC1C,EAAA,2BACG,IACC,EAAA,EAAA,QAAA,kBAAA,GAAA,CAAC,YACC,QAAC,kBAAA,GAAA,CAAA,oBAAA,EAAA,EAAqB,GACxB,CACF,EAAA,CAAA;AAEJ;;;;"}