@gooddata/sdk-ui-ext 10.18.0-alpha.9 → 10.19.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/NOTICE +3 -3
  2. package/esm/index.d.ts +12 -2
  3. package/esm/index.d.ts.map +1 -1
  4. package/esm/index.js +10 -2
  5. package/esm/index.js.map +1 -1
  6. package/esm/internal/translations/de-DE.json +9 -1
  7. package/esm/internal/translations/en-AU.json +9 -1
  8. package/esm/internal/translations/en-GB.json +9 -1
  9. package/esm/internal/translations/en-US.json +1 -1
  10. package/esm/internal/translations/es-419.json +9 -1
  11. package/esm/internal/translations/es-ES.json +9 -1
  12. package/esm/internal/translations/fi-FI.json +9 -1
  13. package/esm/internal/translations/fr-CA.json +9 -1
  14. package/esm/internal/translations/fr-FR.json +9 -1
  15. package/esm/internal/translations/it-IT.json +9 -1
  16. package/esm/internal/translations/ja-JP.json +9 -1
  17. package/esm/internal/translations/nl-NL.json +9 -1
  18. package/esm/internal/translations/pt-BR.json +9 -1
  19. package/esm/internal/translations/pt-PT.json +9 -1
  20. package/esm/internal/translations/zh-HK.json +9 -1
  21. package/esm/internal/translations/zh-Hans.json +9 -1
  22. package/esm/internal/translations/zh-Hant.json +9 -1
  23. package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.d.ts +12 -0
  24. package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.d.ts.map +1 -1
  25. package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.js +10 -1
  26. package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.js.map +1 -1
  27. package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.d.ts +6 -4
  28. package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.d.ts.map +1 -1
  29. package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js +1 -1
  30. package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js.map +1 -1
  31. package/esm/notificationsPanel/Notification/AlertNotification.d.ts +2 -2
  32. package/esm/notificationsPanel/Notification/AlertNotification.d.ts.map +1 -1
  33. package/esm/notificationsPanel/Notification/AlertNotification.js +15 -10
  34. package/esm/notificationsPanel/Notification/AlertNotification.js.map +1 -1
  35. package/esm/notificationsPanel/Notification/DefaultNotification.d.ts +17 -4
  36. package/esm/notificationsPanel/Notification/DefaultNotification.d.ts.map +1 -1
  37. package/esm/notificationsPanel/Notification/DefaultNotification.js +6 -4
  38. package/esm/notificationsPanel/Notification/DefaultNotification.js.map +1 -1
  39. package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js +1 -1
  40. package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js.map +1 -1
  41. package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js +2 -2
  42. package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js.map +1 -1
  43. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts +4 -1
  44. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts.map +1 -1
  45. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js +9 -5
  46. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js.map +1 -1
  47. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts +4 -1
  48. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts.map +1 -1
  49. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js +1 -1
  50. package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js.map +1 -1
  51. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts +66 -4
  52. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts.map +1 -1
  53. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js +16 -15
  54. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js.map +1 -1
  55. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts +9 -2
  56. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts.map +1 -1
  57. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js +4 -2
  58. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js.map +1 -1
  59. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts +9 -2
  60. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts.map +1 -1
  61. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js +4 -2
  62. package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js.map +1 -1
  63. package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.d.ts +19 -0
  64. package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.d.ts.map +1 -0
  65. package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.js +9 -0
  66. package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.js.map +1 -0
  67. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts +95 -5
  68. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts.map +1 -1
  69. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js +7 -5
  70. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js.map +1 -1
  71. package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.d.ts → DefaultNotificationsPanelButton.d.ts} +8 -6
  72. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.d.ts.map +1 -0
  73. package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.js → DefaultNotificationsPanelButton.js} +4 -4
  74. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.js.map +1 -0
  75. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts +8 -4
  76. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts.map +1 -1
  77. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js +6 -4
  78. package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js.map +1 -1
  79. package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts +75 -11
  80. package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts.map +1 -1
  81. package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js +20 -10
  82. package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js.map +1 -1
  83. package/esm/notificationsPanel/bem.d.ts +5 -0
  84. package/esm/notificationsPanel/bem.d.ts.map +1 -1
  85. package/esm/notificationsPanel/bem.js +6 -1
  86. package/esm/notificationsPanel/bem.js.map +1 -1
  87. package/esm/notificationsPanel/data/NotificationsContext.d.ts +16 -1
  88. package/esm/notificationsPanel/data/NotificationsContext.d.ts.map +1 -1
  89. package/esm/notificationsPanel/data/NotificationsContext.js +9 -3
  90. package/esm/notificationsPanel/data/NotificationsContext.js.map +1 -1
  91. package/esm/notificationsPanel/data/useFetchNotifications.d.ts +11 -8
  92. package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map +1 -1
  93. package/esm/notificationsPanel/data/useFetchNotifications.js +18 -7
  94. package/esm/notificationsPanel/data/useFetchNotifications.js.map +1 -1
  95. package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts +1 -0
  96. package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts.map +1 -1
  97. package/esm/notificationsPanel/data/useNotificationFiltersDetail.js +34 -17
  98. package/esm/notificationsPanel/data/useNotificationFiltersDetail.js.map +1 -1
  99. package/esm/notificationsPanel/data/useNotifications.d.ts +24 -4
  100. package/esm/notificationsPanel/data/useNotifications.d.ts.map +1 -1
  101. package/esm/notificationsPanel/data/useNotifications.js +15 -10
  102. package/esm/notificationsPanel/data/useNotifications.js.map +1 -1
  103. package/esm/notificationsPanel/types.d.ts +3 -1
  104. package/esm/notificationsPanel/types.d.ts.map +1 -1
  105. package/esm/notificationsPanel/types.js +1 -1
  106. package/esm/notificationsPanel/types.js.map +1 -1
  107. package/esm/sdk-ui-ext.d.ts +397 -52
  108. package/package.json +17 -18
  109. package/src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss +3 -0
  110. package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss +7 -4
  111. package/src/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.scss → DefaultNotificationsPanelButton.scss} +2 -2
  112. package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss +8 -3
  113. package/src/notificationsPanel/notificationPanel.scss +8 -4
  114. package/styles/css/main.css +467 -48
  115. package/styles/css/main.css.map +1 -1
  116. package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.d.ts.map +0 -1
  117. package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.js.map +0 -1
  118. package/esm/notificationsPanel/components/Skeleton.d.ts +0 -8
  119. package/esm/notificationsPanel/components/Skeleton.d.ts.map +0 -1
  120. package/esm/notificationsPanel/components/Skeleton.js +0 -11
  121. package/esm/notificationsPanel/components/Skeleton.js.map +0 -1
  122. package/esm/notificationsPanel/components/VirtualList.d.ts +0 -15
  123. package/esm/notificationsPanel/components/VirtualList.d.ts.map +0 -1
  124. package/esm/notificationsPanel/components/VirtualList.js +0 -77
  125. package/esm/notificationsPanel/components/VirtualList.js.map +0 -1
  126. package/src/notificationsPanel/components/Skeleton.scss +0 -25
  127. package/src/notificationsPanel/components/VirtualList.scss +0 -26
@@ -1,15 +1,28 @@
1
1
  import React from "react";
2
2
  import { INotification } from "@gooddata/sdk-model";
3
3
  /**
4
- * @alpha
4
+ * Props for the Notification component.
5
+ *
6
+ * @public
5
7
  */
6
8
  export interface INotificationComponentProps {
9
+ /**
10
+ * Notification to display.
11
+ */
7
12
  notification: INotification;
8
- markAsRead: (id: string) => void;
13
+ /**
14
+ * Function to mark notification as read.
15
+ */
16
+ markNotificationAsRead: (id: string) => void;
17
+ /**
18
+ * Function to handle notification click.
19
+ */
9
20
  onNotificationClick: (notification: INotification) => void;
10
21
  }
11
22
  /**
12
- * @internal
23
+ * Default implementation of the Notification component.
24
+ *
25
+ * @public
13
26
  */
14
- export declare function DefaultNotification({ notification, markAsRead, onNotificationClick, }: INotificationComponentProps): React.JSX.Element;
27
+ export declare function DefaultNotification({ notification, markNotificationAsRead, onNotificationClick, }: INotificationComponentProps): React.JSX.Element;
15
28
  //# sourceMappingURL=DefaultNotification.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotification.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/DefaultNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKpD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAID;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,YAAY,EACZ,UAAU,EACV,mBAAmB,GACtB,EAAE,2BAA2B,qBAY7B"}
1
+ {"version":3,"file":"DefaultNotification.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/DefaultNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKpD;;;;GAIG;AACH,MAAM,WAAW,2BAA2B;IACxC;;OAEG;IACH,YAAY,EAAE,aAAa,CAAC;IAE5B;;OAEG;IACH,sBAAsB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAE7C;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,EAChC,YAAY,EACZ,sBAAsB,EACtB,mBAAmB,GACtB,EAAE,2BAA2B,qBAY7B"}
@@ -1,17 +1,19 @@
1
- // (C) 2024 GoodData Corporation
1
+ // (C) 2024-2025 GoodData Corporation
2
2
  import React from "react";
3
3
  import { bem } from "../bem.js";
4
4
  import { defineMessages, FormattedMessage } from "react-intl";
5
5
  import { AlertNotification } from "./AlertNotification.js";
6
6
  const { b, e } = bem("gd-ui-ext-notification");
7
7
  /**
8
- * @internal
8
+ * Default implementation of the Notification component.
9
+ *
10
+ * @public
9
11
  */
10
- export function DefaultNotification({ notification, markAsRead, onNotificationClick, }) {
12
+ export function DefaultNotification({ notification, markNotificationAsRead, onNotificationClick, }) {
11
13
  if (notification.notificationType !== "alertNotification") {
12
14
  return React.createElement(UnsupportedNotificationType, null);
13
15
  }
14
- return (React.createElement(AlertNotification, { notification: notification, markAsRead: markAsRead, onNotificationClick: onNotificationClick }));
16
+ return (React.createElement(AlertNotification, { notification: notification, markNotificationAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick }));
15
17
  }
16
18
  function UnsupportedNotificationType() {
17
19
  return (React.createElement("div", { className: b({ isUnsupported: true }) },
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotification.js","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/DefaultNotification.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAW3D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAChC,YAAY,EACZ,UAAU,EACV,mBAAmB,GACO;IAC1B,IAAI,YAAY,CAAC,gBAAgB,KAAK,mBAAmB,EAAE,CAAC;QACxD,OAAO,oBAAC,2BAA2B,OAAG,CAAC;IAC3C,CAAC;IAED,OAAO,CACH,oBAAC,iBAAiB,IACd,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC;AACN,CAAC;AAED,SAAS,2BAA2B;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;QACtC,6BAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC;YAC5B,oBAAC,gBAAgB,IAAC,EAAE,EAAE,QAAQ,CAAC,2BAA2B,CAAC,EAAE,GAAI,CAC/D,CACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,2BAA2B,EAAE;QACzB,EAAE,EAAE,mDAAmD;KAC1D;CACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"DefaultNotification.js","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/DefaultNotification.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAwB3D,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAE/C;;;;GAIG;AACH,MAAM,UAAU,mBAAmB,CAAC,EAChC,YAAY,EACZ,sBAAsB,EACtB,mBAAmB,GACO;IAC1B,IAAI,YAAY,CAAC,gBAAgB,KAAK,mBAAmB,EAAE,CAAC;QACxD,OAAO,oBAAC,2BAA2B,OAAG,CAAC;IAC3C,CAAC;IAED,OAAO,CACH,oBAAC,iBAAiB,IACd,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CAAC;AACN,CAAC;AAED,SAAS,2BAA2B;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;QACtC,6BAAK,SAAS,EAAE,CAAC,CAAC,aAAa,CAAC;YAC5B,oBAAC,gBAAgB,IAAC,EAAE,EAAE,QAAQ,CAAC,2BAA2B,CAAC,EAAE,GAAI,CAC/D,CACJ,CACT,CAAC;AACN,CAAC;AAED,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,2BAA2B,EAAE;QACzB,EAAE,EAAE,mDAAmD;KAC1D;CACJ,CAAC,CAAC"}
@@ -30,7 +30,7 @@ export function NotificationFiltersDetail({ notification }) {
30
30
  toggleFiltersDialog();
31
31
  };
32
32
  return (React.createElement(React.Fragment, null,
33
- filterCount && filterCount > 0 ? (React.createElement(UiButton, { buttonRef: ref, onClick: onButtonClick, variant: "tertiary", size: "small", label: intl.formatMessage(messages.buttonLabel, { count: filterCount }) })) : null,
33
+ filterCount && filterCount > 0 ? (React.createElement(UiButton, { buttonRef: ref, onClick: onButtonClick, variant: "tertiary", size: "small", label: intl.formatMessage(messages.buttonLabel) })) : null,
34
34
  isFiltersDialogOpen ? (React.createElement(Overlay, { isModal: false, alignTo: ref.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: true, closeOnMouseDrag: false, onClose: closeFiltersDialog },
35
35
  React.createElement(NotificationFiltersDetailDialog, { notification: notification, onClose: closeFiltersDialog }))) : null));
36
36
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationFiltersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,cAAc;QACjC,iBAAiB,EAAE,WAAW;QAC9B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;CACL,CAAC;AASF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,WAAW,EAAE;QACT,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,YAAY,EAAmC;IACvF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;IAChE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC7D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,mBAAmB,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH;QACK,WAAW,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GACzE,CACL,CAAC,CAAC,CAAC,IAAI;QACP,mBAAmB,CAAC,CAAC,CAAC,CACnB,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,IAAI,EACzB,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,+BAA+B,IAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,kBAAkB,GAC7B,CACI,CACb,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NotificationFiltersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,+BAA+B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,cAAc;QACjC,iBAAiB,EAAE,WAAW;QAC9B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;CACL,CAAC;AASF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,WAAW,EAAE;QACT,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,YAAY,EAAmC;IACvF,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC;IAChE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAC/D,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,sBAAsB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,CAAC,CAAsC,EAAE,EAAE;QAC7D,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,mBAAmB,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACH;QACK,WAAW,IAAI,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,CAC9B,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,aAAa,EACtB,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,WAAW,CAAC,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACP,mBAAmB,CAAC,CAAC,CAAC,CACnB,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,IAAI,EACzB,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,+BAA+B,IAC5B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,kBAAkB,GAC7B,CACI,CACb,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { Skeleton } from "../components/Skeleton.js";
2
+ import { UiSkeleton } from "@gooddata/sdk-ui-kit";
3
3
  import { DetailsDialog } from "../components/DetailsDialog.js";
4
4
  import { useNotificationsFilterDetail } from "../data/useNotificationFiltersDetail.js";
5
5
  import { bem } from "../bem.js";
@@ -17,7 +17,7 @@ export function NotificationFiltersDetailDialog({ notification, onClose, }) {
17
17
  const intl = useIntl();
18
18
  const { filtersInfo, automationPromise } = useNotificationsFilterDetail(notification);
19
19
  const filtersCount = notification.details.data.alert.filterCount ?? 0;
20
- return (React.createElement(DetailsDialog, { title: intl.formatMessage(messages.title), content: React.createElement("div", { className: b() }, automationPromise.status !== "success" ? (React.createElement(Skeleton, { itemHeight: 32, itemsCount: filtersCount })) : (filtersInfo?.map(({ title, subtitle }, idx) => (React.createElement("div", { className: e("item"), key: idx },
20
+ return (React.createElement(DetailsDialog, { title: intl.formatMessage(messages.title), content: React.createElement("div", { className: b() }, automationPromise.status !== "success" ? (React.createElement(UiSkeleton, { itemHeight: 32, itemsCount: filtersCount })) : (filtersInfo?.map(({ title, subtitle }, idx) => (React.createElement("div", { className: e("item"), key: idx },
21
21
  React.createElement("div", { className: e("label") }, title),
22
22
  React.createElement("div", { className: e("values") }, subtitle)))))), onClose: onClose }));
23
23
  }
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationFiltersDetailDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8CAA8C,CAAC,CAAC;AAErE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,KAAK,EAAE;QACH,EAAE,EAAE,oCAAoC;KAC3C;CACJ,CAAC,CAAC;AAUH;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC5C,YAAY,EACZ,OAAO,GAC6B;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC,YAAY,CAAC,CAAC;IACtF,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC;IAEtE,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,OAAO,EACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IACd,iBAAiB,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtC,oBAAC,QAAQ,IAAC,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,GAAI,CACzD,CAAC,CAAC,CAAC,CACA,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,6BAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,GAAG;YAC/B,6BAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAG,KAAK,CAAO;YACzC,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC3C,CACT,CAAC,CACL,CACC,EAEV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NotificationFiltersDetailDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8CAA8C,CAAC,CAAC;AAErE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,KAAK,EAAE;QACH,EAAE,EAAE,oCAAoC;KAC3C;CACJ,CAAC,CAAC;AAUH;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC5C,YAAY,EACZ,OAAO,GAC6B;IACpC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,4BAA4B,CAAC,YAAY,CAAC,CAAC;IACtF,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC;IAEtE,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,OAAO,EACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IACd,iBAAiB,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,CACtC,oBAAC,UAAU,IAAC,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,GAAI,CAC3D,CAAC,CAAC,CAAC,CACA,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,6BAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,GAAG;YAC/B,6BAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAG,KAAK,CAAO;YACzC,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAG,QAAQ,CAAO,CAC3C,CACT,CAAC,CACL,CACC,EAEV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}
@@ -1,10 +1,13 @@
1
1
  import { IAlertNotification } from "@gooddata/sdk-model";
2
2
  import React from "react";
3
+ /**
4
+ * @internal
5
+ */
3
6
  export interface INotificationTriggerDetailProps {
4
7
  notification: IAlertNotification;
5
8
  }
6
9
  /**
7
- * @alpha
10
+ * @internal
8
11
  */
9
12
  export declare function NotificationTriggerDetail({ notification }: INotificationTriggerDetailProps): React.JSX.Element;
10
13
  //# sourceMappingURL=NotificationTriggersDetail.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationTriggersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,KAA2B,MAAM,OAAO,CAAC;AAkBhD,MAAM,WAAW,+BAA+B;IAC5C,YAAY,EAAE,kBAAkB,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,YAAY,EAAE,EAAE,+BAA+B,qBAyC1F"}
1
+ {"version":3,"file":"NotificationTriggersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,KAA2B,MAAM,OAAO,CAAC;AAuBhD;;GAEG;AACH,MAAM,WAAW,+BAA+B;IAC5C,YAAY,EAAE,kBAAkB,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,YAAY,EAAE,EAAE,+BAA+B,qBAwC1F"}
@@ -8,6 +8,11 @@ const ALIGN_POINTS = [
8
8
  overlayAlignPoint: "top-right",
9
9
  offset: { x: 2, y: 3 },
10
10
  }),
11
+ alignConfigToAlignPoint({
12
+ triggerAlignPoint: "bottom-left",
13
+ overlayAlignPoint: "top-left",
14
+ offset: { x: 2, y: 3 },
15
+ }),
11
16
  ];
12
17
  const messages = defineMessages({
13
18
  triggersTitle: {
@@ -15,7 +20,7 @@ const messages = defineMessages({
15
20
  },
16
21
  });
17
22
  /**
18
- * @alpha
23
+ * @internal
19
24
  */
20
25
  export function NotificationTriggerDetail({ notification }) {
21
26
  const [isTriggersDialogOpen, setIsTriggersDialogOpen] = useState(false);
@@ -26,11 +31,10 @@ export function NotificationTriggerDetail({ notification }) {
26
31
  const isSliced = notification.details.data.alert.attribute;
27
32
  const triggersTitle = isSliced ? getTriggersTitle(intl, notification.details.data.alert) : "";
28
33
  return (React.createElement(React.Fragment, null,
29
- React.createElement(UiButton, { buttonRef: ref, onClick: (e) => {
30
- e.stopPropagation();
34
+ React.createElement(UiButton, { buttonRef: ref, onClick: () => {
31
35
  toggleTriggersDialog();
32
- }, variant: "tertiary", size: "small", label: triggersTitle }),
33
- isTriggersDialogOpen ? (React.createElement(Overlay, { isModal: false, alignTo: ref.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeTriggersDialog, ignoreClicksOnByClass: [".gd-bubble"] },
36
+ }, variant: "tertiary", size: "small", label: triggersTitle, dataId: "notification-detail" }),
37
+ isTriggersDialogOpen ? (React.createElement(Overlay, { isModal: false, alignTo: ref.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeTriggersDialog },
34
38
  React.createElement(NotificationTriggersDetailDialog, { notification: notification, onClose: closeTriggersDialog }))) : null));
35
39
  }
36
40
  function getTriggersTitle(intl, alertDescription) {
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationTriggersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,cAAc,EAAa,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,cAAc;QACjC,iBAAiB,EAAE,WAAW;QAC9B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;CACL,CAAC;AAEF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,oCAAoC;KAC3C;CACJ,CAAC,CAAC;AAMH;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,YAAY,EAAmC;IACvF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC3D,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,OAAO,CACH;QACI,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,oBAAoB,EAAE,CAAC;YAC3B,CAAC,EACD,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,aAAa,GACtB;QACD,oBAAoB,CAAC,CAAC,CAAC,CACpB,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,mBAAmB,EAC5B,qBAAqB,EAAE,CAAC,YAAY,CAAC;YAErC,oBAAC,gCAAgC,IAC7B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,mBAAmB,GAC9B,CACI,CACb,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAe,EAAE,gBAAmC;IAC1E,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE;QAC9C,cAAc,EAAE,gBAAgB,CAAC,cAAc;QAC/C,UAAU,EAAE,gBAAgB,CAAC,eAAe;KAC/C,CAAC,CAAC;AACP,CAAC"}
1
+ {"version":3,"file":"NotificationTriggersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,cAAc,EAAa,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,cAAc;QACjC,iBAAiB,EAAE,WAAW;QAC9B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;IACF,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,aAAa;QAChC,iBAAiB,EAAE,UAAU;QAC7B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;CACL,CAAC;AAEF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,oCAAoC;KAC3C;CACJ,CAAC,CAAC;AASH;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,YAAY,EAAmC;IACvF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC3D,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,OAAO,CACH;QACI,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,GAAG,EAAE;gBACV,oBAAoB,EAAE,CAAC;YAC3B,CAAC,EACD,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,aAAa,EACpB,MAAM,EAAC,qBAAqB,GAC9B;QACD,oBAAoB,CAAC,CAAC,CAAC,CACpB,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,mBAAmB;YAE5B,oBAAC,gCAAgC,IAC7B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,mBAAmB,GAC9B,CACI,CACb,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAe,EAAE,gBAAmC;IAC1E,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE;QAC9C,cAAc,EAAE,gBAAgB,CAAC,cAAc;QAC/C,UAAU,EAAE,gBAAgB,CAAC,eAAe;KAC/C,CAAC,CAAC;AACP,CAAC"}
@@ -1,11 +1,14 @@
1
1
  import { IAlertNotification } from "@gooddata/sdk-model";
2
2
  import React from "react";
3
+ /**
4
+ * @internal
5
+ */
3
6
  interface INotificationTriggersDetailDialogProps {
4
7
  notification: IAlertNotification;
5
8
  onClose: () => void;
6
9
  }
7
10
  /**
8
- * @alpha
11
+ * @internal
9
12
  */
10
13
  export declare function NotificationTriggersDetailDialog({ notification, onClose, }: INotificationTriggersDetailDialogProps): React.JSX.Element;
11
14
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationTriggersDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,sCAAsC;IAC5C,YAAY,EAAE,kBAAkB,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAWD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GACV,EAAE,sCAAsC,qBAgCxC"}
1
+ {"version":3,"file":"NotificationTriggersDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;GAEG;AACH,UAAU,sCAAsC;IAC5C,YAAY,EAAE,kBAAkB,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAWD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GACV,EAAE,sCAAsC,qBAgCxC"}
@@ -12,7 +12,7 @@ const messages = defineMessages({
12
12
  },
13
13
  });
14
14
  /**
15
- * @alpha
15
+ * @internal
16
16
  */
17
17
  export function NotificationTriggersDetailDialog({ notification, onClose, }) {
18
18
  const intl = useIntl();
@@ -1 +1 @@
1
- {"version":3,"file":"NotificationTriggersDetailDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,+CAA+C,CAAC,CAAC;AAOtE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,2CAA2C;KAClD;IACD,QAAQ,EAAE;QACN,EAAE,EAAE,8CAA8C;KACrD;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GAC8B;IACrC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACjD,OAAO,EACH,6BAAK,SAAS,EAAE,CAAC,EAAE;YACf,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;gBACvB,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAM,CAAC,MAAM,CAAO;gBAClF,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAO,CAC9E;YACN,6BAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC;gBACtB,6BAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,IAC7B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,UAAU,CACd,CACT,CAAC,CACA;gBACN,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IACtB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,aAAc,CAAC,cAAc,CACjC,CACT,CAAC,CACA,CACJ,CACJ,EAEV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"NotificationTriggersDetailDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,+CAA+C,CAAC,CAAC;AAUtE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,2CAA2C;KAClD;IACD,QAAQ,EAAE;QACN,EAAE,EAAE,8CAA8C;KACrD;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GAC8B;IACrC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACjD,OAAO,EACH,6BAAK,SAAS,EAAE,CAAC,EAAE;YACf,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;gBACvB,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAM,CAAC,MAAM,CAAO;gBAClF,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAO,CAC9E;YACN,6BAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC;gBACtB,6BAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,IAC7B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,UAAU,CACd,CACT,CAAC,CACA;gBACN,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IACtB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,aAAc,CAAC,cAAc,CACjC,CACT,CAAC,CACA,CACJ,CACJ,EAEV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}
@@ -5,24 +5,86 @@ import { INotification } from "@gooddata/sdk-model";
5
5
  import { INotificationsPanelView } from "../types.js";
6
6
  import { INotificationsListEmptyStateComponentProps } from "./DefaultNotificationsListEmptyState.js";
7
7
  import { INotificationsListErrorStateComponentProps } from "./DefaultNotificationsListErrorState.js";
8
+ import { INotificationSkeletonItemComponentProps } from "./DefaultSkeletonItem.js";
8
9
  /**
9
- * @alpha
10
+ * Props for the NotificationsList component.
11
+ *
12
+ * @public
10
13
  */
11
14
  export interface INotificationsListComponentProps {
15
+ /**
16
+ * Component to render when the notifications list is empty.
17
+ */
12
18
  NotificationsListEmptyState: React.ComponentType<INotificationsListEmptyStateComponentProps>;
19
+ /**
20
+ * Component to render when the notifications list is in error state.
21
+ */
13
22
  NotificationsListErrorState: React.ComponentType<INotificationsListErrorStateComponentProps>;
23
+ /**
24
+ * Component to render each notification.
25
+ */
14
26
  Notification: React.ComponentType<INotificationComponentProps>;
27
+ /**
28
+ * Component to render each skeleton item.
29
+ */
30
+ NotificationSkeletonItem: React.ComponentType<INotificationSkeletonItemComponentProps>;
31
+ /**
32
+ * Active view of the notifications list.
33
+ */
15
34
  activeView: INotificationsPanelView;
35
+ /**
36
+ * Status of the notifications list.
37
+ */
16
38
  status: UseCancelablePromiseStatus;
39
+ /**
40
+ * Error to display.
41
+ */
17
42
  error?: GoodDataSdkError;
18
- notifications?: INotification[];
43
+ /**
44
+ * Loaded notifications relevant to the active view.
45
+ */
46
+ activeNotifications?: INotification[];
47
+ /**
48
+ * Callback function to mark notification as read.
49
+ */
19
50
  markNotificationAsRead: (notificationId: string) => Promise<void>;
51
+ /**
52
+ * Callback function to handle notification click.
53
+ */
20
54
  onNotificationClick: (notification: INotification) => void;
55
+ /**
56
+ * Whether there is a next page of notifications.
57
+ */
21
58
  hasNextPage: boolean;
59
+ /**
60
+ * Load next page of notifications.
61
+ */
22
62
  loadNextPage: () => void;
63
+ /**
64
+ * Height of the notification item in pixels.
65
+ */
66
+ itemHeight: number;
67
+ /**
68
+ * Gap between notification items in pixels.
69
+ */
70
+ itemsGap: number;
71
+ /**
72
+ * Padding of the notification item (from left/right) in pixels.
73
+ */
74
+ itemPadding: number;
75
+ /**
76
+ * Number of skeleton items to render when loading notifications.
77
+ */
78
+ skeletonItemsCount: number;
79
+ /**
80
+ * Maximum height of the notifications list in pixels.
81
+ */
82
+ maxListHeight?: number;
23
83
  }
24
84
  /**
25
- * @internal
85
+ * Default implementation of the NotificationsList component.
86
+ *
87
+ * @public
26
88
  */
27
- export declare function DefaultNotificationsList({ Notification, activeView, status, error, notifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, }: INotificationsListComponentProps): React.JSX.Element;
89
+ export declare function DefaultNotificationsList({ Notification, NotificationsListEmptyState, NotificationsListErrorState, NotificationSkeletonItem, activeView, status, error, activeNotifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, itemHeight, itemsGap, itemPadding, skeletonItemsCount, maxListHeight, }: INotificationsListComponentProps): React.JSX.Element;
28
90
  //# sourceMappingURL=DefaultNotificationsList.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAEH,0CAA0C,EAC7C,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAEH,0CAA0C,EAC7C,MAAM,yCAAyC,CAAC;AAIjD;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC7C,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC/D,UAAU,EAAE,uBAAuB,CAAC;IACpC,MAAM,EAAE,0BAA0B,CAAC;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,GACf,EAAE,gCAAgC,qBAkClC"}
1
+ {"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,0CAA0C,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,EAAE,0CAA0C,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,EAAE,uCAAuC,EAAE,MAAM,0BAA0B,CAAC;AAInF;;;;GAIG;AACH,MAAM,WAAW,gCAAgC;IAC7C;;OAEG;IACH,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE7F;;OAEG;IACH,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE7F;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAE/D;;OAEG;IACH,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAEvF;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,MAAM,EAAE,0BAA0B,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IAEtC;;OAEG;IACH,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAElE;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,YAAY,EACZ,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,UAAU,EACV,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAiB,GACpB,EAAE,gCAAgC,qBAyClC"}
@@ -1,23 +1,24 @@
1
- // (C) 2024 GoodData Corporation
1
+ // (C) 2024-2025 GoodData Corporation
2
2
  import React from "react";
3
+ import { useElementSize, UiPagedVirtualList } from "@gooddata/sdk-ui-kit";
3
4
  import { bem } from "../bem.js";
4
- import { PagedVirtualList } from "../components/VirtualList.js";
5
- import { DefaultNotificationsListEmptyState, } from "./DefaultNotificationsListEmptyState.js";
6
- import { DefaultNotificationsListErrorState, } from "./DefaultNotificationsListErrorState.js";
7
- const NOTIFICATION_ITEM_HEIGHT = 52;
8
- const { b, e } = bem("gd-ui-ext-notifications-list");
5
+ const { b } = bem("gd-ui-ext-notifications-list");
9
6
  /**
10
- * @internal
7
+ * Default implementation of the NotificationsList component.
8
+ *
9
+ * @public
11
10
  */
12
- export function DefaultNotificationsList({ Notification, activeView, status, error, notifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, }) {
11
+ export function DefaultNotificationsList({ Notification, NotificationsListEmptyState, NotificationsListErrorState, NotificationSkeletonItem, activeView, status, error, activeNotifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, itemHeight, itemsGap, itemPadding, skeletonItemsCount, maxListHeight = 0, }) {
13
12
  const isError = status === "error";
14
- const isEmpty = status === "success" && notifications?.length === 0;
13
+ const isEmpty = status === "success" && activeNotifications?.length === 0;
15
14
  const isLoading = status === "loading" || status === "pending";
16
- const isSuccess = status === "success" && (notifications?.length ?? 0) > 0;
17
- return (React.createElement("div", { className: b() },
18
- isError ? React.createElement(DefaultNotificationsListErrorState, { error: error }) : null,
19
- isEmpty ? React.createElement(DefaultNotificationsListEmptyState, { activeView: activeView }) : null,
20
- isLoading || isSuccess ? (React.createElement(PagedVirtualList, { items: notifications, itemHeight: NOTIFICATION_ITEM_HEIGHT, itemsGap: 10, itemPadding: 15, skeletonItemsCount: 5, hasNextPage: hasNextPage, loadNextPage: loadNextPage, isLoading: isLoading }, (notification) => (React.createElement("div", { className: e("notification") },
21
- React.createElement(Notification, { notification: notification, markAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick }))))) : null));
15
+ const isSuccess = status === "success" && (activeNotifications?.length ?? 0) > 0;
16
+ const { height, ref } = useElementSize();
17
+ return (React.createElement("div", { className: b(), ref: (node) => {
18
+ ref.current = node;
19
+ } },
20
+ isError ? React.createElement(NotificationsListErrorState, { error: error }) : null,
21
+ isEmpty ? React.createElement(NotificationsListEmptyState, { activeView: activeView }) : null,
22
+ isLoading || isSuccess ? (React.createElement(UiPagedVirtualList, { items: activeNotifications, itemHeight: itemHeight, itemsGap: itemsGap, itemPadding: itemPadding, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, loadNextPage: loadNextPage, isLoading: isLoading, maxHeight: Math.max(maxListHeight, height, (itemHeight + itemsGap) * skeletonItemsCount), SkeletonItem: NotificationSkeletonItem }, (notification) => (React.createElement(Notification, { notification: notification, markNotificationAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick })))) : null));
22
23
  }
23
24
  //# sourceMappingURL=DefaultNotificationsList.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACH,kCAAkC,GAErC,MAAM,yCAAyC,CAAC;AACjD,OAAO,EACH,kCAAkC,GAErC,MAAM,yCAAyC,CAAC;AAEjD,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAmBpC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACrC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,GACmB;IAC/B,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,KAAK,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAE3E,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACd,OAAO,CAAC,CAAC,CAAC,oBAAC,kCAAkC,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QACrE,OAAO,CAAC,CAAC,CAAC,oBAAC,kCAAkC,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI;QAC/E,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,oBAAC,gBAAgB,IACb,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,wBAAwB,EACpC,QAAQ,EAAE,EAAE,EACZ,WAAW,EAAE,EAAE,EACf,kBAAkB,EAAE,CAAC,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAEnB,CAAC,YAAY,EAAE,EAAE,CAAC,CACf,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC;YAC7B,oBAAC,YAAY,IACT,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,sBAAsB,EAClC,mBAAmB,EAAE,mBAAmB,GAC1C,CACA,CACT,CACc,CACtB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DefaultNotificationsList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAOhC,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;AA8FlD;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACrC,YAAY,EACZ,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,UAAU,EACV,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GAAG,CAAC,GACc;IAC/B,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,mBAAmB,EAAE,MAAM,KAAK,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEjF,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzC,OAAO,CACH,6BACI,SAAS,EAAE,CAAC,EAAE,EACd,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACV,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,CAAC;QAEA,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QAC9D,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI;QACxE,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,IACf,KAAK,EAAE,mBAAmB,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,kBAAkB,CAAC,EACxF,YAAY,EAAE,wBAAwB,IAErC,CAAC,YAAY,EAAE,EAAE,CAAC,CACf,oBAAC,YAAY,IACT,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CACgB,CACxB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;AACN,CAAC"}
@@ -1,13 +1,20 @@
1
1
  import React from "react";
2
2
  import { INotificationsPanelView } from "../types.js";
3
3
  /**
4
- * @alpha
4
+ * Props for the NotificationsListEmptyState component.
5
+ *
6
+ * @public
5
7
  */
6
8
  export interface INotificationsListEmptyStateComponentProps {
9
+ /**
10
+ * Active view of the notifications list.
11
+ */
7
12
  activeView: INotificationsPanelView;
8
13
  }
9
14
  /**
10
- * @internal
15
+ * Default implementation of the NotificationsListEmptyState component.
16
+ *
17
+ * @public
11
18
  */
12
19
  export declare function DefaultNotificationsListEmptyState({ activeView, }: INotificationsListEmptyStateComponentProps): React.JSX.Element;
13
20
  //# sourceMappingURL=DefaultNotificationsListEmptyState.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsListEmptyState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACvD,UAAU,EAAE,uBAAuB,CAAC;CACvC;AAWD;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,UAAU,GACb,EAAE,0CAA0C,qBAS5C"}
1
+ {"version":3,"file":"DefaultNotificationsListEmptyState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAKtD;;;;GAIG;AACH,MAAM,WAAW,0CAA0C;IACvD;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;CACvC;AAWD;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,UAAU,GACb,EAAE,0CAA0C,qBAS5C"}
@@ -1,4 +1,4 @@
1
- // (C) 2024 GoodData Corporation
1
+ // (C) 2024-2025 GoodData Corporation
2
2
  import React from "react";
3
3
  import { bem } from "../bem.js";
4
4
  import { defineMessages, useIntl } from "react-intl";
@@ -12,7 +12,9 @@ const messages = defineMessages({
12
12
  },
13
13
  });
14
14
  /**
15
- * @internal
15
+ * Default implementation of the NotificationsListEmptyState component.
16
+ *
17
+ * @public
16
18
  */
17
19
  export function DefaultNotificationsListEmptyState({ activeView, }) {
18
20
  const intl = useIntl();
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsListEmptyState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAS9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,+BAA+B;KACtC;IACD,gBAAgB,EAAE;QACd,EAAE,EAAE,kCAAkC;KACzC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAC/C,UAAU,GAC+B;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IACd,UAAU,KAAK,KAAK;QACjB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC5C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CACjD,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DefaultNotificationsListEmptyState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAc9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,+BAA+B;KACtC;IACD,gBAAgB,EAAE;QACd,EAAE,EAAE,kCAAkC;KACzC;CACJ,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAC/C,UAAU,GAC+B;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IACd,UAAU,KAAK,KAAK;QACjB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC5C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CACjD,CACT,CAAC;AACN,CAAC"}
@@ -1,13 +1,20 @@
1
1
  import React from "react";
2
2
  import { GoodDataSdkError } from "@gooddata/sdk-ui";
3
3
  /**
4
- * @alpha
4
+ * Props for the NotificationsListErrorState component.
5
+ *
6
+ * @public
5
7
  */
6
8
  export interface INotificationsListErrorStateComponentProps {
9
+ /**
10
+ * Error to display.
11
+ */
7
12
  error?: GoodDataSdkError;
8
13
  }
9
14
  /**
10
- * @internal
15
+ * Default implementation of the NotificationsListErrorState component.
16
+ *
17
+ * @public
11
18
  */
12
19
  export declare function DefaultNotificationsListErrorState({ error }: INotificationsListErrorStateComponentProps): React.JSX.Element;
13
20
  //# sourceMappingURL=DefaultNotificationsListErrorState.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsListErrorState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACvD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAQD;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,0CAA0C,qBAKvG"}
1
+ {"version":3,"file":"DefaultNotificationsListErrorState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;;;GAIG;AACH,MAAM,WAAW,0CAA0C;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAQD;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,0CAA0C,qBAKvG"}
@@ -1,4 +1,4 @@
1
- // (C) 2024 GoodData Corporation
1
+ // (C) 2024-2025 GoodData Corporation
2
2
  import React from "react";
3
3
  import { bem } from "../bem.js";
4
4
  import { defineMessages, useIntl } from "react-intl";
@@ -9,7 +9,9 @@ const messages = defineMessages({
9
9
  },
10
10
  });
11
11
  /**
12
- * @internal
12
+ * Default implementation of the NotificationsListErrorState component.
13
+ *
14
+ * @public
13
15
  */
14
16
  export function DefaultNotificationsListErrorState({ error }) {
15
17
  const intl = useIntl();
@@ -1 +1 @@
1
- {"version":3,"file":"DefaultNotificationsListErrorState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAS9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,yBAAyB,EAAE;QACvB,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAAE,KAAK,EAA8C;IACpG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IAAG,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAO,CACxG,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"DefaultNotificationsListErrorState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAc9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,yBAAyB,EAAE;QACvB,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;;;GAIG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAAE,KAAK,EAA8C;IACpG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IAAG,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAO,CACxG,CAAC;AACN,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { UiSkeleton } from "@gooddata/sdk-ui-kit";
2
+ /**
3
+ * Props for the NotificationSkeletonItem component.
4
+ *
5
+ * @public
6
+ */
7
+ export interface INotificationSkeletonItemComponentProps {
8
+ /**
9
+ * Height of the skeleton item in pixels.
10
+ */
11
+ itemHeight: number;
12
+ }
13
+ /**
14
+ * Default implementation of the NotificationSkeletonItem component.
15
+ *
16
+ * @public
17
+ */
18
+ export declare const DefaultNotificationSkeletonItem: typeof UiSkeleton;
19
+ //# sourceMappingURL=DefaultSkeletonItem.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultSkeletonItem.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultSkeletonItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,uCAAuC;IACpD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,mBAAa,CAAC"}
@@ -0,0 +1,9 @@
1
+ // (C) 2024-2025 GoodData Corporation
2
+ import { UiSkeleton } from "@gooddata/sdk-ui-kit";
3
+ /**
4
+ * Default implementation of the NotificationSkeletonItem component.
5
+ *
6
+ * @public
7
+ */
8
+ export const DefaultNotificationSkeletonItem = UiSkeleton;
9
+ //# sourceMappingURL=DefaultSkeletonItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DefaultSkeletonItem.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultSkeletonItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,UAAU,CAAC"}