@backstage/plugin-notifications 0.5.21-next.2 → 0.6.1-next.0

package/dist/components/NotificationsTable/BulkActions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.esm.js","sources":["../../../src/components/NotificationsTable/BulkActions.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 { Notification } from '@backstage/plugin-notifications-common';\nimport { ButtonIcon, Flex, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport {\n  RiCheckDoubleLine,\n  RiBookmarkLine,\n  RiBookmark3Line,\n  RiCheckboxCircleLine,\n  RiMailLine,\n} from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\nexport const BulkActions = ({\n  selectedNotifications,\n  notifications,\n  isUnread,\n  onSwitchReadStatus,\n  onSwitchSavedStatus,\n  onMarkAllRead,\n}: {\n  selectedNotifications: Set<Notification['id']>;\n  notifications: Notification[];\n  isUnread?: boolean;\n  onSwitchReadStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n  onSwitchSavedStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n  onMarkAllRead?: () => void;\n}) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const isDisabled = selectedNotifications.size === 0;\n  const bulkNotifications = notifications.filter(notification =>\n    selectedNotifications.has(notification.id),\n  );\n\n  const isOneRead = !!bulkNotifications.find(\n    (notification: Notification) => !!notification.read,\n  );\n  const isOneSaved = !!bulkNotifications.find(\n    (notification: Notification) => !!notification.saved,\n  );\n\n  const markAsReadText = isOneRead\n    ? t('table.bulkActions.returnSelectedAmongUnread')\n    : t('table.bulkActions.markSelectedAsRead');\n  const ReadIcon = isOneRead ? RiMailLine : RiCheckboxCircleLine;\n\n  const markAsSavedText = isOneSaved\n    ? t('table.bulkActions.undoSaveForSelected')\n    : t('table.bulkActions.saveSelectedForLater');\n  const SavedIcon = isOneSaved ? RiBookmark3Line : RiBookmarkLine;\n  const markAllReadText = t('table.bulkActions.markAllRead');\n\n  return (\n    <Flex gap=\"1\">\n      {onMarkAllRead ? (\n        <TooltipTrigger>\n          <ButtonIcon\n            aria-label={markAllReadText}\n            isDisabled={!isUnread}\n            onPress={onMarkAllRead}\n            icon={<RiCheckDoubleLine size={16} />}\n            variant=\"secondary\"\n          />\n          <Tooltip>{markAllReadText}</Tooltip>\n        </TooltipTrigger>\n      ) : (\n        <div />\n      )}\n\n      <TooltipTrigger>\n        <ButtonIcon\n          aria-label={markAsSavedText}\n          isDisabled={isDisabled}\n          onPress={() => {\n            onSwitchSavedStatus([...selectedNotifications], !isOneSaved);\n          }}\n          icon={<SavedIcon size={16} />}\n          variant=\"secondary\"\n        />\n        <Tooltip>{markAsSavedText}</Tooltip>\n      </TooltipTrigger>\n\n      <TooltipTrigger>\n        <ButtonIcon\n          aria-label={markAsReadText}\n          isDisabled={isDisabled}\n          onPress={() => {\n            onSwitchReadStatus([...selectedNotifications], !isOneRead);\n          }}\n          icon={<ReadIcon size={16} />}\n          variant=\"secondary\"\n        />\n        <Tooltip>{markAsReadText}</Tooltip>\n      </TooltipTrigger>\n    </Flex>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"BulkActions.esm.js","sources":["../../../src/components/NotificationsTable/BulkActions.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 { Notification } from '@backstage/plugin-notifications-common';\nimport { ButtonIcon, Flex, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport {\n  RiCheckDoubleLine,\n  RiBookmarkLine,\n  RiBookmark3Line,\n  RiCheckboxCircleLine,\n  RiMailLine,\n} from '@remixicon/react';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\nexport const BulkActions = ({\n  selectedNotifications,\n  notifications,\n  isUnread,\n  onSwitchReadStatus,\n  onSwitchSavedStatus,\n  onMarkAllRead,\n}: {\n  selectedNotifications: Set<Notification['id']>;\n  notifications: Notification[];\n  isUnread?: boolean;\n  onSwitchReadStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n  onSwitchSavedStatus: (ids: Notification['id'][], newStatus: boolean) => void;\n  onMarkAllRead?: () => void;\n}) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const isDisabled = selectedNotifications.size === 0;\n  const bulkNotifications = notifications.filter(notification =>\n    selectedNotifications.has(notification.id),\n  );\n\n  const isOneRead = !!bulkNotifications.find(\n    (notification: Notification) => !!notification.read,\n  );\n  const isOneSaved = !!bulkNotifications.find(\n    (notification: Notification) => !!notification.saved,\n  );\n\n  const markAsReadText = isOneRead\n    ? t('table.bulkActions.returnSelectedAmongUnread')\n    : t('table.bulkActions.markSelectedAsRead');\n  const ReadIcon = isOneRead ? RiMailLine : RiCheckboxCircleLine;\n\n  const markAsSavedText = isOneSaved\n    ? t('table.bulkActions.undoSaveForSelected')\n    : t('table.bulkActions.saveSelectedForLater');\n  const SavedIcon = isOneSaved ? RiBookmark3Line : RiBookmarkLine;\n  const markAllReadText = t('table.bulkActions.markAllRead');\n\n  return (\n    <Flex gap=\"1\">\n      {onMarkAllRead ? (\n        <TooltipTrigger>\n          <ButtonIcon\n            aria-label={markAllReadText}\n            isDisabled={!isUnread}\n            onPress={onMarkAllRead}\n            icon={<RiCheckDoubleLine size={16} />}\n            variant=\"secondary\"\n          />\n          <Tooltip>{markAllReadText}</Tooltip>\n        </TooltipTrigger>\n      ) : (\n        <div />\n      )}\n\n      <TooltipTrigger>\n        <ButtonIcon\n          aria-label={markAsSavedText}\n          isDisabled={isDisabled}\n          onPress={() => {\n            onSwitchSavedStatus([...selectedNotifications], !isOneSaved);\n          }}\n          icon={<SavedIcon size={16} />}\n          variant=\"secondary\"\n        />\n        <Tooltip>{markAsSavedText}</Tooltip>\n      </TooltipTrigger>\n\n      <TooltipTrigger>\n        <ButtonIcon\n          aria-label={markAsReadText}\n          isDisabled={isDisabled}\n          onPress={() => {\n            onSwitchReadStatus([...selectedNotifications], !isOneRead);\n          }}\n          icon={<ReadIcon size={16} />}\n          variant=\"secondary\"\n        />\n        <Tooltip>{markAsReadText}</Tooltip>\n      </TooltipTrigger>\n    </Flex>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/NotificationsTable/DefaultNotificationDescription.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNotificationDescription.esm.js","sources":["../../../src/components/NotificationsTable/DefaultNotificationDescription.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 { Text, Button } from '@backstage/ui';\nimport { useState } from 'react';\nimport type { NotificationDescriptionProps } from './NotificationDescription';\n\nconst MAX_LENGTH = 100;\n\nexport const DefaultNotificationDescription = (\n  props: NotificationDescriptionProps,\n) => {\n  const { description } = props;\n  const [shown, setShown] = useState(false);\n  const isLong = description.length > MAX_LENGTH;\n\n  if (!isLong) {\n    return <Text variant=\"body-small\">{description}</Text>;\n  }\n\n  if (shown) {\n    return (\n      <Text variant=\"body-small\">\n        {description}{' '}\n        <Button\n          variant=\"tertiary\"\n          onPress={() => {\n            setShown(false);\n          }}\n        >\n          Show less\n        </Button>\n      </Text>\n    );\n  }\n  return (\n    <Text variant=\"body-small\">\n      {description.substring(0, MAX_LENGTH)}...{' '}\n      <Button\n        variant=\"tertiary\"\n        onPress={() => {\n          setShown(true);\n        }}\n      >\n        Show more\n      </Button>\n    </Text>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBA,MAAM,UAAA,GAAa,GAAA;AAEZ,MAAM,8BAAA,GAAiC,CAC5C,KAAA,KACG;AACH,EAAA,MAAM,EAAE,aAAY,GAAI,KAAA;AACxB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAA,MAAM,MAAA,GAAS,YAAY,MAAA,GAAS,UAAA;AAEpC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAc,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,EACjD;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EACX,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAa,GAAA;AAAA,sBACd,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,UAAA;AAAA,UACR,SAAS,MAAM;AACb,YAAA,QAAA,CAAS,KAAK,CAAA;AAAA,UAChB,CAAA;AAAA,UACD,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF,CAAA;AAAA,EAEJ;AACA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EACX,QAAA,EAAA;AAAA,IAAA,WAAA,CAAY,SAAA,CAAU,GAAG,UAAU,CAAA;AAAA,IAAE,KAAA;AAAA,IAAI,GAAA;AAAA,oBAC1C,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,UAAA;AAAA,QACR,SAAS,MAAM;AACb,UAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACf,CAAA;AAAA,QACD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DefaultNotificationDescription.esm.js","sources":["../../../src/components/NotificationsTable/DefaultNotificationDescription.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 { Text, Button } from '@backstage/ui';\nimport { useState } from 'react';\nimport type { NotificationDescriptionProps } from './NotificationDescription';\n\nconst MAX_LENGTH = 100;\n\nexport const DefaultNotificationDescription = (\n  props: NotificationDescriptionProps,\n) => {\n  const { description } = props;\n  const [shown, setShown] = useState(false);\n  const isLong = description.length > MAX_LENGTH;\n\n  if (!isLong) {\n    return <Text variant=\"body-small\">{description}</Text>;\n  }\n\n  if (shown) {\n    return (\n      <Text variant=\"body-small\">\n        {description}{' '}\n        <Button\n          variant=\"tertiary\"\n          onPress={() => {\n            setShown(false);\n          }}\n        >\n          Show less\n        </Button>\n      </Text>\n    );\n  }\n  return (\n    <Text variant=\"body-small\">\n      {description.substring(0, MAX_LENGTH)}...{' '}\n      <Button\n        variant=\"tertiary\"\n        onPress={() => {\n          setShown(true);\n        }}\n      >\n        Show more\n      </Button>\n    </Text>\n  );\n};\n"],"names":[],"mappings":";;;;AAmBA,MAAM,UAAA,GAAa,GAAA;AAEZ,MAAM,8BAAA,GAAiC,CAC5C,KAAA,KACG;AACH,EAAA,MAAM,EAAE,aAAY,GAAI,KAAA;AACxB,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA;AACxC,EAAA,MAAM,MAAA,GAAS,YAAY,MAAA,GAAS,UAAA;AAEpC,EAAA,IAAI,CAAC,MAAA,EAAQ;AACX,IAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EAAc,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,EACjD;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EACX,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAa,GAAA;AAAA,sBACd,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,UAAA;AAAA,UACR,SAAS,MAAM;AACb,YAAA,QAAA,CAAS,KAAK,CAAA;AAAA,UAChB,CAAA;AAAA,UACD,QAAA,EAAA;AAAA;AAAA;AAED,KAAA,EACF,CAAA;AAAA,EAEJ;AACA,EAAA,uBACE,IAAA,CAAC,IAAA,EAAA,EAAK,OAAA,EAAQ,YAAA,EACX,QAAA,EAAA;AAAA,IAAA,WAAA,CAAY,SAAA,CAAU,GAAG,UAAU,CAAA;AAAA,IAAE,KAAA;AAAA,IAAI,GAAA;AAAA,oBAC1C,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,UAAA;AAAA,QACR,SAAS,MAAM;AACb,UAAA,QAAA,CAAS,IAAI,CAAA;AAAA,QACf,CAAA;AAAA,QACD,QAAA,EAAA;AAAA;AAAA;AAED,GAAA,EACF,CAAA;AAEJ;;"}

package/dist/components/NotificationsTable/NotificationDescription.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationDescription.esm.js","sources":["../../../src/components/NotificationsTable/NotificationDescription.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 { createSwappableComponent } from '@backstage/frontend-plugin-api';\n\n/**\n * Props for the {@link NotificationDescription} swappable component.\n *\n * @public\n */\nexport interface NotificationDescriptionProps {\n  /**\n   * The plain-text description of the notification.\n   */\n  description: string;\n}\n\n/**\n * Swappable component that renders the description of a notification in the\n * notifications table. Apps can override this to customize how descriptions\n * are displayed.\n *\n * @public\n */\nexport const NotificationDescription =\n  createSwappableComponent<NotificationDescriptionProps>({\n    id: 'notifications.notification-description',\n    loader: () =>\n      import('./DefaultNotificationDescription').then(\n        m => m.DefaultNotificationDescription,\n      ),\n  });\n"],"names":[],"mappings":";;AAoCO,MAAM,0BACX,wBAAA,CAAuD;AAAA,EACrD,EAAA,EAAI,wCAAA;AAAA,EACJ,MAAA,EAAQ,MACN,OAAO,yCAAkC,CAAA,CAAE,IAAA;AAAA,IACzC,OAAK,CAAA,CAAE;AAAA;AAEb,CAAC;;;;"}
+{"version":3,"file":"NotificationDescription.esm.js","sources":["../../../src/components/NotificationsTable/NotificationDescription.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 { createSwappableComponent } from '@backstage/frontend-plugin-api';\n\n/**\n * Props for the {@link NotificationDescription} swappable component.\n *\n * @public\n */\nexport interface NotificationDescriptionProps {\n  /**\n   * The plain-text description of the notification.\n   */\n  description: string;\n}\n\n/**\n * Swappable component that renders the description of a notification in the\n * notifications table. Apps can override this to customize how descriptions\n * are displayed.\n *\n * @public\n */\nexport const NotificationDescription =\n  createSwappableComponent<NotificationDescriptionProps>({\n    id: 'notifications.notification-description',\n    loader: () =>\n      import('./DefaultNotificationDescription').then(\n        m => m.DefaultNotificationDescription,\n      ),\n  });\n"],"names":[],"mappings":";;AAoCO,MAAM,0BACX,wBAAA,CAAuD;AAAA,EACrD,EAAA,EAAI,wCAAA;AAAA,EACJ,MAAA,EAAQ,MACN,OAAO,yCAAkC,CAAA,CAAE,IAAA;AAAA,IACzC,OAAK,CAAA,CAAE;AAAA;AAEb,CAAC;;"}

package/dist/components/NotificationsTable/NotificationIcon.esm.js

@@ -1,18 +1,24 @@
 import { jsx } from 'react/jsx-runtime';
-import { useApp } from '@backstage/core-plugin-api';
+import { useApi, iconsApiRef } from '@backstage/frontend-plugin-api';
 import { SeverityIcon } from './SeverityIcon.esm.js';
 
+function NotificationIconWithCustomIcon({
+  notification
+}) {
+  const iconsApi = useApi(iconsApiRef);
+  const Icon = iconsApi.getIcon(notification.payload.icon);
+  if (Icon) {
+    return /* @__PURE__ */ jsx(Icon, {});
+  }
+  return /* @__PURE__ */ jsx(SeverityIcon, { severity: notification.payload.severity });
+}
 const NotificationIcon = ({
   notification
 }) => {
-  const app = useApp();
-  if (notification.payload.icon) {
-    const Icon = app.getSystemIcon(notification.payload.icon);
-    if (Icon) {
-      return /* @__PURE__ */ jsx(Icon, {});
-    }
+  if (!notification.payload.icon) {
+    return /* @__PURE__ */ jsx(SeverityIcon, { severity: notification.payload.severity });
   }
-  return /* @__PURE__ */ jsx(SeverityIcon, { severity: notification.payload.severity });
+  return /* @__PURE__ */ jsx(NotificationIconWithCustomIcon, { notification });
 };
 
 export { NotificationIcon };

package/dist/components/NotificationsTable/NotificationIcon.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationIcon.esm.js","sources":["../../../src/components/NotificationsTable/NotificationIcon.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 { Notification } from '@backstage/plugin-notifications-common';\nimport { useApp } from '@backstage/core-plugin-api';\nimport { SeverityIcon } from './SeverityIcon';\n\nexport const NotificationIcon = ({\n  notification,\n}: {\n  notification: Notification;\n}) => {\n  const app = useApp();\n\n  if (notification.payload.icon) {\n    const Icon = app.getSystemIcon(notification.payload.icon);\n    if (Icon) {\n      return <Icon />;\n    }\n  }\n  return <SeverityIcon severity={notification.payload.severity} />;\n};\n"],"names":[],"mappings":";;;;AAmBO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AACF,CAAA,KAEM;AACJ,EAAA,MAAM,MAAM,MAAA,EAAO;AAEnB,EAAA,IAAI,YAAA,CAAa,QAAQ,IAAA,EAAM;AAC7B,IAAA,MAAM,IAAA,GAAO,GAAA,CAAI,aAAA,CAAc,YAAA,CAAa,QAAQ,IAAI,CAAA;AACxD,IAAA,IAAI,IAAA,EAAM;AACR,MAAA,2BAAQ,IAAA,EAAA,EAAK,CAAA;AAAA,IACf;AAAA,EACF;AACA,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAU,YAAA,CAAa,QAAQ,QAAA,EAAU,CAAA;AAChE;;;;"}
+{"version":3,"file":"NotificationIcon.esm.js","sources":["../../../src/components/NotificationsTable/NotificationIcon.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 { Notification } from '@backstage/plugin-notifications-common';\nimport { iconsApiRef, useApi } from '@backstage/frontend-plugin-api';\nimport { SeverityIcon } from './SeverityIcon';\n\nfunction NotificationIconWithCustomIcon({\n  notification,\n}: {\n  notification: Notification;\n}) {\n  const iconsApi = useApi(iconsApiRef);\n  const Icon = iconsApi.getIcon(notification.payload.icon!);\n  if (Icon) {\n    return <Icon />;\n  }\n  return <SeverityIcon severity={notification.payload.severity} />;\n}\n\nexport const NotificationIcon = ({\n  notification,\n}: {\n  notification: Notification;\n}) => {\n  if (!notification.payload.icon) {\n    return <SeverityIcon severity={notification.payload.severity} />;\n  }\n\n  return <NotificationIconWithCustomIcon notification={notification} />;\n};\n"],"names":[],"mappings":";;;;AAmBA,SAAS,8BAAA,CAA+B;AAAA,EACtC;AACF,CAAA,EAEG;AACD,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AACnC,EAAA,MAAM,IAAA,GAAO,QAAA,CAAS,OAAA,CAAQ,YAAA,CAAa,QAAQ,IAAK,CAAA;AACxD,EAAA,IAAI,IAAA,EAAM;AACR,IAAA,2BAAQ,IAAA,EAAA,EAAK,CAAA;AAAA,EACf;AACA,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAU,YAAA,CAAa,QAAQ,QAAA,EAAU,CAAA;AAChE;AAEO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AACF,CAAA,KAEM;AACJ,EAAA,IAAI,CAAC,YAAA,CAAa,OAAA,CAAQ,IAAA,EAAM;AAC9B,IAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAU,YAAA,CAAa,QAAQ,QAAA,EAAU,CAAA;AAAA,EAChE;AAEA,EAAA,uBAAO,GAAA,CAAC,kCAA+B,YAAA,EAA4B,CAAA;AACrE;;"}

package/dist/components/NotificationsTable/NotificationsTable.esm.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useCallback, useMemo, useEffect } from 'react';
+import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import throttle from 'lodash/throttle';
 import RelativeTime from 'react-relative-time';
 import { Checkbox, Flex, Text, Dialog, DialogHeader, DialogBody, DialogFooter, Button } from '@backstage/ui';
@@ -23,6 +23,7 @@ const NotificationsTable = ({
   markAsReadOnLinkOpen,
   isLoading,
   notifications = [],
+  highlightedNotificationId,
   isUnread,
   onUpdate,
   setContainsText,
@@ -101,6 +102,30 @@ const NotificationsTable = ({
       setSelectedNotifications(new Set(intersect));
     }
   }, [notifications, selectedNotifications]);
+  const focusedHighlightedIdRef = useRef(void 0);
+  useEffect(() => {
+    if (!highlightedNotificationId) {
+      focusedHighlightedIdRef.current = void 0;
+      return;
+    }
+    if (focusedHighlightedIdRef.current === highlightedNotificationId) {
+      return;
+    }
+    const highlightedElement = document.getElementById(
+      `notification-${highlightedNotificationId}`
+    );
+    if (!highlightedElement) {
+      return;
+    }
+    if (typeof highlightedElement.scrollIntoView === "function") {
+      highlightedElement.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }
+    highlightedElement.focus({ preventScroll: true });
+    focusedHighlightedIdRef.current = highlightedNotificationId;
+  }, [highlightedNotificationId, notifications]);
   const compactColumns = useMemo(() => {
     const showToolbar = notifications.length > 0;
     return [
@@ -133,47 +158,56 @@ const NotificationsTable = ({
         customFilterAndSearch: () => true,
         cellStyle: { paddingLeft: 0 },
         render: (notification) => {
-          return /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
-            /* @__PURE__ */ jsx("div", { className: styles.severityItem, children: /* @__PURE__ */ jsx(NotificationIcon, { notification }) }),
-            /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
-              /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: notification.payload.link ? /* @__PURE__ */ jsx(
-                Link,
-                {
-                  to: notification.payload.link,
-                  onClick: () => {
-                    if (markAsReadOnLinkOpen && !notification.read) {
-                      onSwitchReadStatus([notification.id], true);
+          const isHighlighted = highlightedNotificationId === notification.id;
+          return /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: `notification-${notification.id}`,
+              tabIndex: isHighlighted ? -1 : void 0,
+              className: isHighlighted ? styles.highlightedNotification : void 0,
+              children: /* @__PURE__ */ jsxs(Flex, { gap: "4", align: "center", children: [
+                /* @__PURE__ */ jsx("div", { className: styles.severityItem, children: /* @__PURE__ */ jsx(NotificationIcon, { notification }) }),
+                /* @__PURE__ */ jsxs(Flex, { direction: "column", gap: "1", children: [
+                  /* @__PURE__ */ jsx(Text, { variant: "body-medium", children: notification.payload.link ? /* @__PURE__ */ jsx(
+                    Link,
+                    {
+                      to: notification.payload.link,
+                      onClick: () => {
+                        if (markAsReadOnLinkOpen && !notification.read) {
+                          onSwitchReadStatus([notification.id], true);
+                        }
+                      },
+                      children: notification.payload.title
+                    }
+                  ) : notification.payload.title }),
+                  notification.payload.description ? /* @__PURE__ */ jsx(
+                    NotificationDescription,
+                    {
+                      description: notification.payload.description
                     }
-                  },
-                  children: notification.payload.title
-                }
-              ) : notification.payload.title }),
-              notification.payload.description ? /* @__PURE__ */ jsx(
-                NotificationDescription,
-                {
-                  description: notification.payload.description
-                }
-              ) : null,
-              /* @__PURE__ */ jsxs(Text, { variant: "body-small", color: "secondary", children: [
-                !notification.user && /* @__PURE__ */ jsx(RiRssFill, { size: 14, className: styles.broadcastIcon }),
-                notification.origin && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.origin }),
-                  "\u2022"
-                ] }),
-                notification.payload.topic && /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.payload.topic }),
-                  "\u2022"
-                ] }),
-                notification.created && /* @__PURE__ */ jsx(
-                  RelativeTime,
-                  {
-                    value: notification.created,
-                    className: styles.notificationInfoRow
-                  }
-                )
+                  ) : null,
+                  /* @__PURE__ */ jsxs(Text, { variant: "body-small", color: "secondary", children: [
+                    !notification.user && /* @__PURE__ */ jsx(RiRssFill, { size: 14, className: styles.broadcastIcon }),
+                    notification.origin && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.origin }),
+                      "\u2022"
+                    ] }),
+                    notification.payload.topic && /* @__PURE__ */ jsxs(Fragment, { children: [
+                      /* @__PURE__ */ jsx("span", { className: styles.notificationInfoRow, children: notification.payload.topic }),
+                      "\u2022"
+                    ] }),
+                    notification.created && /* @__PURE__ */ jsx(
+                      RelativeTime,
+                      {
+                        value: notification.created,
+                        className: styles.notificationInfoRow
+                      }
+                    )
+                  ] })
+                ] })
               ] })
-            ] })
-          ] });
+            }
+          );
         }
       },
       {
@@ -209,7 +243,8 @@ const NotificationsTable = ({
     onSwitchSavedStatus,
     onMarkAllRead,
     onNotificationsSelectChange,
-    markAsReadOnLinkOpen
+    markAsReadOnLinkOpen,
+    highlightedNotificationId
   ]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(

package/dist/components/NotificationsTable/NotificationsTable.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsTable.esm.js","sources":["../../../src/components/NotificationsTable/NotificationsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { useCallback, useEffect, useMemo, useState } from 'react';\nimport throttle from 'lodash/throttle';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport { Notification } from '@backstage/plugin-notifications-common';\nimport {\n  Button,\n  Checkbox,\n  Dialog,\n  DialogBody,\n  DialogFooter,\n  DialogHeader,\n  Flex,\n  Text,\n} from '@backstage/ui';\nimport { RiRssFill } from '@remixicon/react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { toastApiRef } from '@backstage/frontend-plugin-api';\nimport {\n  Link,\n  Table,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\nimport { notificationsApiRef } from '../../api';\nimport { SelectAll } from './SelectAll';\nimport { BulkActions } from './BulkActions';\nimport { NotificationIcon } from './NotificationIcon';\nimport { NotificationDescription } from './NotificationDescription';\n\nimport styles from './NotificationsTable.module.css';\n\nconst ThrottleDelayMs = 1000;\n\n/** @public */\nexport type NotificationsTableProps = Pick<\n  TableProps,\n  'onPageChange' | 'onRowsPerPageChange' | 'page' | 'totalCount' | 'title'\n> & {\n  markAsReadOnLinkOpen?: boolean;\n  isLoading?: boolean;\n  isUnread: boolean;\n  notifications?: Notification[];\n  onUpdate: () => void;\n  setContainsText: (search: string) => void;\n  pageSize: number;\n};\n\n/** @public */\nexport const NotificationsTable = ({\n  title,\n  markAsReadOnLinkOpen,\n  isLoading,\n  notifications = [],\n  isUnread,\n  onUpdate,\n  setContainsText,\n  onPageChange,\n  onRowsPerPageChange,\n  page,\n  pageSize,\n  totalCount,\n}: NotificationsTableProps) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const notificationsApi = useApi(notificationsApiRef);\n  const toastApi = useApi(toastApiRef);\n  const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);\n\n  const [selectedNotifications, setSelectedNotifications] = useState(\n    new Set<Notification['id']>(),\n  );\n\n  const onNotificationsSelectChange = useCallback(\n    (ids: Notification['id'][], checked: boolean) => {\n      let newSelect: Set<Notification['id']>;\n      if (checked) {\n        newSelect = new Set([...selectedNotifications, ...ids]);\n      } else {\n        newSelect = new Set(selectedNotifications);\n        ids.forEach(id => newSelect.delete(id));\n      }\n      setSelectedNotifications(newSelect);\n    },\n    [selectedNotifications, setSelectedNotifications],\n  );\n\n  const onSwitchReadStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          read: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  const onSwitchSavedStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          saved: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  const doMarkAllRead = useCallback(async () => {\n    setConfirmDialogOpen(false);\n    try {\n      const result = await notificationsApi.getNotifications({ read: false });\n      const ids =\n        result.notifications?.map(notification => notification.id) ?? [];\n      if (ids.length === 0) return;\n      await notificationsApi.updateNotifications({ ids, read: true });\n      onUpdate();\n    } catch {\n      toastApi.post({\n        title: t('table.errors.markAllReadFailed'),\n        status: 'danger',\n      });\n    }\n  }, [notificationsApi, onUpdate, toastApi, t]);\n\n  const onMarkAllRead = useCallback(() => {\n    setConfirmDialogOpen(true);\n  }, []);\n\n  const throttledContainsTextHandler = useMemo(\n    () => throttle(setContainsText, ThrottleDelayMs),\n    [setContainsText],\n  );\n\n  useEffect(() => {\n    const allShownIds = new Set(notifications.map(n => n.id));\n    const intersect = [...selectedNotifications].filter(id =>\n      allShownIds.has(id),\n    );\n    if (selectedNotifications.size !== intersect.length) {\n      setSelectedNotifications(new Set(intersect));\n    }\n  }, [notifications, selectedNotifications]);\n\n  const compactColumns = useMemo((): TableColumn<Notification>[] => {\n    const showToolbar = notifications.length > 0;\n    return [\n      {\n        /* selection column */\n        width: '1rem',\n        cellStyle: { paddingRight: '2.5rem' },\n        title: showToolbar ? (\n          <SelectAll\n            count={selectedNotifications.size}\n            totalCount={notifications.length}\n            onSelectAll={() =>\n              onNotificationsSelectChange(\n                notifications.map(notification => notification.id),\n                selectedNotifications.size !== notifications.length,\n              )\n            }\n          />\n        ) : undefined,\n        render: (notification: Notification) => (\n          <Checkbox\n            aria-label=\"Select notification\"\n            isSelected={selectedNotifications.has(notification.id)}\n            onChange={checked =>\n              onNotificationsSelectChange([notification.id], checked)\n            }\n          />\n        ),\n      },\n      {\n        /* compact-data column */\n        customFilterAndSearch: () =>\n          true /* Keep sorting&filtering on backend due to pagination. */,\n        cellStyle: { paddingLeft: 0 },\n        render: (notification: Notification) => {\n          // Compact content\n          return (\n            <Flex gap=\"4\" align=\"center\">\n              <div className={styles.severityItem}>\n                <NotificationIcon notification={notification} />\n              </div>\n              <Flex direction=\"column\" gap=\"1\">\n                <Text variant=\"body-medium\">\n                  {notification.payload.link ? (\n                    <Link\n                      to={notification.payload.link}\n                      onClick={() => {\n                        if (markAsReadOnLinkOpen && !notification.read) {\n                          onSwitchReadStatus([notification.id], true);\n                        }\n                      }}\n                    >\n                      {notification.payload.title}\n                    </Link>\n                  ) : (\n                    notification.payload.title\n                  )}\n                </Text>\n                {notification.payload.description ? (\n                  <NotificationDescription\n                    description={notification.payload.description}\n                  />\n                ) : null}\n\n                <Text variant=\"body-small\" color=\"secondary\">\n                  {!notification.user && (\n                    <RiRssFill size={14} className={styles.broadcastIcon} />\n                  )}\n                  {notification.origin && (\n                    <>\n                      <span className={styles.notificationInfoRow}>\n                        {notification.origin}\n                      </span>\n                      &bull;\n                    </>\n                  )}\n                  {notification.payload.topic && (\n                    <>\n                      <span className={styles.notificationInfoRow}>\n                        {notification.payload.topic}\n                      </span>\n                      &bull;\n                    </>\n                  )}\n                  {notification.created && (\n                    <RelativeTime\n                      value={notification.created}\n                      className={styles.notificationInfoRow}\n                    />\n                  )}\n                </Text>\n              </Flex>\n            </Flex>\n          );\n        },\n      },\n      {\n        /* actions column */\n        width: '1rem',\n        title: showToolbar ? (\n          <BulkActions\n            notifications={notifications}\n            selectedNotifications={selectedNotifications}\n            isUnread={isUnread}\n            onSwitchReadStatus={onSwitchReadStatus}\n            onSwitchSavedStatus={onSwitchSavedStatus}\n            onMarkAllRead={onMarkAllRead}\n          />\n        ) : undefined,\n        render: (notification: Notification) => (\n          <BulkActions\n            notifications={[notification]}\n            selectedNotifications={new Set([notification.id])}\n            onSwitchReadStatus={onSwitchReadStatus}\n            onSwitchSavedStatus={onSwitchSavedStatus}\n          />\n        ),\n      },\n    ];\n  }, [\n    notifications,\n    selectedNotifications,\n    isUnread,\n    onSwitchReadStatus,\n    onSwitchSavedStatus,\n    onMarkAllRead,\n    onNotificationsSelectChange,\n    markAsReadOnLinkOpen,\n  ]);\n\n  return (\n    <>\n      <Table<Notification>\n        isLoading={isLoading}\n        options={{\n          padding: 'dense',\n          search: true,\n          paging: true,\n          pageSize,\n          header: true,\n          sorting: false,\n        }}\n        title={title}\n        onPageChange={onPageChange}\n        onRowsPerPageChange={onRowsPerPageChange}\n        page={page}\n        totalCount={totalCount}\n        onSearchChange={throttledContainsTextHandler}\n        data={notifications}\n        columns={compactColumns}\n        localization={{\n          body: {\n            emptyDataSourceMessage: t('table.emptyMessage'),\n          },\n          pagination: {\n            firstTooltip: t('table.pagination.firstTooltip'),\n            labelDisplayedRows: t('table.pagination.labelDisplayedRows'),\n            labelRowsSelect: t('table.pagination.labelRowsSelect'),\n            lastTooltip: t('table.pagination.lastTooltip'),\n            nextTooltip: t('table.pagination.nextTooltip'),\n            previousTooltip: t('table.pagination.previousTooltip'),\n          },\n        }}\n      />\n      <Dialog\n        isOpen={confirmDialogOpen}\n        onOpenChange={setConfirmDialogOpen}\n        isDismissable\n      >\n        <DialogHeader>{t('table.confirmDialog.title')}</DialogHeader>\n        <DialogBody>\n          <Text variant=\"body-medium\">\n            {t('table.confirmDialog.markAllReadDescription')}\n          </Text>\n        </DialogBody>\n        <DialogFooter>\n          <Button variant=\"primary\" onPress={doMarkAllRead}>\n            {t('table.confirmDialog.markAllReadConfirmation')}\n          </Button>\n          <Button variant=\"secondary\" slot=\"close\">\n            {t('table.confirmDialog.cancel')}\n          </Button>\n        </DialogFooter>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"NotificationsTable.esm.js","sources":["../../../src/components/NotificationsTable/NotificationsTable.tsx"],"sourcesContent":["/*\n * Copyright 2023 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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport throttle from 'lodash/throttle';\n// @ts-ignore\nimport RelativeTime from 'react-relative-time';\nimport { Notification } from '@backstage/plugin-notifications-common';\nimport {\n  Button,\n  Checkbox,\n  Dialog,\n  DialogBody,\n  DialogFooter,\n  DialogHeader,\n  Flex,\n  Text,\n} from '@backstage/ui';\nimport { RiRssFill } from '@remixicon/react';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { toastApiRef } from '@backstage/frontend-plugin-api';\nimport {\n  Link,\n  Table,\n  TableColumn,\n  TableProps,\n} from '@backstage/core-components';\nimport { useTranslationRef } from '@backstage/core-plugin-api/alpha';\nimport { notificationsTranslationRef } from '../../translation';\n\nimport { notificationsApiRef } from '../../api';\nimport { SelectAll } from './SelectAll';\nimport { BulkActions } from './BulkActions';\nimport { NotificationIcon } from './NotificationIcon';\nimport { NotificationDescription } from './NotificationDescription';\n\nimport styles from './NotificationsTable.module.css';\n\nconst ThrottleDelayMs = 1000;\n\n/** @public */\nexport type NotificationsTableProps = Pick<\n  TableProps,\n  'onPageChange' | 'onRowsPerPageChange' | 'page' | 'totalCount' | 'title'\n> & {\n  markAsReadOnLinkOpen?: boolean;\n  isLoading?: boolean;\n  isUnread: boolean;\n  notifications?: Notification[];\n  highlightedNotificationId?: string;\n  onUpdate: () => void;\n  setContainsText: (search: string) => void;\n  pageSize: number;\n};\n\n/** @public */\nexport const NotificationsTable = ({\n  title,\n  markAsReadOnLinkOpen,\n  isLoading,\n  notifications = [],\n  highlightedNotificationId,\n  isUnread,\n  onUpdate,\n  setContainsText,\n  onPageChange,\n  onRowsPerPageChange,\n  page,\n  pageSize,\n  totalCount,\n}: NotificationsTableProps) => {\n  const { t } = useTranslationRef(notificationsTranslationRef);\n  const notificationsApi = useApi(notificationsApiRef);\n  const toastApi = useApi(toastApiRef);\n  const [confirmDialogOpen, setConfirmDialogOpen] = useState(false);\n\n  const [selectedNotifications, setSelectedNotifications] = useState(\n    new Set<Notification['id']>(),\n  );\n\n  const onNotificationsSelectChange = useCallback(\n    (ids: Notification['id'][], checked: boolean) => {\n      let newSelect: Set<Notification['id']>;\n      if (checked) {\n        newSelect = new Set([...selectedNotifications, ...ids]);\n      } else {\n        newSelect = new Set(selectedNotifications);\n        ids.forEach(id => newSelect.delete(id));\n      }\n      setSelectedNotifications(newSelect);\n    },\n    [selectedNotifications, setSelectedNotifications],\n  );\n\n  const onSwitchReadStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          read: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  const onSwitchSavedStatus = useCallback(\n    (ids: Notification['id'][], newStatus: boolean) => {\n      notificationsApi\n        .updateNotifications({\n          ids,\n          saved: newStatus,\n        })\n        .then(onUpdate);\n    },\n    [notificationsApi, onUpdate],\n  );\n\n  const doMarkAllRead = useCallback(async () => {\n    setConfirmDialogOpen(false);\n    try {\n      const result = await notificationsApi.getNotifications({ read: false });\n      const ids =\n        result.notifications?.map(notification => notification.id) ?? [];\n      if (ids.length === 0) return;\n      await notificationsApi.updateNotifications({ ids, read: true });\n      onUpdate();\n    } catch {\n      toastApi.post({\n        title: t('table.errors.markAllReadFailed'),\n        status: 'danger',\n      });\n    }\n  }, [notificationsApi, onUpdate, toastApi, t]);\n\n  const onMarkAllRead = useCallback(() => {\n    setConfirmDialogOpen(true);\n  }, []);\n\n  const throttledContainsTextHandler = useMemo(\n    () => throttle(setContainsText, ThrottleDelayMs),\n    [setContainsText],\n  );\n\n  useEffect(() => {\n    const allShownIds = new Set(notifications.map(n => n.id));\n    const intersect = [...selectedNotifications].filter(id =>\n      allShownIds.has(id),\n    );\n    if (selectedNotifications.size !== intersect.length) {\n      setSelectedNotifications(new Set(intersect));\n    }\n  }, [notifications, selectedNotifications]);\n\n  const focusedHighlightedIdRef = useRef<string | undefined>(undefined);\n\n  useEffect(() => {\n    if (!highlightedNotificationId) {\n      focusedHighlightedIdRef.current = undefined;\n      return;\n    }\n\n    // Only scroll/focus once per deep-linked id so refreshes don't steal focus.\n    if (focusedHighlightedIdRef.current === highlightedNotificationId) {\n      return;\n    }\n\n    const highlightedElement = document.getElementById(\n      `notification-${highlightedNotificationId}`,\n    );\n    if (!highlightedElement) {\n      return;\n    }\n\n    if (typeof highlightedElement.scrollIntoView === 'function') {\n      highlightedElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n      });\n    }\n    highlightedElement.focus({ preventScroll: true });\n    focusedHighlightedIdRef.current = highlightedNotificationId;\n  }, [highlightedNotificationId, notifications]);\n\n  const compactColumns = useMemo((): TableColumn<Notification>[] => {\n    const showToolbar = notifications.length > 0;\n    return [\n      {\n        /* selection column */\n        width: '1rem',\n        cellStyle: { paddingRight: '2.5rem' },\n        title: showToolbar ? (\n          <SelectAll\n            count={selectedNotifications.size}\n            totalCount={notifications.length}\n            onSelectAll={() =>\n              onNotificationsSelectChange(\n                notifications.map(notification => notification.id),\n                selectedNotifications.size !== notifications.length,\n              )\n            }\n          />\n        ) : undefined,\n        render: (notification: Notification) => (\n          <Checkbox\n            aria-label=\"Select notification\"\n            isSelected={selectedNotifications.has(notification.id)}\n            onChange={checked =>\n              onNotificationsSelectChange([notification.id], checked)\n            }\n          />\n        ),\n      },\n      {\n        /* compact-data column */\n        customFilterAndSearch: () =>\n          true /* Keep sorting&filtering on backend due to pagination. */,\n        cellStyle: { paddingLeft: 0 },\n        render: (notification: Notification) => {\n          const isHighlighted = highlightedNotificationId === notification.id;\n          // Compact content\n          return (\n            <div\n              id={`notification-${notification.id}`}\n              tabIndex={isHighlighted ? -1 : undefined}\n              className={\n                isHighlighted ? styles.highlightedNotification : undefined\n              }\n            >\n              <Flex gap=\"4\" align=\"center\">\n                <div className={styles.severityItem}>\n                  <NotificationIcon notification={notification} />\n                </div>\n                <Flex direction=\"column\" gap=\"1\">\n                  <Text variant=\"body-medium\">\n                    {notification.payload.link ? (\n                      <Link\n                        to={notification.payload.link}\n                        onClick={() => {\n                          if (markAsReadOnLinkOpen && !notification.read) {\n                            onSwitchReadStatus([notification.id], true);\n                          }\n                        }}\n                      >\n                        {notification.payload.title}\n                      </Link>\n                    ) : (\n                      notification.payload.title\n                    )}\n                  </Text>\n                  {notification.payload.description ? (\n                    <NotificationDescription\n                      description={notification.payload.description}\n                    />\n                  ) : null}\n\n                  <Text variant=\"body-small\" color=\"secondary\">\n                    {!notification.user && (\n                      <RiRssFill size={14} className={styles.broadcastIcon} />\n                    )}\n                    {notification.origin && (\n                      <>\n                        <span className={styles.notificationInfoRow}>\n                          {notification.origin}\n                        </span>\n                        &bull;\n                      </>\n                    )}\n                    {notification.payload.topic && (\n                      <>\n                        <span className={styles.notificationInfoRow}>\n                          {notification.payload.topic}\n                        </span>\n                        &bull;\n                      </>\n                    )}\n                    {notification.created && (\n                      <RelativeTime\n                        value={notification.created}\n                        className={styles.notificationInfoRow}\n                      />\n                    )}\n                  </Text>\n                </Flex>\n              </Flex>\n            </div>\n          );\n        },\n      },\n      {\n        /* actions column */\n        width: '1rem',\n        title: showToolbar ? (\n          <BulkActions\n            notifications={notifications}\n            selectedNotifications={selectedNotifications}\n            isUnread={isUnread}\n            onSwitchReadStatus={onSwitchReadStatus}\n            onSwitchSavedStatus={onSwitchSavedStatus}\n            onMarkAllRead={onMarkAllRead}\n          />\n        ) : undefined,\n        render: (notification: Notification) => (\n          <BulkActions\n            notifications={[notification]}\n            selectedNotifications={new Set([notification.id])}\n            onSwitchReadStatus={onSwitchReadStatus}\n            onSwitchSavedStatus={onSwitchSavedStatus}\n          />\n        ),\n      },\n    ];\n  }, [\n    notifications,\n    selectedNotifications,\n    isUnread,\n    onSwitchReadStatus,\n    onSwitchSavedStatus,\n    onMarkAllRead,\n    onNotificationsSelectChange,\n    markAsReadOnLinkOpen,\n    highlightedNotificationId,\n  ]);\n\n  return (\n    <>\n      <Table<Notification>\n        isLoading={isLoading}\n        options={{\n          padding: 'dense',\n          search: true,\n          paging: true,\n          pageSize,\n          header: true,\n          sorting: false,\n        }}\n        title={title}\n        onPageChange={onPageChange}\n        onRowsPerPageChange={onRowsPerPageChange}\n        page={page}\n        totalCount={totalCount}\n        onSearchChange={throttledContainsTextHandler}\n        data={notifications}\n        columns={compactColumns}\n        localization={{\n          body: {\n            emptyDataSourceMessage: t('table.emptyMessage'),\n          },\n          pagination: {\n            firstTooltip: t('table.pagination.firstTooltip'),\n            labelDisplayedRows: t('table.pagination.labelDisplayedRows'),\n            labelRowsSelect: t('table.pagination.labelRowsSelect'),\n            lastTooltip: t('table.pagination.lastTooltip'),\n            nextTooltip: t('table.pagination.nextTooltip'),\n            previousTooltip: t('table.pagination.previousTooltip'),\n          },\n        }}\n      />\n      <Dialog\n        isOpen={confirmDialogOpen}\n        onOpenChange={setConfirmDialogOpen}\n        isDismissable\n      >\n        <DialogHeader>{t('table.confirmDialog.title')}</DialogHeader>\n        <DialogBody>\n          <Text variant=\"body-medium\">\n            {t('table.confirmDialog.markAllReadDescription')}\n          </Text>\n        </DialogBody>\n        <DialogFooter>\n          <Button variant=\"primary\" onPress={doMarkAllRead}>\n            {t('table.confirmDialog.markAllReadConfirmation')}\n          </Button>\n          <Button variant=\"secondary\" slot=\"close\">\n            {t('table.confirmDialog.cancel')}\n          </Button>\n        </DialogFooter>\n      </Dialog>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/NotificationsTable/NotificationsTable.module.css.esm.js

@@ -1,7 +1,7 @@
 import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
 
-var css_248z = "/*\n * Copyright 2023 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  .NotificationsTable_severityItem__f46e23ec09 {\n    align-content: center;\n    display: flex;\n    align-items: center;\n  }\n\n  .NotificationsTable_broadcastIcon__f46e23ec09 {\n    font-size: 1rem;\n    vertical-align: text-bottom;\n  }\n\n  .NotificationsTable_notificationInfoRow__f46e23ec09 {\n    margin-right: var(--bui-space-1);\n  }\n\n  .NotificationsTable_notificationInfoRow__f46e23ec09:not(:first-child) {\n    margin-left: var(--bui-space-1);\n  }\n}\n";
-var styles = {"severityItem":"NotificationsTable_severityItem__f46e23ec09","broadcastIcon":"NotificationsTable_broadcastIcon__f46e23ec09","notificationInfoRow":"NotificationsTable_notificationInfoRow__f46e23ec09"};
+var css_248z = "/*\n * Copyright 2023 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  .NotificationsTable_severityItem__ec8df2aec9 {\n    align-content: center;\n    display: flex;\n    align-items: center;\n  }\n\n  .NotificationsTable_broadcastIcon__ec8df2aec9 {\n    font-size: 1rem;\n    vertical-align: text-bottom;\n  }\n\n  .NotificationsTable_notificationInfoRow__ec8df2aec9 {\n    margin-right: var(--bui-space-1);\n  }\n\n  .NotificationsTable_notificationInfoRow__ec8df2aec9:not(:first-child) {\n    margin-left: var(--bui-space-1);\n  }\n\n  .NotificationsTable_highlightedNotification__ec8df2aec9 {\n    background-color: var(--bui-color-bg-surface-hover, rgba(0, 0, 0, 0.04));\n    border-radius: var(--bui-radius-2, 4px);\n    padding: var(--bui-space-2, 8px);\n    margin: calc(var(--bui-space-2, 8px) * -1);\n    outline: 2px solid var(--bui-color-border-primary, #1f5493);\n    outline-offset: var(--bui-space-1, 4px);\n  }\n}\n";
+var styles = {"severityItem":"NotificationsTable_severityItem__ec8df2aec9","broadcastIcon":"NotificationsTable_broadcastIcon__ec8df2aec9","notificationInfoRow":"NotificationsTable_notificationInfoRow__ec8df2aec9","highlightedNotification":"NotificationsTable_highlightedNotification__ec8df2aec9"};
 styleInject(css_248z);
 
 export { styles as default };

package/dist/components/NotificationsTable/NotificationsTable.module.css.esm.js.map

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

package/dist/components/NotificationsTable/SelectAll.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAll.esm.js","sources":["../../../src/components/NotificationsTable/SelectAll.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 { Checkbox, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport styles from './SelectAll.module.css';\n\nexport const SelectAll = ({\n  count,\n  totalCount,\n  onSelectAll,\n}: {\n  count: number;\n  totalCount: number;\n  onSelectAll: () => void;\n}) => {\n  return (\n    <TooltipTrigger>\n      <Checkbox\n        className={styles.label}\n        aria-label=\"Select all\"\n        isDisabled={!totalCount}\n        isSelected={count > 0}\n        isIndeterminate={count > 0 && totalCount !== count}\n        onChange={() => onSelectAll()}\n      >\n        {count > 0 ? `(${count})` : undefined}\n      </Checkbox>\n      <Tooltip>Select all</Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;AAkBO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,YAAA,EAAW,YAAA;AAAA,QACX,YAAY,CAAC,UAAA;AAAA,QACb,YAAY,KAAA,GAAQ,CAAA;AAAA,QACpB,eAAA,EAAiB,KAAA,GAAQ,CAAA,IAAK,UAAA,KAAe,KAAA;AAAA,QAC7C,QAAA,EAAU,MAAM,WAAA,EAAY;AAAA,QAE3B,QAAA,EAAA,KAAA,GAAQ,CAAA,GAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,CAAA,GAAM;AAAA;AAAA,KAC9B;AAAA,oBACA,GAAA,CAAC,WAAQ,QAAA,EAAA,YAAA,EAAU;AAAA,GAAA,EACrB,CAAA;AAEJ;;;;"}
+{"version":3,"file":"SelectAll.esm.js","sources":["../../../src/components/NotificationsTable/SelectAll.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 { Checkbox, Tooltip, TooltipTrigger } from '@backstage/ui';\nimport styles from './SelectAll.module.css';\n\nexport const SelectAll = ({\n  count,\n  totalCount,\n  onSelectAll,\n}: {\n  count: number;\n  totalCount: number;\n  onSelectAll: () => void;\n}) => {\n  return (\n    <TooltipTrigger>\n      <Checkbox\n        className={styles.label}\n        aria-label=\"Select all\"\n        isDisabled={!totalCount}\n        isSelected={count > 0}\n        isIndeterminate={count > 0 && totalCount !== count}\n        onChange={() => onSelectAll()}\n      >\n        {count > 0 ? `(${count})` : undefined}\n      </Checkbox>\n      <Tooltip>Select all</Tooltip>\n    </TooltipTrigger>\n  );\n};\n"],"names":[],"mappings":";;;;AAkBO,MAAM,YAAY,CAAC;AAAA,EACxB,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,YAAA,EAAW,YAAA;AAAA,QACX,YAAY,CAAC,UAAA;AAAA,QACb,YAAY,KAAA,GAAQ,CAAA;AAAA,QACpB,eAAA,EAAiB,KAAA,GAAQ,CAAA,IAAK,UAAA,KAAe,KAAA;AAAA,QAC7C,QAAA,EAAU,MAAM,WAAA,EAAY;AAAA,QAE3B,QAAA,EAAA,KAAA,GAAQ,CAAA,GAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,CAAA,GAAM;AAAA;AAAA,KAC9B;AAAA,oBACA,GAAA,CAAC,WAAQ,QAAA,EAAA,YAAA,EAAU;AAAA,GAAA,EACrB,CAAA;AAEJ;;"}

package/dist/components/NotificationsTable/SelectAll.module.css.esm.js.map

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

package/dist/components/NotificationsTable/SeverityIcon.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeverityIcon.esm.js","sources":["../../../src/components/NotificationsTable/SeverityIcon.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 { NotificationSeverity } from '@backstage/plugin-notifications-common';\nimport {\n  RiCheckLine,\n  RiErrorWarningLine,\n  RiAlertLine,\n  RiInformationLine,\n} from '@remixicon/react';\nimport styles from './SeverityIcon.module.css';\n\nexport const SeverityIcon = ({\n  severity,\n  className,\n  style,\n}: {\n  severity?: NotificationSeverity;\n  className?: string;\n  style?: React.CSSProperties;\n}) => {\n  switch (severity) {\n    case 'critical':\n      return (\n        <RiErrorWarningLine\n          size={20}\n          className={[styles.critical, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'high':\n      return (\n        <RiAlertLine\n          size={20}\n          className={[styles.high, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'low':\n      return (\n        <RiInformationLine\n          size={20}\n          className={[styles.low, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'normal':\n    default:\n      return (\n        <RiCheckLine\n          size={20}\n          className={[styles.normal, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n  }\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,UAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,QAAA,EAAU,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAChE;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,MAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,IAAA,EAAM,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC5D;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,KAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,GAAA,EAAK,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC3D;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,QAAA;AAAA,IACL;AACE,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,MAAA,EAAQ,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC9D;AAAA;AAAA,OACF;AAAA;AAGR;;;;"}
+{"version":3,"file":"SeverityIcon.esm.js","sources":["../../../src/components/NotificationsTable/SeverityIcon.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 { NotificationSeverity } from '@backstage/plugin-notifications-common';\nimport {\n  RiCheckLine,\n  RiErrorWarningLine,\n  RiAlertLine,\n  RiInformationLine,\n} from '@remixicon/react';\nimport styles from './SeverityIcon.module.css';\n\nexport const SeverityIcon = ({\n  severity,\n  className,\n  style,\n}: {\n  severity?: NotificationSeverity;\n  className?: string;\n  style?: React.CSSProperties;\n}) => {\n  switch (severity) {\n    case 'critical':\n      return (\n        <RiErrorWarningLine\n          size={20}\n          className={[styles.critical, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'high':\n      return (\n        <RiAlertLine\n          size={20}\n          className={[styles.high, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'low':\n      return (\n        <RiInformationLine\n          size={20}\n          className={[styles.low, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n    case 'normal':\n    default:\n      return (\n        <RiCheckLine\n          size={20}\n          className={[styles.normal, className].filter(Boolean).join(' ')}\n          style={style}\n        />\n      );\n  }\n};\n"],"names":[],"mappings":";;;;AAwBO,MAAM,eAAe,CAAC;AAAA,EAC3B,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,KAIM;AACJ,EAAA,QAAQ,QAAA;AAAU,IAChB,KAAK,UAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,QAAA,EAAU,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAChE;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,MAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,IAAA,EAAM,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC5D;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,KAAA;AACH,MAAA,uBACE,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,GAAA,EAAK,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC3D;AAAA;AAAA,OACF;AAAA,IAEJ,KAAK,QAAA;AAAA,IACL;AACE,MAAA,uBACE,GAAA;AAAA,QAAC,WAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAM,EAAA;AAAA,UACN,SAAA,EAAW,CAAC,MAAA,CAAO,MAAA,EAAQ,SAAS,EAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAAA,UAC9D;AAAA;AAAA,OACF;AAAA;AAGR;;"}

package/dist/components/NotificationsTable/SeverityIcon.module.css.esm.js.map

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