@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.
- package/NOTICE +3 -3
- package/esm/index.d.ts +12 -2
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +10 -2
- package/esm/index.js.map +1 -1
- package/esm/internal/translations/de-DE.json +9 -1
- package/esm/internal/translations/en-AU.json +9 -1
- package/esm/internal/translations/en-GB.json +9 -1
- package/esm/internal/translations/en-US.json +1 -1
- package/esm/internal/translations/es-419.json +9 -1
- package/esm/internal/translations/es-ES.json +9 -1
- package/esm/internal/translations/fi-FI.json +9 -1
- package/esm/internal/translations/fr-CA.json +9 -1
- package/esm/internal/translations/fr-FR.json +9 -1
- package/esm/internal/translations/it-IT.json +9 -1
- package/esm/internal/translations/ja-JP.json +9 -1
- package/esm/internal/translations/nl-NL.json +9 -1
- package/esm/internal/translations/pt-BR.json +9 -1
- package/esm/internal/translations/pt-PT.json +9 -1
- package/esm/internal/translations/zh-HK.json +9 -1
- package/esm/internal/translations/zh-Hans.json +9 -1
- package/esm/internal/translations/zh-Hant.json +9 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.d.ts +12 -0
- package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.d.ts.map +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.js +10 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/OrganizationContext.js.map +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.d.ts +6 -4
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.d.ts.map +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js.map +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.d.ts +2 -2
- package/esm/notificationsPanel/Notification/AlertNotification.d.ts.map +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.js +15 -10
- package/esm/notificationsPanel/Notification/AlertNotification.js.map +1 -1
- package/esm/notificationsPanel/Notification/DefaultNotification.d.ts +17 -4
- package/esm/notificationsPanel/Notification/DefaultNotification.d.ts.map +1 -1
- package/esm/notificationsPanel/Notification/DefaultNotification.js +6 -4
- package/esm/notificationsPanel/Notification/DefaultNotification.js.map +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetail.js.map +1 -1
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js +2 -2
- package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts +4 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js +9 -5
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts +4 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts +66 -4
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js +16 -15
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts +9 -2
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js +4 -2
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts +9 -2
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js +4 -2
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.d.ts +19 -0
- package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.d.ts.map +1 -0
- package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.js +9 -0
- package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.js.map +1 -0
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts +95 -5
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js +7 -5
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.d.ts → DefaultNotificationsPanelButton.d.ts} +8 -6
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.d.ts.map +1 -0
- package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.js → DefaultNotificationsPanelButton.js} +4 -4
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.js.map +1 -0
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts +8 -4
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js +6 -4
- package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts +75 -11
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js +20 -10
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js.map +1 -1
- package/esm/notificationsPanel/bem.d.ts +5 -0
- package/esm/notificationsPanel/bem.d.ts.map +1 -1
- package/esm/notificationsPanel/bem.js +6 -1
- package/esm/notificationsPanel/bem.js.map +1 -1
- package/esm/notificationsPanel/data/NotificationsContext.d.ts +16 -1
- package/esm/notificationsPanel/data/NotificationsContext.d.ts.map +1 -1
- package/esm/notificationsPanel/data/NotificationsContext.js +9 -3
- package/esm/notificationsPanel/data/NotificationsContext.js.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts +11 -8
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.js +18 -7
- package/esm/notificationsPanel/data/useFetchNotifications.js.map +1 -1
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts +1 -0
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.js +34 -17
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.js.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts +24 -4
- package/esm/notificationsPanel/data/useNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.js +15 -10
- package/esm/notificationsPanel/data/useNotifications.js.map +1 -1
- package/esm/notificationsPanel/types.d.ts +3 -1
- package/esm/notificationsPanel/types.d.ts.map +1 -1
- package/esm/notificationsPanel/types.js +1 -1
- package/esm/notificationsPanel/types.js.map +1 -1
- package/esm/sdk-ui-ext.d.ts +397 -52
- package/package.json +17 -18
- package/src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss +3 -0
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss +7 -4
- package/src/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.scss → DefaultNotificationsPanelButton.scss} +2 -2
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss +8 -3
- package/src/notificationsPanel/notificationPanel.scss +8 -4
- package/styles/css/main.css +467 -48
- package/styles/css/main.css.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.d.ts.map +0 -1
- package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.js.map +0 -1
- package/esm/notificationsPanel/components/Skeleton.d.ts +0 -8
- package/esm/notificationsPanel/components/Skeleton.d.ts.map +0 -1
- package/esm/notificationsPanel/components/Skeleton.js +0 -11
- package/esm/notificationsPanel/components/Skeleton.js.map +0 -1
- package/esm/notificationsPanel/components/VirtualList.d.ts +0 -15
- package/esm/notificationsPanel/components/VirtualList.d.ts.map +0 -1
- package/esm/notificationsPanel/components/VirtualList.js +0 -77
- package/esm/notificationsPanel/components/VirtualList.js.map +0 -1
- package/src/notificationsPanel/components/Skeleton.scss +0 -25
- 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
|
-
*
|
|
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
|
-
|
|
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
|
-
*
|
|
23
|
+
* Default implementation of the Notification component.
|
|
24
|
+
*
|
|
25
|
+
* @public
|
|
13
26
|
*/
|
|
14
|
-
export declare function DefaultNotification({ notification,
|
|
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
|
|
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
|
-
*
|
|
8
|
+
* Default implementation of the Notification component.
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
9
11
|
*/
|
|
10
|
-
export function DefaultNotification({ notification,
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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 {
|
|
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(
|
|
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
|
}
|
package/esm/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.js.map
CHANGED
|
@@ -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,
|
|
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
|
-
* @
|
|
10
|
+
* @internal
|
|
8
11
|
*/
|
|
9
12
|
export declare function NotificationTriggerDetail({ notification }: INotificationTriggerDetailProps): React.JSX.Element;
|
|
10
13
|
//# sourceMappingURL=NotificationTriggersDetail.d.ts.map
|
package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts.map
CHANGED
|
@@ -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;
|
|
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
|
-
* @
|
|
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: (
|
|
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
|
|
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;
|
|
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"}
|
package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts
CHANGED
|
@@ -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
|
-
* @
|
|
11
|
+
* @internal
|
|
9
12
|
*/
|
|
10
13
|
export declare function NotificationTriggersDetailDialog({ notification, onClose, }: INotificationTriggersDetailDialogProps): React.JSX.Element;
|
|
11
14
|
export {};
|
package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts.map
CHANGED
|
@@ -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"}
|
package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js.map
CHANGED
|
@@ -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;
|
|
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
|
-
*
|
|
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
|
-
|
|
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
|
-
*
|
|
85
|
+
* Default implementation of the NotificationsList component.
|
|
86
|
+
*
|
|
87
|
+
* @public
|
|
26
88
|
*/
|
|
27
|
-
export declare function DefaultNotificationsList({ Notification, activeView, status, error,
|
|
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;
|
|
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
|
-
|
|
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
|
-
*
|
|
7
|
+
* Default implementation of the NotificationsList component.
|
|
8
|
+
*
|
|
9
|
+
* @public
|
|
11
10
|
*/
|
|
12
|
-
export function DefaultNotificationsList({ Notification, activeView, status, error,
|
|
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" &&
|
|
13
|
+
const isEmpty = status === "success" && activeNotifications?.length === 0;
|
|
15
14
|
const isLoading = status === "loading" || status === "pending";
|
|
16
|
-
const isSuccess = status === "success" && (
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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,
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts.map
CHANGED
|
@@ -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
|
|
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
|
-
*
|
|
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,
|
|
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
|
-
*
|
|
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
|
-
*
|
|
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
|
package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts.map
CHANGED
|
@@ -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
|
|
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
|
-
*
|
|
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,
|
|
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"}
|