@backstage/plugin-notifications 0.5.16-next.1 → 0.5.16-next.2

package/dist/components/UserNotificationSettingsCard/NoBorderTableCell.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer components {\n  .NoBorderTableCell_cell__185c4ff930 {\n    border-bottom: none;\n    padding: var(--bui-space-2) var(--bui-space-3);\n    vertical-align: middle;\n  }\n}\n";
+var styles = {"cell":"NoBorderTableCell_cell__185c4ff930"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=NoBorderTableCell.module.css.esm.js.map

package/dist/components/UserNotificationSettingsCard/NoBorderTableCell.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoBorderTableCell.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/UserNotificationSettingsCard/OriginRow.esm.js

@@ -1,57 +1,49 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isNotificationsEnabledFor } from '@backstage/plugin-notifications-common';
-import IconButton from '@material-ui/core/IconButton';
-import Switch from '@material-ui/core/Switch';
-import TableRow from '@material-ui/core/TableRow';
-import Tooltip from '@material-ui/core/Tooltip';
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
-import KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';
+import { TooltipTrigger, ButtonIcon, Tooltip, Switch } from '@backstage/ui';
+import { RiArrowUpSLine, RiArrowDownSLine } from '@remixicon/react';
 import { NoBorderTableCell } from './NoBorderTableCell.esm.js';
 import { useNotificationFormat } from './UserNotificationSettingsCard.esm.js';
 
 const OriginRow = (props) => {
   const { origin, settings, handleChange, open, handleRowToggle } = props;
   const { formatOriginName } = useNotificationFormat();
-  return /* @__PURE__ */ jsxs(TableRow, { children: [
-    /* @__PURE__ */ jsx(NoBorderTableCell, { children: origin.topics && origin.topics.length > 0 && /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        title: `Show Topics for the ${formatOriginName(origin.id)} origin`,
-        children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            "aria-label": "expand row",
-            size: "small",
-            onClick: () => handleRowToggle(origin.id),
-            children: open ? /* @__PURE__ */ jsx(KeyboardArrowUpIcon, {}) : /* @__PURE__ */ jsx(KeyboardArrowDownIcon, {})
-          }
-        )
-      }
-    ) }),
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    /* @__PURE__ */ jsx(NoBorderTableCell, { children: origin.topics && origin.topics.length > 0 && /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          "aria-label": "expand row",
+          onPress: () => handleRowToggle(origin.id),
+          icon: open ? /* @__PURE__ */ jsx(RiArrowUpSLine, { size: 16 }) : /* @__PURE__ */ jsx(RiArrowDownSLine, { size: 16 }),
+          variant: "secondary"
+        }
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { children: `Show Topics for the ${formatOriginName(
+        origin.id
+      )} origin` })
+    ] }) }),
     /* @__PURE__ */ jsx(NoBorderTableCell, { children: formatOriginName(origin.id) }),
     /* @__PURE__ */ jsx(NoBorderTableCell, { children: "all" }),
-    settings.channels.map((ch) => /* @__PURE__ */ jsx(NoBorderTableCell, { align: "center", children: /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        title: `Enable or disable ${ch.id.toLocaleLowerCase(
-          "en-US"
-        )} notifications from ${formatOriginName(origin.id)}`,
-        children: /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: isNotificationsEnabledFor(
-              settings,
-              ch.id,
-              origin.id,
-              null
-            ),
-            onChange: (event) => {
-              handleChange(ch.id, origin.id, null, event.target.checked);
-            }
+    settings.channels.map((ch) => /* @__PURE__ */ jsx(NoBorderTableCell, { align: "center", children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          isSelected: isNotificationsEnabledFor(
+            settings,
+            ch.id,
+            origin.id,
+            null
+          ),
+          onChange: (isSelected) => {
+            handleChange(ch.id, origin.id, null, isSelected);
           }
-        )
-      }
-    ) }, ch.id))
+        }
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLocaleLowerCase(
+        "en-US"
+      )} notifications from ${formatOriginName(origin.id)}` })
+    ] }) }, ch.id))
   ] });
 };
 

package/dist/components/UserNotificationSettingsCard/OriginRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"OriginRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/OriginRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport IconButton from '@material-ui/core/IconButton';\nimport Switch from '@material-ui/core/Switch';\nimport TableRow from '@material-ui/core/TableRow';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport KeyboardArrowUpIcon from '@material-ui/icons/KeyboardArrowUp';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './UserNotificationSettingsCard';\n\nexport const OriginRow = (props: {\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n  open: boolean;\n  handleRowToggle: (originId: string) => void;\n}) => {\n  const { origin, settings, handleChange, open, handleRowToggle } = props;\n  const { formatOriginName } = useNotificationFormat();\n  return (\n    <TableRow>\n      <NoBorderTableCell>\n        {origin.topics && origin.topics.length > 0 && (\n          <Tooltip\n            title={`Show Topics for the ${formatOriginName(origin.id)} origin`}\n          >\n            <IconButton\n              aria-label=\"expand row\"\n              size=\"small\"\n              onClick={() => handleRowToggle(origin.id)}\n            >\n              {open ? <KeyboardArrowUpIcon /> : <KeyboardArrowDownIcon />}\n            </IconButton>\n          </Tooltip>\n        )}\n      </NoBorderTableCell>\n      <NoBorderTableCell>{formatOriginName(origin.id)}</NoBorderTableCell>\n      <NoBorderTableCell>all</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={ch.id} align=\"center\">\n          <Tooltip\n            title={`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications from ${formatOriginName(origin.id)}`}\n          >\n            <Switch\n              checked={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                null,\n              )}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => {\n                handleChange(ch.id, origin.id, null, event.target.checked);\n              }}\n            />\n          </Tooltip>\n        </NoBorderTableCell>\n      ))}\n    </TableRow>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AA8BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAWpB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAA,EAAU,YAAA,EAAc,IAAA,EAAM,iBAAgB,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,gBAAA,EAAiB,GAAI,qBAAA,EAAsB;AACnD,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,qBACE,QAAA,EAAA,MAAA,CAAO,MAAA,IAAU,MAAA,CAAO,MAAA,CAAO,SAAS,CAAA,oBACvC,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAA,oBAAA,EAAuB,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,OAAA,CAAA;AAAA,QAEzD,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAW,YAAA;AAAA,YACX,IAAA,EAAK,OAAA;AAAA,YACL,OAAA,EAAS,MAAM,eAAA,CAAgB,MAAA,CAAO,EAAE,CAAA;AAAA,YAEvC,QAAA,EAAA,IAAA,mBAAO,GAAA,CAAC,mBAAA,EAAA,EAAoB,CAAA,uBAAM,qBAAA,EAAA,EAAsB;AAAA;AAAA;AAC3D;AAAA,KACF,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,qBAAkB,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,IACrB,SAAS,QAAA,CAAS,GAAA,CAAI,wBACrB,GAAA,CAAC,iBAAA,EAAA,EAA8B,OAAM,QAAA,EACnC,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,UAChC;AAAA,SACD,CAAA,oBAAA,EAAuB,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA;AAAA,QAEnD,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,yBAAA;AAAA,cACP,QAAA;AAAA,cACA,EAAA,CAAG,EAAA;AAAA,cACH,MAAA,CAAO,EAAA;AAAA,cACP;AAAA,aACF;AAAA,YACA,QAAA,EAAU,CAAC,KAAA,KAA+C;AACxD,cAAA,YAAA,CAAa,GAAG,EAAA,EAAI,MAAA,CAAO,IAAI,IAAA,EAAM,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,YAC3D;AAAA;AAAA;AACF;AAAA,KACF,EAAA,EAjBsB,EAAA,CAAG,EAkB3B,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"OriginRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/OriginRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { ButtonIcon, Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { RiArrowDownSLine, RiArrowUpSLine } from '@remixicon/react';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './UserNotificationSettingsCard';\n\nexport const OriginRow = (props: {\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n  open: boolean;\n  handleRowToggle: (originId: string) => void;\n}) => {\n  const { origin, settings, handleChange, open, handleRowToggle } = props;\n  const { formatOriginName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell>\n        {origin.topics && origin.topics.length > 0 && (\n          <TooltipTrigger>\n            <ButtonIcon\n              aria-label=\"expand row\"\n              onPress={() => handleRowToggle(origin.id)}\n              icon={\n                open ? (\n                  <RiArrowUpSLine size={16} />\n                ) : (\n                  <RiArrowDownSLine size={16} />\n                )\n              }\n              variant=\"secondary\"\n            />\n            <Tooltip>{`Show Topics for the ${formatOriginName(\n              origin.id,\n            )} origin`}</Tooltip>\n          </TooltipTrigger>\n        )}\n      </NoBorderTableCell>\n      <NoBorderTableCell>{formatOriginName(origin.id)}</NoBorderTableCell>\n      <NoBorderTableCell>all</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={ch.id} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                null,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, null, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications from ${formatOriginName(origin.id)}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,SAAA,GAAY,CAAC,KAAA,KAWpB;AACJ,EAAA,MAAM,EAAE,MAAA,EAAQ,QAAA,EAAU,YAAA,EAAc,IAAA,EAAM,iBAAgB,GAAI,KAAA;AAClE,EAAA,MAAM,EAAE,gBAAA,EAAiB,GAAI,qBAAA,EAAsB;AACnD,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EACE,iBAAO,MAAA,IAAU,MAAA,CAAO,OAAO,MAAA,GAAS,CAAA,yBACtC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,YAAA;AAAA,UACX,OAAA,EAAS,MAAM,eAAA,CAAgB,MAAA,CAAO,EAAE,CAAA;AAAA,UACxC,IAAA,EACE,IAAA,mBACE,GAAA,CAAC,cAAA,EAAA,EAAe,IAAA,EAAM,IAAI,CAAA,mBAE1B,GAAA,CAAC,gBAAA,EAAA,EAAiB,IAAA,EAAM,EAAA,EAAI,CAAA;AAAA,UAGhC,OAAA,EAAQ;AAAA;AAAA,OACV;AAAA,sBACA,GAAA,CAAC,WAAS,QAAA,EAAA,CAAA,oBAAA,EAAuB,gBAAA;AAAA,QAC/B,MAAA,CAAO;AAAA,OACR,CAAA,OAAA,CAAA,EAAU;AAAA,KAAA,EACb,CAAA,EAEJ,CAAA;AAAA,oBACA,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAA,EAAE,CAAA;AAAA,oBAChD,GAAA,CAAC,qBAAkB,QAAA,EAAA,KAAA,EAAG,CAAA;AAAA,IACrB,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA8B,KAAA,EAAM,QAAA,EACnC,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP;AAAA,WACF;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,EAAA,CAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,MAAM,UAAU,CAAA;AAAA,UACjD;AAAA;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,QACnC;AAAA,OACD,CAAA,oBAAA,EAAuB,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA,EAAG;AAAA,KAAA,EACxD,CAAA,EAAA,EAhBsB,EAAA,CAAG,EAiB3B,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/UserNotificationSettingsCard/TopicRow.esm.js

@@ -1,48 +1,37 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { isNotificationsEnabledFor } from '@backstage/plugin-notifications-common';
-import TableRow from '@material-ui/core/TableRow';
-import Tooltip from '@material-ui/core/Tooltip';
-import Switch from '@material-ui/core/Switch';
-import { withStyles } from '@material-ui/core/styles';
+import { TooltipTrigger, Switch, Tooltip } from '@backstage/ui';
 import { NoBorderTableCell } from './NoBorderTableCell.esm.js';
 import { useNotificationFormat } from './UserNotificationSettingsCard.esm.js';
 
-const TopicTableRow = withStyles({
-  root: {
-    paddingLeft: "4px"
-  }
-})(TableRow);
 const TopicRow = (props) => {
   const { topic, origin, settings, handleChange } = props;
   const { formatOriginName, formatTopicName } = useNotificationFormat();
-  return /* @__PURE__ */ jsxs(TopicTableRow, { children: [
+  return /* @__PURE__ */ jsxs("tr", { children: [
     /* @__PURE__ */ jsx(NoBorderTableCell, {}),
     /* @__PURE__ */ jsx(NoBorderTableCell, {}),
     /* @__PURE__ */ jsx(NoBorderTableCell, { children: formatTopicName(topic.id) }),
-    settings.channels.map((ch) => /* @__PURE__ */ jsx(NoBorderTableCell, { align: "center", children: /* @__PURE__ */ jsx(
-      Tooltip,
-      {
-        title: `Enable or disable ${ch.id.toLocaleLowerCase(
-          "en-US"
-        )} notifications for the ${formatTopicName(
-          topic.id
-        )} topic from ${formatOriginName(origin.id)}`,
-        children: /* @__PURE__ */ jsx(
-          Switch,
-          {
-            checked: isNotificationsEnabledFor(
-              settings,
-              ch.id,
-              origin.id,
-              topic.id
-            ),
-            onChange: (event) => {
-              handleChange(ch.id, origin.id, topic.id, event.target.checked);
-            }
+    settings.channels.map((ch) => /* @__PURE__ */ jsx(NoBorderTableCell, { align: "center", children: /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
+      /* @__PURE__ */ jsx(
+        Switch,
+        {
+          isSelected: isNotificationsEnabledFor(
+            settings,
+            ch.id,
+            origin.id,
+            topic.id
+          ),
+          onChange: (isSelected) => {
+            handleChange(ch.id, origin.id, topic.id, isSelected);
           }
-        )
-      }
-    ) }, `${ch.id}-${topic}`))
+        }
+      ),
+      /* @__PURE__ */ jsx(Tooltip, { children: `Enable or disable ${ch.id.toLocaleLowerCase(
+        "en-US"
+      )} notifications for the ${formatTopicName(
+        topic.id
+      )} topic from ${formatOriginName(origin.id)}` })
+    ] }) }, `${ch.id}-${topic.id}`))
   ] });
 };
 

package/dist/components/UserNotificationSettingsCard/TopicRow.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopicRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/TopicRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n  TopicSetting,\n} from '@backstage/plugin-notifications-common';\nimport TableRow from '@material-ui/core/TableRow';\nimport Tooltip from '@material-ui/core/Tooltip';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './UserNotificationSettingsCard';\n\nconst TopicTableRow = withStyles({\n  root: {\n    paddingLeft: '4px',\n  },\n})(TableRow);\n\nexport const TopicRow = (props: {\n  topic: TopicSetting;\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n}) => {\n  const { topic, origin, settings, handleChange } = props;\n  const { formatOriginName, formatTopicName } = useNotificationFormat();\n  return (\n    <TopicTableRow>\n      <NoBorderTableCell />\n      <NoBorderTableCell />\n      <NoBorderTableCell>{formatTopicName(topic.id)}</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={`${ch.id}-${topic}`} align=\"center\">\n          <Tooltip\n            title={`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications for the ${formatTopicName(\n              topic.id,\n            )} topic from ${formatOriginName(origin.id)}`}\n          >\n            <Switch\n              checked={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                topic.id,\n              )}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => {\n                handleChange(ch.id, origin.id, topic.id, event.target.checked);\n              }}\n            />\n          </Tooltip>\n        </NoBorderTableCell>\n      ))}\n    </TopicTableRow>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AA6BA,MAAM,gBAAgB,UAAA,CAAW;AAAA,EAC/B,IAAA,EAAM;AAAA,IACJ,WAAA,EAAa;AAAA;AAEjB,CAAC,EAAE,QAAQ,CAAA;AAEJ,MAAM,QAAA,GAAW,CAAC,KAAA,KAUnB;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAU,cAAa,GAAI,KAAA;AAClD,EAAA,MAAM,EAAE,gBAAA,EAAkB,eAAA,EAAgB,GAAI,qBAAA,EAAsB;AACpE,EAAA,4BACG,aAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,eAAA,CAAgB,KAAA,CAAM,EAAE,CAAA,EAAE,CAAA;AAAA,IAC7C,SAAS,QAAA,CAAS,GAAA,CAAI,wBACrB,GAAA,CAAC,iBAAA,EAAA,EAA4C,OAAM,QAAA,EACjD,QAAA,kBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,UAChC;AAAA,SACD,CAAA,uBAAA,EAA0B,eAAA;AAAA,UACzB,KAAA,CAAM;AAAA,SACP,CAAA,YAAA,EAAe,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA;AAAA,QAE3C,QAAA,kBAAA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,yBAAA;AAAA,cACP,QAAA;AAAA,cACA,EAAA,CAAG,EAAA;AAAA,cACH,MAAA,CAAO,EAAA;AAAA,cACP,KAAA,CAAM;AAAA,aACR;AAAA,YACA,QAAA,EAAU,CAAC,KAAA,KAA+C;AACxD,cAAA,YAAA,CAAa,EAAA,CAAG,IAAI,MAAA,CAAO,EAAA,EAAI,MAAM,EAAA,EAAI,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,YAC/D;AAAA;AAAA;AACF;AAAA,SAlBoB,CAAA,EAAG,EAAA,CAAG,EAAE,CAAA,CAAA,EAAI,KAAK,EAoBzC,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"TopicRow.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/TopicRow.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  isNotificationsEnabledFor,\n  NotificationSettings,\n  OriginSetting,\n  TopicSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Switch, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport { NoBorderTableCell } from './NoBorderTableCell';\nimport { useNotificationFormat } from './UserNotificationSettingsCard';\n\nexport const TopicRow = (props: {\n  topic: TopicSetting;\n  origin: OriginSetting;\n  settings: NotificationSettings;\n  handleChange: (\n    channel: string,\n    origin: string,\n    topic: string | null,\n    enabled: boolean,\n  ) => void;\n}) => {\n  const { topic, origin, settings, handleChange } = props;\n  const { formatOriginName, formatTopicName } = useNotificationFormat();\n  return (\n    <tr>\n      <NoBorderTableCell />\n      <NoBorderTableCell />\n      <NoBorderTableCell>{formatTopicName(topic.id)}</NoBorderTableCell>\n      {settings.channels.map(ch => (\n        <NoBorderTableCell key={`${ch.id}-${topic.id}`} align=\"center\">\n          <TooltipTrigger>\n            <Switch\n              isSelected={isNotificationsEnabledFor(\n                settings,\n                ch.id,\n                origin.id,\n                topic.id,\n              )}\n              onChange={(isSelected: boolean) => {\n                handleChange(ch.id, origin.id, topic.id, isSelected);\n              }}\n            />\n            <Tooltip>{`Enable or disable ${ch.id.toLocaleLowerCase(\n              'en-US',\n            )} notifications for the ${formatTopicName(\n              topic.id,\n            )} topic from ${formatOriginName(origin.id)}`}</Tooltip>\n          </TooltipTrigger>\n        </NoBorderTableCell>\n      ))}\n    </tr>\n  );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,QAAA,GAAW,CAAC,KAAA,KAUnB;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,MAAA,EAAQ,QAAA,EAAU,cAAa,GAAI,KAAA;AAClD,EAAA,MAAM,EAAE,gBAAA,EAAkB,eAAA,EAAgB,GAAI,qBAAA,EAAsB;AACpE,EAAA,4BACG,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,CAAA;AAAA,wBAClB,iBAAA,EAAA,EAAkB,CAAA;AAAA,oBACnB,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,eAAA,CAAgB,KAAA,CAAM,EAAE,CAAA,EAAE,CAAA;AAAA,IAC7C,QAAA,CAAS,SAAS,GAAA,CAAI,CAAA,EAAA,yBACpB,iBAAA,EAAA,EAA+C,KAAA,EAAM,QAAA,EACpD,QAAA,kBAAA,IAAA,CAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,UAAA,EAAY,yBAAA;AAAA,YACV,QAAA;AAAA,YACA,EAAA,CAAG,EAAA;AAAA,YACH,MAAA,CAAO,EAAA;AAAA,YACP,KAAA,CAAM;AAAA,WACR;AAAA,UACA,QAAA,EAAU,CAAC,UAAA,KAAwB;AACjC,YAAA,YAAA,CAAa,GAAG,EAAA,EAAI,MAAA,CAAO,EAAA,EAAI,KAAA,CAAM,IAAI,UAAU,CAAA;AAAA,UACrD;AAAA;AAAA,OACF;AAAA,sBACA,GAAA,CAAC,OAAA,EAAA,EAAS,QAAA,EAAA,CAAA,kBAAA,EAAqB,EAAA,CAAG,EAAA,CAAG,iBAAA;AAAA,QACnC;AAAA,OACD,CAAA,uBAAA,EAA0B,eAAA;AAAA,QACzB,KAAA,CAAM;AAAA,OACP,CAAA,YAAA,EAAe,gBAAA,CAAiB,MAAA,CAAO,EAAE,CAAC,CAAA,CAAA,EAAG;AAAA,KAAA,EAChD,CAAA,EAAA,EAlBsB,GAAG,EAAA,CAAG,EAAE,IAAI,KAAA,CAAM,EAAE,EAmB5C,CACD;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.esm.js

@@ -1,22 +1,15 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
-import Table from '@material-ui/core/Table';
-import MuiTableCell from '@material-ui/core/TableCell';
-import { withStyles } from '@material-ui/core/styles';
-import TableHead from '@material-ui/core/TableHead';
-import Typography from '@material-ui/core/Typography';
-import TableBody from '@material-ui/core/TableBody';
-import TableRow from '@material-ui/core/TableRow';
+import { Text } from '@backstage/ui';
+import { useTranslationRef } from '@backstage/core-plugin-api/alpha';
+import { notificationsTranslationRef } from '../../translation.esm.js';
 import { TopicRow } from './TopicRow.esm.js';
 import { OriginRow } from './OriginRow.esm.js';
+import styles from './UserNotificationSettingsPanel.module.css.esm.js';
 
-const TableCell = withStyles({
-  root: {
-    borderBottom: "none"
-  }
-})(MuiTableCell);
 const UserNotificationSettingsPanel = (props) => {
   const { settings, onChange } = props;
+  const { t } = useTranslationRef(notificationsTranslationRef);
   const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
   const handleRowToggle = (originId) => {
     setExpandedRows((prevState) => {
@@ -69,7 +62,7 @@ const UserNotificationSettingsPanel = (props) => {
     onChange(updatedSettings);
   };
   if (settings.channels.length === 0) {
-    return /* @__PURE__ */ jsx(Typography, { variant: "body1", children: "No notification settings available, check back later" });
+    return /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: t("settings.noSettingsAvailable") });
   }
   const uniqueOriginsMap = settings.channels.flatMap((channel) => channel.origins).reduce((map, origin) => {
     if (!map.has(origin.id)) {
@@ -78,14 +71,21 @@ const UserNotificationSettingsPanel = (props) => {
     return map;
   }, /* @__PURE__ */ new Map()).values();
   const uniqueOrigins = Array.from(uniqueOriginsMap);
-  return /* @__PURE__ */ jsxs(Table, { children: [
-    /* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
-      /* @__PURE__ */ jsx(TableCell, {}),
-      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Origin" }) }),
-      /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", children: "Topic" }) }),
-      settings.channels.map((channel) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", align: "center", children: channel.id }) }, channel.id))
+  return /* @__PURE__ */ jsxs("table", { className: styles.table, children: [
+    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+      /* @__PURE__ */ jsx("th", { className: styles.headerCell }),
+      /* @__PURE__ */ jsx("th", { className: styles.headerCell, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", children: t("settings.table.origin") }) }),
+      /* @__PURE__ */ jsx("th", { className: styles.headerCell, children: /* @__PURE__ */ jsx(Text, { variant: "title-x-small", children: t("settings.table.topic") }) }),
+      settings.channels.map((channel) => /* @__PURE__ */ jsx("th", { className: styles.headerCell, children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          variant: "title-x-small",
+          style: { textAlign: "center", display: "block" },
+          children: channel.id
+        }
+      ) }, channel.id))
     ] }) }),
-    /* @__PURE__ */ jsx(TableBody, { children: uniqueOrigins.flatMap((origin) => [
+    /* @__PURE__ */ jsx("tbody", { children: uniqueOrigins.flatMap((origin) => [
       /* @__PURE__ */ jsx(
         OriginRow,
         {

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserNotificationSettingsPanel.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport {\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport Table from '@material-ui/core/Table';\nimport MuiTableCell from '@material-ui/core/TableCell';\nimport { withStyles } from '@material-ui/core/styles';\nimport TableHead from '@material-ui/core/TableHead';\nimport Typography from '@material-ui/core/Typography';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableRow from '@material-ui/core/TableRow';\nimport { TopicRow } from './TopicRow';\nimport { OriginRow } from './OriginRow';\n\nconst TableCell = withStyles({\n  root: {\n    borderBottom: 'none',\n  },\n})(MuiTableCell);\n\nexport const UserNotificationSettingsPanel = (props: {\n  settings: NotificationSettings;\n  onChange: (settings: NotificationSettings) => void;\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { settings, onChange } = props;\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set());\n\n  const handleRowToggle = (originId: string) => {\n    setExpandedRows(prevState => {\n      const newExpandedRows = new Set(prevState);\n      if (newExpandedRows.has(originId)) {\n        newExpandedRows.delete(originId);\n      } else {\n        newExpandedRows.add(originId);\n      }\n      return newExpandedRows;\n    });\n  };\n  const handleChange = (\n    channelId: string,\n    originId: string,\n    topicId: string | null,\n    enabled: boolean,\n  ) => {\n    const updatedSettings = {\n      channels: settings.channels.map(channel => {\n        if (channel.id !== channelId) {\n          return channel;\n        }\n        return {\n          ...channel,\n          origins: channel.origins.map(origin => {\n            if (origin.id !== originId) {\n              return origin;\n            }\n\n            if (topicId === null) {\n              return {\n                ...origin,\n                enabled,\n                topics:\n                  origin.topics?.map(topic => {\n                    return { ...topic, enabled };\n                  }) ?? [],\n              };\n            }\n\n            return {\n              ...origin,\n              topics:\n                origin.topics?.map(topic => {\n                  if (topic.id === topicId) {\n                    return {\n                      ...topic,\n                      enabled: origin.enabled ? enabled : origin.enabled,\n                    };\n                  }\n                  return topic;\n                }) ?? [],\n            };\n          }),\n        };\n      }),\n    };\n    onChange(updatedSettings);\n  };\n\n  if (settings.channels.length === 0) {\n    return (\n      <Typography variant=\"body1\">\n        No notification settings available, check back later\n      </Typography>\n    );\n  }\n\n  const uniqueOriginsMap = settings.channels\n    .flatMap(channel => channel.origins)\n    .reduce((map, origin) => {\n      if (!map.has(origin.id)) {\n        map.set(origin.id, origin);\n      }\n      return map;\n    }, new Map<string, OriginSetting>())\n    .values();\n\n  const uniqueOrigins = Array.from(uniqueOriginsMap);\n\n  return (\n    <Table>\n      <TableHead>\n        <TableRow>\n          <TableCell />\n          <TableCell>\n            <Typography variant=\"subtitle1\">Origin</Typography>\n          </TableCell>\n          <TableCell>\n            <Typography variant=\"subtitle1\">Topic</Typography>\n          </TableCell>\n          {settings.channels.map(channel => (\n            <TableCell key={channel.id}>\n              <Typography variant=\"subtitle1\" align=\"center\">\n                {channel.id}\n              </Typography>\n            </TableCell>\n          ))}\n        </TableRow>\n      </TableHead>\n      <TableBody>\n        {uniqueOrigins.flatMap(origin => [\n          <OriginRow\n            key={origin.id}\n            origin={origin}\n            settings={settings}\n            open={expandedRows.has(origin.id)}\n            handleChange={handleChange}\n            handleRowToggle={handleRowToggle}\n          />,\n          ...(expandedRows.has(origin.id)\n            ? origin.topics?.map(topic => (\n                <TopicRow\n                  key={`${origin.id}-${topic.id}`}\n                  topic={topic}\n                  origin={origin}\n                  settings={settings}\n                  handleChange={handleChange}\n                />\n              )) || []\n            : []),\n        ])}\n      </TableBody>\n    </Table>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserNotificationSettingsPanel.esm.js","sources":["../../../src/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState } from 'react';\nimport {\n  NotificationSettings,\n  OriginSetting,\n} from '@backstage/plugin-notifications-common';\nimport { Text } from '@backstage/ui';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\nimport { TopicRow } from './TopicRow';\nimport { OriginRow } from './OriginRow';\nimport styles from './UserNotificationSettingsPanel.module.css';\n\nexport const UserNotificationSettingsPanel = (props: {\n  settings: NotificationSettings;\n  onChange: (settings: NotificationSettings) => void;\n  originNames?: Record<string, string>;\n  topicNames?: Record<string, string>;\n}) => {\n  const { settings, onChange } = props;\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set());\n\n  const handleRowToggle = (originId: string) => {\n    setExpandedRows(prevState => {\n      const newExpandedRows = new Set(prevState);\n      if (newExpandedRows.has(originId)) {\n        newExpandedRows.delete(originId);\n      } else {\n        newExpandedRows.add(originId);\n      }\n      return newExpandedRows;\n    });\n  };\n  const handleChange = (\n    channelId: string,\n    originId: string,\n    topicId: string | null,\n    enabled: boolean,\n  ) => {\n    const updatedSettings = {\n      channels: settings.channels.map(channel => {\n        if (channel.id !== channelId) {\n          return channel;\n        }\n        return {\n          ...channel,\n          origins: channel.origins.map(origin => {\n            if (origin.id !== originId) {\n              return origin;\n            }\n\n            if (topicId === null) {\n              return {\n                ...origin,\n                enabled,\n                topics:\n                  origin.topics?.map(topic => {\n                    return { ...topic, enabled };\n                  }) ?? [],\n              };\n            }\n\n            return {\n              ...origin,\n              topics:\n                origin.topics?.map(topic => {\n                  if (topic.id === topicId) {\n                    return {\n                      ...topic,\n                      enabled: origin.enabled ? enabled : origin.enabled,\n                    };\n                  }\n                  return topic;\n                }) ?? [],\n            };\n          }),\n        };\n      }),\n    };\n    onChange(updatedSettings);\n  };\n\n  if (settings.channels.length === 0) {\n    return (\n      <Text variant=\"body-medium\">{t('settings.noSettingsAvailable')}</Text>\n    );\n  }\n\n  const uniqueOriginsMap = settings.channels\n    .flatMap(channel => channel.origins)\n    .reduce((map, origin) => {\n      if (!map.has(origin.id)) {\n        map.set(origin.id, origin);\n      }\n      return map;\n    }, new Map<string, OriginSetting>())\n    .values();\n\n  const uniqueOrigins = Array.from(uniqueOriginsMap);\n\n  return (\n    <table className={styles.table}>\n      <thead>\n        <tr>\n          <th className={styles.headerCell} />\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.origin')}</Text>\n          </th>\n          <th className={styles.headerCell}>\n            <Text variant=\"title-x-small\">{t('settings.table.topic')}</Text>\n          </th>\n          {settings.channels.map(channel => (\n            <th key={channel.id} className={styles.headerCell}>\n              <Text\n                variant=\"title-x-small\"\n                style={{ textAlign: 'center', display: 'block' }}\n              >\n                {channel.id}\n              </Text>\n            </th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {uniqueOrigins.flatMap(origin => [\n          <OriginRow\n            key={origin.id}\n            origin={origin}\n            settings={settings}\n            open={expandedRows.has(origin.id)}\n            handleChange={handleChange}\n            handleRowToggle={handleRowToggle}\n          />,\n          ...(expandedRows.has(origin.id)\n            ? origin.topics?.map(topic => (\n                <TopicRow\n                  key={`${origin.id}-${topic.id}`}\n                  topic={topic}\n                  origin={origin}\n                  settings={settings}\n                  handleChange={handleChange}\n                />\n              )) || []\n            : []),\n        ])}\n      </tbody>\n    </table>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.module.css.esm.js

@@ -0,0 +1,8 @@
+import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
+
+var css_248z = "/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer components {\n  .UserNotificationSettingsPanel_table__068df257a9 {\n    width: 100%;\n    border-collapse: collapse;\n  }\n\n  .UserNotificationSettingsPanel_headerCell__068df257a9 {\n    border-bottom: 1px solid var(--bui-border-1);\n    padding: var(--bui-space-2) var(--bui-space-3);\n    text-align: left;\n    font-weight: var(--bui-font-weight-bold);\n  }\n}\n";
+var styles = {"table":"UserNotificationSettingsPanel_table__068df257a9","headerCell":"UserNotificationSettingsPanel_headerCell__068df257a9"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=UserNotificationSettingsPanel.module.css.esm.js.map

package/dist/components/UserNotificationSettingsCard/UserNotificationSettingsPanel.module.css.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserNotificationSettingsPanel.module.css.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/index.d.ts

@@ -212,8 +212,9 @@ declare const notificationsTranslationRef: _backstage_frontend_plugin_api.Transl
     readonly "table.bulkActions.returnSelectedAmongUnread": "Return selected among unread";
     readonly "table.bulkActions.saveSelectedForLater": "Save selected for later";
     readonly "table.bulkActions.undoSaveForSelected": "Undo save for selected";
+    readonly "table.confirmDialog.cancel": "Cancel";
     readonly "table.confirmDialog.title": "Are you sure?";
-    readonly "table.confirmDialog.markAllReadDescription": "Mark <b>all</b> notifications as <b>read</b>.";
+    readonly "table.confirmDialog.markAllReadDescription": "Mark all notifications as read.";
     readonly "table.confirmDialog.markAllReadConfirmation": "Mark All";
     readonly "filters.view.all": "All";
     readonly "filters.view.label": "View";

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js

@@ -0,0 +1,29 @@
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+export { styleInject as default };
+//# sourceMappingURL=style-inject.es.esm.js.map

package/dist/node_modules_dist/style-inject/dist/style-inject.es.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es.esm.js","sources":["../../../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":"AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,MAAM,GAAG,GAAG,GAAG,EAAE;AAChC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ;;AAE7B,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,CAAC;;AAEzD,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACtE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC;AAC7C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU;;AAEzB,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC;AAC/C,IAAI,CAAC,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC7B,IAAI;AACJ,EAAE,CAAC,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;AAC3B,EAAE;;AAEF,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG;AAClC,EAAE,CAAC,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AACnD,EAAE;AACF;;;;","x_google_ignoreList":[0]}

package/dist/{package.json.esm.js → plugins/notifications/package.json.esm.js}

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-notifications";
-var version = "0.5.16-next.1";
+var version = "0.5.16-next.2";
 var backstage = {
 	role: "frontend-plugin",
 	pluginId: "notifications",
@@ -58,11 +58,8 @@ var dependencies = {
 	"@backstage/plugin-signals-react": "workspace:^",
 	"@backstage/theme": "workspace:^",
 	"@backstage/ui": "workspace:^",
-	"@material-ui/core": "^4.9.13",
-	"@material-ui/icons": "^4.9.1",
 	"@remixicon/react": "^4.6.0",
 	lodash: "^4.17.21",
-	"material-ui-confirm": "^3.0.12",
 	notistack: "^3.0.1",
 	"react-relative-time": "^0.0.9",
 	"react-use": "^17.2.4"

package/dist/{package.json.esm.js.map → plugins/notifications/package.json.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"package.json.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/translation.esm.js

@@ -71,8 +71,9 @@ const notificationsTranslationRef = createTranslationRef({
       },
       confirmDialog: {
         title: "Are you sure?",
-        markAllReadDescription: "Mark <b>all</b> notifications as <b>read</b>.",
-        markAllReadConfirmation: "Mark All"
+        markAllReadDescription: "Mark all notifications as read.",
+        markAllReadConfirmation: "Mark All",
+        cancel: "Cancel"
       },
       errors: {
         markAllReadFailed: "Failed to mark all notifications as read"

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/** @public */\nexport const notificationsTranslationRef = createTranslationRef({\n  id: 'plugin.notifications',\n  messages: {\n    notificationsPage: {\n      title: 'Notifications',\n      tableTitle: {\n        all_one: 'All notifications ({{count}})',\n        all_other: 'All notifications ({{count}})',\n        saved_one: 'Saved notifications ({{count}})',\n        saved_other: 'Saved notifications ({{count}})',\n        unread_one: 'Unread notifications ({{count}})',\n        unread_other: 'Unread notifications ({{count}})',\n        read_one: 'Read notifications ({{count}})',\n        read_other: 'Read notifications ({{count}})',\n      },\n    },\n    filters: {\n      title: 'Filters',\n      view: {\n        label: 'View',\n        unread: 'Unread notifications',\n        read: 'Read notifications',\n        saved: 'Saved',\n        all: 'All',\n      },\n      createdAfter: {\n        label: 'Sent out',\n        placeholder: 'Notifications since',\n        last24h: 'Last 24h',\n        lastWeek: 'Last week',\n        anyTime: 'Any time',\n      },\n      sortBy: {\n        label: 'Sort by',\n        placeholder: 'Field to sort by',\n        newest: 'Newest on top',\n        oldest: 'Oldest on top',\n        topic: 'Topic',\n        origin: 'Origin',\n      },\n      severity: {\n        label: 'Min severity',\n        critical: 'Critical',\n        high: 'High',\n        normal: 'Normal',\n        low: 'Low',\n      },\n      topic: {\n        label: 'Topic',\n        anyTopic: 'Any topic',\n      },\n    },\n    table: {\n      emptyMessage: 'No records to display',\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      bulkActions: {\n        markAllRead: 'Mark all read',\n        markSelectedAsRead: 'Mark selected as read',\n        returnSelectedAmongUnread: 'Return selected among unread',\n        saveSelectedForLater: 'Save selected for later',\n        undoSaveForSelected: 'Undo save for selected',\n      },\n      confirmDialog: {\n        title: 'Are you sure?',\n        markAllReadDescription: 'Mark <b>all</b> notifications as <b>read</b>.',\n        markAllReadConfirmation: 'Mark All',\n      },\n      errors: {\n        markAllReadFailed: 'Failed to mark all notifications as read',\n      },\n    },\n    sidebar: {\n      title: 'Notifications',\n      errors: {\n        markAsReadFailed: 'Failed to mark notification as read',\n        fetchNotificationFailed: 'Failed to fetch notification',\n      },\n    },\n    settings: {\n      title: 'Notification settings',\n      errorTitle: 'Failed to load settings',\n      noSettingsAvailable:\n        'No notification settings available, check back later',\n      table: {\n        origin: 'Origin',\n        topic: 'Topic',\n      },\n      errors: {\n        useNotificationFormat:\n          'useNotificationFormat must be used within a NotificationFormatProvider',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"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 { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/** @public */\nexport const notificationsTranslationRef = createTranslationRef({\n  id: 'plugin.notifications',\n  messages: {\n    notificationsPage: {\n      title: 'Notifications',\n      tableTitle: {\n        all_one: 'All notifications ({{count}})',\n        all_other: 'All notifications ({{count}})',\n        saved_one: 'Saved notifications ({{count}})',\n        saved_other: 'Saved notifications ({{count}})',\n        unread_one: 'Unread notifications ({{count}})',\n        unread_other: 'Unread notifications ({{count}})',\n        read_one: 'Read notifications ({{count}})',\n        read_other: 'Read notifications ({{count}})',\n      },\n    },\n    filters: {\n      title: 'Filters',\n      view: {\n        label: 'View',\n        unread: 'Unread notifications',\n        read: 'Read notifications',\n        saved: 'Saved',\n        all: 'All',\n      },\n      createdAfter: {\n        label: 'Sent out',\n        placeholder: 'Notifications since',\n        last24h: 'Last 24h',\n        lastWeek: 'Last week',\n        anyTime: 'Any time',\n      },\n      sortBy: {\n        label: 'Sort by',\n        placeholder: 'Field to sort by',\n        newest: 'Newest on top',\n        oldest: 'Oldest on top',\n        topic: 'Topic',\n        origin: 'Origin',\n      },\n      severity: {\n        label: 'Min severity',\n        critical: 'Critical',\n        high: 'High',\n        normal: 'Normal',\n        low: 'Low',\n      },\n      topic: {\n        label: 'Topic',\n        anyTopic: 'Any topic',\n      },\n    },\n    table: {\n      emptyMessage: 'No records to display',\n      pagination: {\n        firstTooltip: 'First Page',\n        labelDisplayedRows: '{from}-{to} of {count}',\n        labelRowsSelect: 'rows',\n        lastTooltip: 'Last Page',\n        nextTooltip: 'Next Page',\n        previousTooltip: 'Previous Page',\n      },\n      bulkActions: {\n        markAllRead: 'Mark all read',\n        markSelectedAsRead: 'Mark selected as read',\n        returnSelectedAmongUnread: 'Return selected among unread',\n        saveSelectedForLater: 'Save selected for later',\n        undoSaveForSelected: 'Undo save for selected',\n      },\n      confirmDialog: {\n        title: 'Are you sure?',\n        markAllReadDescription: 'Mark all notifications as read.',\n        markAllReadConfirmation: 'Mark All',\n        cancel: 'Cancel',\n      },\n      errors: {\n        markAllReadFailed: 'Failed to mark all notifications as read',\n      },\n    },\n    sidebar: {\n      title: 'Notifications',\n      errors: {\n        markAsReadFailed: 'Failed to mark notification as read',\n        fetchNotificationFailed: 'Failed to fetch notification',\n      },\n    },\n    settings: {\n      title: 'Notification settings',\n      errorTitle: 'Failed to load settings',\n      noSettingsAvailable:\n        'No notification settings available, check back later',\n      table: {\n        origin: 'Origin',\n        topic: 'Topic',\n      },\n      errors: {\n        useNotificationFormat:\n          'useNotificationFormat must be used within a NotificationFormatProvider',\n      },\n    },\n  },\n});\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-notifications",
-  "version": "0.5.16-next.1",
+  "version": "0.5.16-next.2",
   "backstage": {
     "role": "frontend-plugin",
     "pluginId": "notifications",
@@ -63,28 +63,25 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "0.18.9-next.0",
-    "@backstage/core-plugin-api": "1.12.5-next.1",
-    "@backstage/errors": "1.2.7",
-    "@backstage/frontend-plugin-api": "0.16.0-next.1",
-    "@backstage/plugin-notifications-common": "0.2.1",
+    "@backstage/core-components": "0.18.9-next.1",
+    "@backstage/core-plugin-api": "1.12.5-next.2",
+    "@backstage/errors": "1.3.0-next.0",
+    "@backstage/frontend-plugin-api": "0.16.0-next.2",
+    "@backstage/plugin-notifications-common": "0.2.2-next.0",
     "@backstage/plugin-signals-react": "0.0.21-next.0",
-    "@backstage/theme": "0.7.2",
-    "@backstage/ui": "0.14.0-next.1",
-    "@material-ui/core": "^4.9.13",
-    "@material-ui/icons": "^4.9.1",
+    "@backstage/theme": "0.7.3-next.0",
+    "@backstage/ui": "0.14.0-next.2",
     "@remixicon/react": "^4.6.0",
     "lodash": "^4.17.21",
-    "material-ui-confirm": "^3.0.12",
     "notistack": "^3.0.1",
     "react-relative-time": "^0.0.9",
     "react-use": "^17.2.4"
   },
   "devDependencies": {
-    "@backstage/cli": "0.36.1-next.1",
-    "@backstage/dev-utils": "1.1.22-next.1",
-    "@backstage/plugin-signals": "0.0.30-next.1",
-    "@backstage/test-utils": "1.7.17-next.1",
+    "@backstage/cli": "0.36.1-next.2",
+    "@backstage/dev-utils": "1.1.22-next.2",
+    "@backstage/plugin-signals": "0.0.30-next.2",
+    "@backstage/test-utils": "1.7.17-next.2",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",
     "@types/react": "^18.0.0",