@gooddata/sdk-ui-ext 10.18.0-alpha.13 → 10.18.0-alpha.15
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/esm/internal/translations/en-US.json +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.d.ts.map +1 -1
- package/esm/notificationsPanel/Notification/AlertNotification.js +12 -7
- package/esm/notificationsPanel/Notification/AlertNotification.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.map +1 -1
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js +8 -4
- package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js +22 -3
- package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts +4 -0
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js +4 -4
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js.map +1 -1
- package/esm/notificationsPanel/components/VirtualList.d.ts +1 -1
- package/esm/notificationsPanel/components/VirtualList.d.ts.map +1 -1
- package/esm/notificationsPanel/components/VirtualList.js +6 -5
- package/esm/notificationsPanel/components/VirtualList.js.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts +1 -0
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.js +8 -0
- 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 +30 -12
- package/esm/notificationsPanel/data/useNotificationFiltersDetail.js.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts +1 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.js +6 -5
- package/esm/notificationsPanel/data/useNotifications.js.map +1 -1
- package/esm/sdk-ui-ext.d.ts +4 -0
- package/package.json +17 -18
- package/src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss +3 -0
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss +8 -3
- package/src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss +5 -2
- package/src/notificationsPanel/components/VirtualList.scss +6 -0
- package/src/notificationsPanel/notificationPanel.scss +0 -1
- package/styles/css/main.css +20 -65
- package/styles/css/main.css.map +1 -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/src/notificationsPanel/components/Skeleton.scss +0 -25
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertNotification.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/AlertNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAqB,kBAAkB,EAAiB,MAAM,qBAAqB,CAAC;AAQ3F;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,kBAAkB,CAAC;IACjC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACnE;AAID;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,YAAY,EACZ,UAAU,EACV,mBAAmB,GACtB,EAAE,wBAAwB,
|
|
1
|
+
{"version":3,"file":"AlertNotification.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/AlertNotification.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAqB,kBAAkB,EAAiB,MAAM,qBAAqB,CAAC;AAQ3F;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,YAAY,EAAE,kBAAkB,CAAC;IACjC,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAC;CACnE;AAID;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAC9B,YAAY,EACZ,UAAU,EACV,mBAAmB,GACtB,EAAE,wBAAwB,qBA6D1B"}
|
|
@@ -3,7 +3,7 @@ import React, { useCallback } from "react";
|
|
|
3
3
|
import { getDateTimeConfig, UiIcon } from "@gooddata/sdk-ui-kit";
|
|
4
4
|
import { bem } from "../bem.js";
|
|
5
5
|
import { Tooltip } from "../components/Tooltip.js";
|
|
6
|
-
import { NotificationFiltersDetail } from "../NotificationFiltersDetail/NotificationFiltersDetail.js";
|
|
6
|
+
// import { NotificationFiltersDetail } from "../NotificationFiltersDetail/NotificationFiltersDetail.js";
|
|
7
7
|
import { NotificationTriggerDetail } from "../NotificationTriggersDetail/NotificationTriggersDetail.js";
|
|
8
8
|
import { defineMessages, FormattedDate, FormattedMessage, FormattedTime, useIntl } from "react-intl";
|
|
9
9
|
const { b, e } = bem("gd-ui-ext-notification");
|
|
@@ -16,12 +16,19 @@ export function AlertNotification({ notification, markAsRead, onNotificationClic
|
|
|
16
16
|
e.stopPropagation();
|
|
17
17
|
markAsRead(notification.id);
|
|
18
18
|
};
|
|
19
|
-
const clickNotification = useCallback(() => {
|
|
19
|
+
const clickNotification = useCallback((event) => {
|
|
20
|
+
const target = event.target;
|
|
21
|
+
const targetIsElement = target instanceof Element;
|
|
22
|
+
const isNotificationsDetailsLink = targetIsElement && target.closest(`[data-id="notification-detail"]`);
|
|
23
|
+
if (isNotificationsDetailsLink) {
|
|
24
|
+
return;
|
|
25
|
+
}
|
|
20
26
|
onNotificationClick(notification);
|
|
21
27
|
}, [onNotificationClick, notification]);
|
|
22
|
-
|
|
23
|
-
const
|
|
24
|
-
const
|
|
28
|
+
// Hide filters for now, as there is lot of unresolved cases to consider
|
|
29
|
+
// const filterCount = notification.details.data.alert.filterCount;
|
|
30
|
+
// const isSliced = notification.details.data.alert.attribute;
|
|
31
|
+
// const showSeparator = filterCount && filterCount > 0 && isSliced;
|
|
25
32
|
const notificationTitle = getNotificationTitle(notification);
|
|
26
33
|
return (React.createElement("div", { className: b({ isRead: notification.isRead }), onClick: clickNotification },
|
|
27
34
|
React.createElement("div", { className: e("icon") },
|
|
@@ -30,8 +37,6 @@ export function AlertNotification({ notification, markAsRead, onNotificationClic
|
|
|
30
37
|
React.createElement("div", { className: e("details") },
|
|
31
38
|
React.createElement("div", { className: e("title", { isRead: notification.isRead }), title: notificationTitle }, notificationTitle),
|
|
32
39
|
React.createElement("div", { className: e("links") },
|
|
33
|
-
React.createElement(NotificationFiltersDetail, { notification: notification }),
|
|
34
|
-
showSeparator ? "・" : null,
|
|
35
40
|
React.createElement(NotificationTriggerDetail, { notification: notification }))),
|
|
36
41
|
React.createElement("div", { className: e("time") },
|
|
37
42
|
React.createElement(NotificationTime, { config: getDateTimeConfig(notification.createdAt) })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertNotification.js","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/AlertNotification.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAe,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,
|
|
1
|
+
{"version":3,"file":"AlertNotification.js","sourceRoot":"","sources":["../../../src/notificationsPanel/Notification/AlertNotification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|
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,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: {
|
|
@@ -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;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,
|
|
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;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,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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AACjE,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,qBA0DlC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useLayoutEffect, useRef, useState } from "react";
|
|
3
3
|
import { bem } from "../bem.js";
|
|
4
4
|
import { PagedVirtualList } from "../components/VirtualList.js";
|
|
5
5
|
import { DefaultNotificationsListEmptyState, } from "./DefaultNotificationsListEmptyState.js";
|
|
@@ -14,10 +14,29 @@ export function DefaultNotificationsList({ Notification, activeView, status, err
|
|
|
14
14
|
const isEmpty = status === "success" && notifications?.length === 0;
|
|
15
15
|
const isLoading = status === "loading" || status === "pending";
|
|
16
16
|
const isSuccess = status === "success" && (notifications?.length ?? 0) > 0;
|
|
17
|
-
|
|
17
|
+
const containerRef = useRef(null);
|
|
18
|
+
const [availableHeight, setAvailableHeight] = useState(0);
|
|
19
|
+
useLayoutEffect(() => {
|
|
20
|
+
const resizeObserver = new ResizeObserver((entries) => {
|
|
21
|
+
const [entry] = entries;
|
|
22
|
+
if (entry) {
|
|
23
|
+
setAvailableHeight(entry.contentRect.height);
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
if (containerRef.current) {
|
|
27
|
+
resizeObserver.observe(containerRef.current);
|
|
28
|
+
}
|
|
29
|
+
return () => {
|
|
30
|
+
if (resizeObserver) {
|
|
31
|
+
resizeObserver.disconnect();
|
|
32
|
+
setAvailableHeight(0);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}, []);
|
|
36
|
+
return (React.createElement("div", { className: b(), ref: containerRef },
|
|
18
37
|
isError ? React.createElement(DefaultNotificationsListErrorState, { error: error }) : null,
|
|
19
38
|
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") },
|
|
39
|
+
isLoading || isSuccess ? (React.createElement(PagedVirtualList, { items: notifications, itemHeight: NOTIFICATION_ITEM_HEIGHT, itemsGap: 10, itemPadding: 15, skeletonItemsCount: 5, hasNextPage: hasNextPage, loadNextPage: loadNextPage, isLoading: isLoading, maxHeight: Math.max(527, availableHeight) }, (notification) => (React.createElement("div", { className: e("notification") },
|
|
21
40
|
React.createElement(Notification, { notification: notification, markAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick }))))) : null));
|
|
22
41
|
}
|
|
23
42
|
//# 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;
|
|
1
|
+
{"version":3,"file":"DefaultNotificationsList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,6 +64,10 @@ export interface INotificationsPanelProps extends INotificationsPanelCustomCompo
|
|
|
64
64
|
* Locale to use.
|
|
65
65
|
*/
|
|
66
66
|
locale?: ILocale;
|
|
67
|
+
/**
|
|
68
|
+
* Render notifications panel inline (without button + clicking on it).
|
|
69
|
+
*/
|
|
70
|
+
renderInline?: boolean;
|
|
67
71
|
/**
|
|
68
72
|
* Handler for notification click.
|
|
69
73
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPanel.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAe,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,OAAO,EACH,uCAAuC,EAE1C,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,2CAA2C,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,EAA6B,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAE9G,OAAO,EAEH,gCAAgC,EACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAuB,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAM1G;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACrD;;OAEG;IACH,4BAA4B,EAAE,KAAK,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;IAE/F;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;IAE5E;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAExF;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IAE1E;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE9F;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;CACnE;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wCAAwC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAOD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,qBAYjE"}
|
|
1
|
+
{"version":3,"file":"NotificationsPanel.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAe,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,OAAO,EACH,uCAAuC,EAE1C,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,2CAA2C,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,EAA6B,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAE9G,OAAO,EAEH,gCAAgC,EACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAuB,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAM1G;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACrD;;OAEG;IACH,4BAA4B,EAAE,KAAK,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;IAE/F;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;IAE5E;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAExF;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IAE1E;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE9F;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;CACnE;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wCAAwC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAOD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,qBAYjE"}
|
|
@@ -30,7 +30,7 @@ export function NotificationsPanel(props) {
|
|
|
30
30
|
/**
|
|
31
31
|
* @internal
|
|
32
32
|
*/
|
|
33
|
-
function NotificationsPanelController({ OpenNotificationsPanelButton, NotificationsPanel = DefaultNotificationsPanel, NotificationsPanelHeader = DefaultNotificationsPanelHeader, NotificationsList = DefaultNotificationsList, NotificationsListEmptyState = DefaultNotificationsListEmptyState, NotificationsListErrorState = DefaultNotificationsListErrorState, Notification = DefaultNotification, onNotificationClick, }) {
|
|
33
|
+
function NotificationsPanelController({ OpenNotificationsPanelButton, NotificationsPanel = DefaultNotificationsPanel, NotificationsPanelHeader = DefaultNotificationsPanelHeader, NotificationsList = DefaultNotificationsList, NotificationsListEmptyState = DefaultNotificationsListEmptyState, NotificationsListErrorState = DefaultNotificationsListErrorState, Notification = DefaultNotification, onNotificationClick, renderInline = false, }) {
|
|
34
34
|
const { buttonRef, isOpen, openNotificationsPanel, closeNotificationsPanel, toggleNotificationsPanel,
|
|
35
35
|
//
|
|
36
36
|
activeView, changeActiveView,
|
|
@@ -43,10 +43,10 @@ function NotificationsPanelController({ OpenNotificationsPanelButton, Notificati
|
|
|
43
43
|
closeNotificationsPanel();
|
|
44
44
|
onNotificationClick?.(notification);
|
|
45
45
|
}, [markNotificationAsRead, closeNotificationsPanel, onNotificationClick]);
|
|
46
|
-
return (React.createElement(React.Fragment, null,
|
|
46
|
+
return (React.createElement(React.Fragment, null, renderInline ? (React.createElement(NotificationsPanel, { NotificationsPanelHeader: NotificationsPanelHeader, NotificationsList: NotificationsList, NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, toggleNotificationsPanel: toggleNotificationsPanel, openNotificationsPanel: openNotificationsPanel, closeNotificationsPanel: closeNotificationsPanel, activeView: activeView, changeActiveView: changeActiveView, markNotificationAsRead: markNotificationAsRead, markAllNotificationsAsRead: markAllNotificationsAsRead, unreadNotificationsCount: unreadNotificationsCount, activeNotifications: activeNotifications, onNotificationClick: handleNotificationClick, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage })) : (React.createElement(React.Fragment, null,
|
|
47
47
|
React.createElement(OpenNotificationsPanelButton, { buttonRef: buttonRef, isNotificationPanelOpen: isOpen, toggleNotificationPanel: toggleNotificationsPanel, openNotificationPanel: openNotificationsPanel, closeNotificationPanel: closeNotificationsPanel, hasUnreadNotifications: unreadNotificationsCount > 0 }),
|
|
48
|
-
isOpen ? (React.createElement(Overlay, { isModal: false, alignTo: buttonRef.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeNotificationsPanel },
|
|
49
|
-
React.createElement(NotificationsPanel, { NotificationsPanelHeader: NotificationsPanelHeader, NotificationsList: NotificationsList, NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, toggleNotificationsPanel: toggleNotificationsPanel, openNotificationsPanel: openNotificationsPanel, closeNotificationsPanel: closeNotificationsPanel, activeView: activeView, changeActiveView: changeActiveView, markNotificationAsRead: markNotificationAsRead, markAllNotificationsAsRead: markAllNotificationsAsRead, unreadNotificationsCount: unreadNotificationsCount, activeNotifications: activeNotifications, onNotificationClick: handleNotificationClick, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage }))) : null));
|
|
48
|
+
isOpen ? (React.createElement(Overlay, { className: "gd-ui-ext-notifications-panel-overlay", isModal: false, alignTo: buttonRef.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeNotificationsPanel },
|
|
49
|
+
React.createElement(NotificationsPanel, { NotificationsPanelHeader: NotificationsPanelHeader, NotificationsList: NotificationsList, NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, toggleNotificationsPanel: toggleNotificationsPanel, openNotificationsPanel: openNotificationsPanel, closeNotificationsPanel: closeNotificationsPanel, activeView: activeView, changeActiveView: changeActiveView, markNotificationAsRead: markNotificationAsRead, markAllNotificationsAsRead: markAllNotificationsAsRead, unreadNotificationsCount: unreadNotificationsCount, activeNotifications: activeNotifications, onNotificationClick: handleNotificationClick, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage }))) : null))));
|
|
50
50
|
}
|
|
51
51
|
function useNotificationsPanelController() {
|
|
52
52
|
const [isOpen, setIsOpen] = useState(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsPanel.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,WAAW,EAAiB,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AACjG,OAAO,EAAE,oBAAoB,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,EAEH,+BAA+B,GAClC,MAAM,sCAAsC,CAAC;AAE9C,OAAO,EAAE,yBAAyB,EAAqC,MAAM,gCAAgC,CAAC;AAC9G,OAAO,EAAE,OAAO,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxE,OAAO,EACH,wBAAwB,GAE3B,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EACH,kCAAkC,GAErC,MAAM,4DAA4D,CAAC;AACpE,OAAO,EACH,kCAAkC,GAErC,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAA+B,MAAM,wCAAwC,CAAC;AAE1G,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC,EAAE,iBAAiB,EAAE,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,CAAC;CACjG,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationsPanel.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACrC,SAAS,
|
|
1
|
+
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAMzC,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACrC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;CAC1C;AAID,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,qBAqDnE"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
import React, { useEffect } from "react";
|
|
3
|
+
import { UiSkeleton } from "@gooddata/sdk-ui-kit";
|
|
3
4
|
import { useVirtualizer } from "@tanstack/react-virtual";
|
|
4
|
-
import { Skeleton } from "./Skeleton.js";
|
|
5
5
|
import { bem } from "../bem.js";
|
|
6
6
|
const { b, e } = bem("gd-ui-ext-virtual-list");
|
|
7
7
|
export function PagedVirtualList(props) {
|
|
@@ -28,11 +28,11 @@ export function PagedVirtualList(props) {
|
|
|
28
28
|
paddingRight: itemPadding,
|
|
29
29
|
paddingLeft: itemPadding,
|
|
30
30
|
};
|
|
31
|
-
return (React.createElement("div", { key: virtualRow.index, style: style }, isSkeletonItem ? (React.createElement(
|
|
31
|
+
return (React.createElement("div", { key: virtualRow.index, style: style }, isSkeletonItem ? (React.createElement(UiSkeleton, { itemHeight: itemHeight, key: virtualRow.index })) : (children(item))));
|
|
32
32
|
})))));
|
|
33
33
|
}
|
|
34
34
|
function useVirtualList(props) {
|
|
35
|
-
const { items, itemHeight,
|
|
35
|
+
const { items, itemHeight, itemsGap, skeletonItemsCount, hasNextPage, loadNextPage, isLoading, maxHeight, } = props;
|
|
36
36
|
const scrollContainerRef = React.useRef(null);
|
|
37
37
|
const itemsCount = items ? items.length : 0;
|
|
38
38
|
let renderItemsCount = itemsCount;
|
|
@@ -42,9 +42,10 @@ function useVirtualList(props) {
|
|
|
42
42
|
else if (itemsCount === 0 && isLoading) {
|
|
43
43
|
renderItemsCount = skeletonItemsCount;
|
|
44
44
|
}
|
|
45
|
-
const
|
|
45
|
+
const realHeight = itemsCount > 0
|
|
46
46
|
? (itemHeight + itemsGap) * itemsCount + itemsGap
|
|
47
|
-
: skeletonItemsCount * (itemHeight + itemsGap) + itemsGap
|
|
47
|
+
: skeletonItemsCount * (itemHeight + itemsGap) + itemsGap;
|
|
48
|
+
const height = Math.min(maxHeight, realHeight);
|
|
48
49
|
const hasScroll = scrollContainerRef.current
|
|
49
50
|
? scrollContainerRef.current?.scrollHeight >
|
|
50
51
|
scrollContainerRef.current?.getBoundingClientRect().height
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchNotifications.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useFetchNotifications.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAsC,MAAM,kBAAkB,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE/B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,eAAe,GAClB,EAAE,2BAA2B
|
|
1
|
+
{"version":3,"file":"useFetchNotifications.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useFetchNotifications.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAsC,MAAM,kBAAkB,CAAC;AAExF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAIpD;;GAEG;AACH,MAAM,WAAW,2BAA2B;IACxC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAE/B;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAClC,SAAS,EACT,UAAU,EACV,eAAe,GAClB,EAAE,2BAA2B;;;;;;;;EA8E7B"}
|
|
@@ -54,6 +54,13 @@ export function useFetchNotifications({ workspace, readStatus, refreshInterval,
|
|
|
54
54
|
setPage((x) => x + 1);
|
|
55
55
|
}
|
|
56
56
|
}, [status, hasNextPage]);
|
|
57
|
+
const reset = useCallback(() => {
|
|
58
|
+
setPage(0);
|
|
59
|
+
setNotifications([]);
|
|
60
|
+
setHasNextPage(false);
|
|
61
|
+
setTotalNotificationsCount(0);
|
|
62
|
+
setInvalidationId((x) => x + 1);
|
|
63
|
+
}, []);
|
|
57
64
|
return {
|
|
58
65
|
notifications,
|
|
59
66
|
status,
|
|
@@ -61,6 +68,7 @@ export function useFetchNotifications({ workspace, readStatus, refreshInterval,
|
|
|
61
68
|
hasNextPage,
|
|
62
69
|
loadNextPage,
|
|
63
70
|
totalNotificationsCount,
|
|
71
|
+
reset,
|
|
64
72
|
};
|
|
65
73
|
}
|
|
66
74
|
//# sourceMappingURL=useFetchNotifications.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchNotifications.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useFetchNotifications.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useFetchNotifications.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useFetchNotifications.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ export declare function useNotificationsFilterDetail(notification: IAlertNotific
|
|
|
6
6
|
}[];
|
|
7
7
|
automationPromise: import("@gooddata/sdk-ui").UseCancelablePromiseState<{
|
|
8
8
|
automation: import("@gooddata/sdk-model").IAutomationMetadataObject;
|
|
9
|
+
dashboard: any;
|
|
9
10
|
labels: import("@gooddata/sdk-model").IAttributeDisplayFormMetadataObject[];
|
|
10
11
|
}, any>;
|
|
11
12
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotificationFiltersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotificationFiltersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAQH,kBAAkB,
|
|
1
|
+
{"version":3,"file":"useNotificationFiltersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotificationFiltersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAQH,kBAAkB,EAMrB,MAAM,qBAAqB,CAAC;AAoC7B,wBAAgB,4BAA4B,CAAC,YAAY,EAAE,kBAAkB;;eAuGpC,MAAM;kBAAY,MAAM;;;;;;;EAIhE"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
|
-
import { areObjRefsEqual, filterObjRef, isAttributeFilter, isDateFilter, isPositiveAttributeFilter, } from "@gooddata/sdk-model";
|
|
2
|
+
import { areObjRefsEqual, filterObjRef, isAttributeFilter, isDateFilter, isPositiveAttributeFilter, idRef, filterLocalIdentifier, } from "@gooddata/sdk-model";
|
|
3
3
|
import { useBackendStrict, useCancelablePromise, useWorkspaceStrict } from "@gooddata/sdk-ui";
|
|
4
4
|
import { useMemo } from "react";
|
|
5
5
|
import { translateAttributeFilter } from "./attributeFilterNaming.js";
|
|
6
6
|
import { defineMessages, useIntl } from "react-intl";
|
|
7
7
|
import { translateDateFilter } from "./dateFilterNaming.js";
|
|
8
|
+
import { layoutWidgets } from "@gooddata/sdk-backend-spi";
|
|
8
9
|
const messages = defineMessages({
|
|
9
10
|
title: {
|
|
10
11
|
id: "notifications.filters.dialog.title",
|
|
@@ -19,6 +20,15 @@ function getObjRefInScopeLocalId(attributeFilter) {
|
|
|
19
20
|
}
|
|
20
21
|
return attributeFilter.negativeAttributeFilter.displayForm.localIdentifier;
|
|
21
22
|
}
|
|
23
|
+
function fetchAutomation(backend, workspaceId, automationId) {
|
|
24
|
+
return backend.workspace(workspaceId).automations().getAutomation(automationId);
|
|
25
|
+
}
|
|
26
|
+
function fetchDashboard(backend, workspaceId, dashboardId) {
|
|
27
|
+
return backend.workspace(workspaceId).dashboards().getDashboardWithReferences(idRef(dashboardId));
|
|
28
|
+
}
|
|
29
|
+
function fetchLabels(backend, workspaceId, filterDisplayFormsRefs) {
|
|
30
|
+
return backend.workspace(workspaceId).attributes().getAttributeDisplayForms(filterDisplayFormsRefs);
|
|
31
|
+
}
|
|
22
32
|
export function useNotificationsFilterDetail(notification) {
|
|
23
33
|
const workspaceId = useWorkspaceStrict(undefined, "NotificationTriggerDetails");
|
|
24
34
|
const backend = useBackendStrict(undefined, "NotificationTriggerDetails");
|
|
@@ -28,10 +38,7 @@ export function useNotificationsFilterDetail(notification) {
|
|
|
28
38
|
if (!notification.automationId) {
|
|
29
39
|
return null;
|
|
30
40
|
}
|
|
31
|
-
const automation = await backend
|
|
32
|
-
.workspace(workspaceId)
|
|
33
|
-
.automations()
|
|
34
|
-
.getAutomation(notification.automationId);
|
|
41
|
+
const automation = await fetchAutomation(backend, workspaceId, notification.automationId);
|
|
35
42
|
const automationAlert = automation?.alert;
|
|
36
43
|
if (!automationAlert) {
|
|
37
44
|
return null;
|
|
@@ -51,23 +58,34 @@ export function useNotificationsFilterDetail(notification) {
|
|
|
51
58
|
return filterObjRef(filter);
|
|
52
59
|
})
|
|
53
60
|
.filter(Boolean);
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
.
|
|
58
|
-
|
|
61
|
+
const dashboardId = automation?.dashboard;
|
|
62
|
+
const dashboardPromise = dashboardId
|
|
63
|
+
? fetchDashboard(backend, workspaceId, dashboardId)
|
|
64
|
+
: Promise.resolve(null);
|
|
65
|
+
const labelsPromise = fetchLabels(backend, workspaceId, filterDisplayFormsRefs);
|
|
66
|
+
const [dashboard, labels] = await Promise.all([dashboardPromise, labelsPromise]);
|
|
67
|
+
return { automation, dashboard, labels };
|
|
59
68
|
},
|
|
60
69
|
}, [notification.automationId, workspaceId]);
|
|
61
70
|
const filtersInfo = useMemo(() => {
|
|
62
71
|
if (!automationPromise.result) {
|
|
63
72
|
return null;
|
|
64
73
|
}
|
|
65
|
-
const { automation, labels } = automationPromise.result;
|
|
74
|
+
const { automation, dashboard, labels } = automationPromise.result;
|
|
66
75
|
const alert = automation?.alert;
|
|
67
76
|
if (!alert) {
|
|
68
77
|
return [];
|
|
69
78
|
}
|
|
70
|
-
|
|
79
|
+
const widgets = dashboard?.dashboard.layout ? layoutWidgets(dashboard.dashboard.layout) : [];
|
|
80
|
+
const widget = widgets.find((w) => w.identifier === automation.metadata?.widget);
|
|
81
|
+
const insight = dashboard?.references.insights.find((i) => i.insight.identifier === widget.insight.identifier);
|
|
82
|
+
const filtersWithoutInsightFilters = alert.execution.filters.filter((f) => {
|
|
83
|
+
const insightFilter = insight?.insight.filters.find((f2) => {
|
|
84
|
+
return filterLocalIdentifier(f) === filterLocalIdentifier(f2);
|
|
85
|
+
});
|
|
86
|
+
return !insightFilter;
|
|
87
|
+
});
|
|
88
|
+
return filtersWithoutInsightFilters
|
|
71
89
|
.map((filter) => {
|
|
72
90
|
let ref = filterObjRef(filter);
|
|
73
91
|
let subtitle = "";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotificationFiltersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotificationFiltersDetail.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EACH,eAAe,EACf,YAAY,EAEZ,iBAAiB,EACjB,YAAY,EACZ,yBAAyB,
|
|
1
|
+
{"version":3,"file":"useNotificationFiltersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotificationFiltersDetail.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAO/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,eAAe,
|
|
1
|
+
{"version":3,"file":"useNotifications.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotifications.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAO/D;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,eAAe,EAAE,MAAM,CAAC;CAC3B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,sBAAsB;;;;;;;;;;;;6CAgCxD,MAAM;;EAuFpC"}
|
|
@@ -8,11 +8,11 @@ import { useFetchNotifications } from "./useFetchNotifications.js";
|
|
|
8
8
|
*/
|
|
9
9
|
export function useNotifications({ workspace, refreshInterval }) {
|
|
10
10
|
const effectiveWorkspace = useWorkspaceStrict(workspace, "useNotifications");
|
|
11
|
-
const { notifications, hasNextPage: notificationsHasNextPage, error: notificationsError, loadNextPage: notificationsLoadNextPage, status: notificationsStatus, } = useFetchNotifications({
|
|
11
|
+
const { notifications, hasNextPage: notificationsHasNextPage, error: notificationsError, loadNextPage: notificationsLoadNextPage, status: notificationsStatus, reset: notificationsReset, } = useFetchNotifications({
|
|
12
12
|
workspace: effectiveWorkspace,
|
|
13
13
|
refreshInterval,
|
|
14
14
|
});
|
|
15
|
-
const { error: unreadNotificationsError, hasNextPage: unreadNotificationsHasNextPage, loadNextPage: unreadNotificationsLoadNextPage, notifications: unreadNotifications, status: unreadNotificationsStatus, totalNotificationsCount: unreadNotificationsCount, } = useFetchNotifications({
|
|
15
|
+
const { error: unreadNotificationsError, hasNextPage: unreadNotificationsHasNextPage, loadNextPage: unreadNotificationsLoadNextPage, notifications: unreadNotifications, status: unreadNotificationsStatus, totalNotificationsCount: unreadNotificationsCount, reset: unreadNotificationsReset, } = useFetchNotifications({
|
|
16
16
|
workspace: effectiveWorkspace,
|
|
17
17
|
readStatus: "unread",
|
|
18
18
|
refreshInterval,
|
|
@@ -43,13 +43,14 @@ export function useNotifications({ workspace, refreshInterval }) {
|
|
|
43
43
|
throw new UnexpectedSdkError("Cannot call markAllAsRead - notifications are not initialized.");
|
|
44
44
|
}
|
|
45
45
|
await organizationService.notifications().markAllNotificationsAsRead();
|
|
46
|
-
|
|
46
|
+
notificationsReset();
|
|
47
|
+
unreadNotificationsReset();
|
|
47
48
|
}, [
|
|
48
49
|
organizationService,
|
|
49
50
|
organizationStatus,
|
|
50
|
-
notifications,
|
|
51
51
|
notificationsStatus,
|
|
52
|
-
|
|
52
|
+
notificationsReset,
|
|
53
|
+
unreadNotificationsReset,
|
|
53
54
|
]);
|
|
54
55
|
const effectiveNotifications = useMemo(() => {
|
|
55
56
|
if (!notifications) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useNotifications.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotifications.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAWnE;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAe,EAA0B;IACnF,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IAC7E,MAAM,EACF,aAAa,EACb,WAAW,EAAE,wBAAwB,EACrC,KAAK,EAAE,kBAAkB,EACzB,YAAY,EAAE,yBAAyB,EACvC,MAAM,EAAE,mBAAmB,
|
|
1
|
+
{"version":3,"file":"useNotifications.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotifications.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAGhC,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAWnE;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAe,EAA0B;IACnF,MAAM,kBAAkB,GAAG,kBAAkB,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAC;IAC7E,MAAM,EACF,aAAa,EACb,WAAW,EAAE,wBAAwB,EACrC,KAAK,EAAE,kBAAkB,EACzB,YAAY,EAAE,yBAAyB,EACvC,MAAM,EAAE,mBAAmB,EAC3B,KAAK,EAAE,kBAAkB,GAC5B,GAAG,qBAAqB,CAAC;QACtB,SAAS,EAAE,kBAAkB;QAC7B,eAAe;KAClB,CAAC,CAAC;IACH,MAAM,EACF,KAAK,EAAE,wBAAwB,EAC/B,WAAW,EAAE,8BAA8B,EAC3C,YAAY,EAAE,+BAA+B,EAC7C,aAAa,EAAE,mBAAmB,EAClC,MAAM,EAAE,yBAAyB,EACjC,uBAAuB,EAAE,wBAAwB,EACjD,KAAK,EAAE,wBAAwB,GAClC,GAAG,qBAAqB,CAAC;QACtB,SAAS,EAAE,kBAAkB;QAC7B,UAAU,EAAE,QAAQ;QACpB,eAAe;KAClB,CAAC,CAAC;IAEH,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,eAAe,EAAE,CAAC;IAEtF,MAAM,CAAC,yBAAyB,EAAE,4BAA4B,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAEzF,MAAM,sBAAsB,GAAG,WAAW,CACtC,KAAK,EAAE,cAAsB,EAAE,EAAE;QAC7B,IAAI,kBAAkB,KAAK,OAAO,EAAE,CAAC;YACjC,MAAM,IAAI,kBAAkB,CAAC,oDAAoD,CAAC,CAAC;QACvF,CAAC;QAED,IAAI,kBAAkB,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;YACvE,MAAM,IAAI,kBAAkB,CAAC,2DAA2D,CAAC,CAAC;QAC9F,CAAC;QAED,MAAM,mBAAmB,CAAC,aAAa,EAAE,CAAC,sBAAsB,CAAC,cAAc,CAAC,CAAC;QACjF,4BAA4B,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,cAAc,CAAC,CAAC,CAAC;IACtE,CAAC,EACD,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,4BAA4B,CAAC,CAC1E,CAAC;IAEF,MAAM,0BAA0B,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtD,IAAI,kBAAkB,KAAK,OAAO,EAAE,CAAC;YACjC,MAAM,IAAI,kBAAkB,CAAC,uDAAuD,CAAC,CAAC;QAC1F,CAAC;QAED,IAAI,kBAAkB,KAAK,SAAS,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;YACvE,MAAM,IAAI,kBAAkB,CAAC,8DAA8D,CAAC,CAAC;QACjG,CAAC;QAED,IAAI,mBAAmB,KAAK,OAAO,EAAE,CAAC;YAClC,MAAM,IAAI,kBAAkB,CAAC,wDAAwD,CAAC,CAAC;QAC3F,CAAC;QAED,IAAI,mBAAmB,KAAK,SAAS,IAAI,mBAAmB,KAAK,SAAS,EAAE,CAAC;YACzE,MAAM,IAAI,kBAAkB,CAAC,gEAAgE,CAAC,CAAC;QACnG,CAAC;QAED,MAAM,mBAAmB,CAAC,aAAa,EAAE,CAAC,0BAA0B,EAAE,CAAC;QAEvE,kBAAkB,EAAE,CAAC;QACrB,wBAAwB,EAAE,CAAC;IAC/B,CAAC,EAAE;QACC,mBAAmB;QACnB,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,wBAAwB;KAC3B,CAAC,CAAC;IAEH,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,aAAa,EAAE,CAAC;YACjB,OAAO,aAAa,CAAC;QACzB,CAAC;QAED,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;YACtC,IAAI,yBAAyB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;gBACtD,OAAO,EAAE,GAAG,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC7C,CAAC;YACD,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAE/C,MAAM,4BAA4B,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,OAAO,mBAAmB,CAAC;QAC/B,CAAC;QAED,OAAO,mBAAmB;aACrB,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;YAClB,IAAI,yBAAyB,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;gBACtD,OAAO,EAAE,GAAG,YAAY,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC7C,CAAC;YACD,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAClC,CAAC,EAAE,CAAC,mBAAmB,EAAE,yBAAyB,CAAC,CAAC,CAAC;IAErD,OAAO;QACH,aAAa,EAAE,sBAAsB;QACrC,mBAAmB;QACnB,kBAAkB;QAClB,wBAAwB;QACxB,yBAAyB;QACzB,mBAAmB,EAAE,4BAA4B;QACjD,yBAAyB,EAAE,yBAAyB;QACpD,wBAAwB,EAAE,wBAAwB;QAClD,8BAA8B,EAAE,8BAA8B;QAC9D,+BAA+B,EAAE,+BAA+B;QAChE,wBAAwB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,wBAAwB,GAAG,yBAAyB,CAAC,MAAM,CAAC;QAClG,sBAAsB;QACtB,0BAA0B;KAC7B,CAAC;AACN,CAAC"}
|
package/esm/sdk-ui-ext.d.ts
CHANGED
|
@@ -686,6 +686,10 @@ export declare interface INotificationsPanelProps extends INotificationsPanelCus
|
|
|
686
686
|
* Locale to use.
|
|
687
687
|
*/
|
|
688
688
|
locale?: ILocale;
|
|
689
|
+
/**
|
|
690
|
+
* Render notifications panel inline (without button + clicking on it).
|
|
691
|
+
*/
|
|
692
|
+
renderInline?: boolean;
|
|
689
693
|
/**
|
|
690
694
|
* Handler for notification click.
|
|
691
695
|
*/
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-ext",
|
|
3
|
-
"version": "10.18.0-alpha.
|
|
3
|
+
"version": "10.18.0-alpha.15",
|
|
4
4
|
"description": "GoodData.UI SDK - Extensions",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -48,7 +48,6 @@
|
|
|
48
48
|
"lru-cache": "^10.0.1",
|
|
49
49
|
"react-intl": "^6.4.1",
|
|
50
50
|
"react-lines-ellipsis": "^0.15.0",
|
|
51
|
-
"react-loading-skeleton": "^3.4.0",
|
|
52
51
|
"react-measure": "^2.5.2",
|
|
53
52
|
"react-select": "^5.7.3",
|
|
54
53
|
"react-select-async-paginate": "^0.7.3",
|
|
@@ -56,19 +55,19 @@
|
|
|
56
55
|
"ts-invariant": "^0.7.5",
|
|
57
56
|
"tslib": "^2.5.0",
|
|
58
57
|
"uuid": "^8.3.2",
|
|
59
|
-
"@gooddata/sdk-backend-base": "10.18.0-alpha.
|
|
60
|
-
"@gooddata/sdk-backend-spi": "10.18.0-alpha.
|
|
61
|
-
"@gooddata/sdk-
|
|
62
|
-
"@gooddata/sdk-
|
|
63
|
-
"@gooddata/sdk-ui": "10.18.0-alpha.
|
|
64
|
-
"@gooddata/sdk-
|
|
65
|
-
"@gooddata/sdk-ui-
|
|
66
|
-
"@gooddata/sdk-ui-
|
|
67
|
-
"@gooddata/sdk-ui-
|
|
68
|
-
"@gooddata/sdk-ui-
|
|
69
|
-
"@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.
|
|
70
|
-
"@gooddata/sdk-ui-vis-commons": "10.18.0-alpha.
|
|
71
|
-
"@gooddata/util": "10.18.0-alpha.
|
|
58
|
+
"@gooddata/sdk-backend-base": "10.18.0-alpha.15",
|
|
59
|
+
"@gooddata/sdk-backend-spi": "10.18.0-alpha.15",
|
|
60
|
+
"@gooddata/sdk-model": "10.18.0-alpha.15",
|
|
61
|
+
"@gooddata/sdk-embedding": "10.18.0-alpha.15",
|
|
62
|
+
"@gooddata/sdk-ui-charts": "10.18.0-alpha.15",
|
|
63
|
+
"@gooddata/sdk-ui": "10.18.0-alpha.15",
|
|
64
|
+
"@gooddata/sdk-ui-geo": "10.18.0-alpha.15",
|
|
65
|
+
"@gooddata/sdk-ui-filters": "10.18.0-alpha.15",
|
|
66
|
+
"@gooddata/sdk-ui-kit": "10.18.0-alpha.15",
|
|
67
|
+
"@gooddata/sdk-ui-pivot": "10.18.0-alpha.15",
|
|
68
|
+
"@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.15",
|
|
69
|
+
"@gooddata/sdk-ui-vis-commons": "10.18.0-alpha.15",
|
|
70
|
+
"@gooddata/util": "10.18.0-alpha.15"
|
|
72
71
|
},
|
|
73
72
|
"peerDependencies": {
|
|
74
73
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -125,9 +124,9 @@
|
|
|
125
124
|
"@types/json-stable-stringify": "^1.0.32",
|
|
126
125
|
"@types/codemirror": "^5.60.7",
|
|
127
126
|
"@types/js-yaml": "^4.0.9",
|
|
128
|
-
"@gooddata/i18n-toolkit": "10.18.0-alpha.
|
|
129
|
-
"@gooddata/reference-workspace": "10.18.0-alpha.
|
|
130
|
-
"@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.
|
|
127
|
+
"@gooddata/i18n-toolkit": "10.18.0-alpha.15",
|
|
128
|
+
"@gooddata/reference-workspace": "10.18.0-alpha.15",
|
|
129
|
+
"@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.15"
|
|
131
130
|
},
|
|
132
131
|
"scripts": {
|
|
133
132
|
"clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",
|
|
@@ -9,10 +9,15 @@
|
|
|
9
9
|
display: flex;
|
|
10
10
|
flex-direction: column;
|
|
11
11
|
|
|
12
|
-
padding-top:
|
|
12
|
+
padding-top: 10px;
|
|
13
13
|
|
|
14
|
-
width:
|
|
15
|
-
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: 100%;
|
|
16
16
|
|
|
17
17
|
overflow: hidden;
|
|
18
18
|
}
|
|
19
|
+
|
|
20
|
+
.gd-ui-ext-notifications-panel-overlay {
|
|
21
|
+
width: 370px;
|
|
22
|
+
max-height: 560px;
|
|
23
|
+
}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
&__tabs {
|
|
14
14
|
width: 100%;
|
|
15
|
-
height:
|
|
15
|
+
height: 23px;
|
|
16
16
|
|
|
17
17
|
display: flex;
|
|
18
18
|
flex-direction: column;
|
|
@@ -21,7 +21,10 @@
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
&__mark-all-as-read-button {
|
|
24
|
-
|
|
24
|
+
display: flex;
|
|
25
|
+
align-items: center;
|
|
26
|
+
justify-content: center;
|
|
27
|
+
height: 23px;
|
|
25
28
|
white-space: nowrap;
|
|
26
29
|
border-bottom: 1px solid var(--gd-palette-complementary-3);
|
|
27
30
|
}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
|
|
3
3
|
.gd-ui-ext-virtual-list {
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-direction: column;
|
|
6
|
+
min-height: 0;
|
|
7
|
+
max-height: 100%;
|
|
4
8
|
height: 100%;
|
|
5
9
|
width: 100%;
|
|
6
10
|
|
|
@@ -9,6 +13,8 @@
|
|
|
9
13
|
}
|
|
10
14
|
|
|
11
15
|
&__scroll-container {
|
|
16
|
+
min-height: 0;
|
|
17
|
+
max-height: 100%;
|
|
12
18
|
overflow: auto;
|
|
13
19
|
overflow-x: hidden;
|
|
14
20
|
|
package/styles/css/main.css
CHANGED
|
@@ -775,69 +775,11 @@
|
|
|
775
775
|
justify-content: flex-end;
|
|
776
776
|
}
|
|
777
777
|
|
|
778
|
-
|
|
779
|
-
100% {
|
|
780
|
-
transform: translateX(100%);
|
|
781
|
-
}
|
|
782
|
-
}
|
|
783
|
-
.react-loading-skeleton {
|
|
784
|
-
--base-color: #ebebeb;
|
|
785
|
-
--highlight-color: #f5f5f5;
|
|
786
|
-
--animation-duration: 1.5s;
|
|
787
|
-
--animation-direction: normal;
|
|
788
|
-
--pseudo-element-display: block; /* Enable animation */
|
|
789
|
-
background-color: var(--base-color);
|
|
790
|
-
width: 100%;
|
|
791
|
-
border-radius: 0.25rem;
|
|
792
|
-
display: inline-flex;
|
|
793
|
-
line-height: 1;
|
|
794
|
-
position: relative;
|
|
795
|
-
user-select: none;
|
|
796
|
-
overflow: hidden;
|
|
797
|
-
}
|
|
798
|
-
|
|
799
|
-
.react-loading-skeleton::after {
|
|
800
|
-
content: " ";
|
|
801
|
-
display: var(--pseudo-element-display);
|
|
802
|
-
position: absolute;
|
|
803
|
-
top: 0;
|
|
804
|
-
left: 0;
|
|
805
|
-
right: 0;
|
|
806
|
-
height: 100%;
|
|
807
|
-
background-repeat: no-repeat;
|
|
808
|
-
background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
|
|
809
|
-
transform: translateX(-100%);
|
|
810
|
-
animation-name: react-loading-skeleton;
|
|
811
|
-
animation-direction: var(--animation-direction);
|
|
812
|
-
animation-duration: var(--animation-duration);
|
|
813
|
-
animation-timing-function: ease-in-out;
|
|
814
|
-
animation-iteration-count: infinite;
|
|
815
|
-
}
|
|
816
|
-
|
|
817
|
-
@media (prefers-reduced-motion) {
|
|
818
|
-
.react-loading-skeleton {
|
|
819
|
-
--pseudo-element-display: none; /* Disable animation */
|
|
820
|
-
}
|
|
821
|
-
}
|
|
822
|
-
.gd-ui-ext-skeleton {
|
|
823
|
-
height: 100%;
|
|
824
|
-
width: 100%;
|
|
778
|
+
.gd-ui-ext-virtual-list {
|
|
825
779
|
display: flex;
|
|
826
780
|
flex-direction: column;
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
border-radius: 3px;
|
|
830
|
-
}
|
|
831
|
-
.gd-ui-ext-skeleton .react-loading-skeleton {
|
|
832
|
-
--base-color: var(--gd-palette-complementary-2);
|
|
833
|
-
--highlight-color: var(--gd-palette-complementary-0);
|
|
834
|
-
}
|
|
835
|
-
.gd-ui-ext-skeleton span {
|
|
836
|
-
line-height: 0;
|
|
837
|
-
font-size: 0;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
.gd-ui-ext-virtual-list {
|
|
781
|
+
min-height: 0;
|
|
782
|
+
max-height: 100%;
|
|
841
783
|
height: 100%;
|
|
842
784
|
width: 100%;
|
|
843
785
|
}
|
|
@@ -845,6 +787,8 @@
|
|
|
845
787
|
padding-right: 4px;
|
|
846
788
|
}
|
|
847
789
|
.gd-ui-ext-virtual-list__scroll-container {
|
|
790
|
+
min-height: 0;
|
|
791
|
+
max-height: 100%;
|
|
848
792
|
overflow: auto;
|
|
849
793
|
overflow-x: hidden;
|
|
850
794
|
}
|
|
@@ -864,10 +808,15 @@
|
|
|
864
808
|
box-shadow: 0 2px 10px 0 var(--gd-shadow-color);
|
|
865
809
|
display: flex;
|
|
866
810
|
flex-direction: column;
|
|
867
|
-
padding-top:
|
|
811
|
+
padding-top: 10px;
|
|
812
|
+
width: 100%;
|
|
813
|
+
height: 100%;
|
|
814
|
+
overflow: hidden;
|
|
815
|
+
}
|
|
816
|
+
|
|
817
|
+
.gd-ui-ext-notifications-panel-overlay {
|
|
868
818
|
width: 370px;
|
|
869
819
|
max-height: 560px;
|
|
870
|
-
overflow: hidden;
|
|
871
820
|
}
|
|
872
821
|
|
|
873
822
|
.gd-ui-ext-notifications-panel-header {
|
|
@@ -881,14 +830,17 @@
|
|
|
881
830
|
}
|
|
882
831
|
.gd-ui-ext-notifications-panel-header__tabs {
|
|
883
832
|
width: 100%;
|
|
884
|
-
height:
|
|
833
|
+
height: 23px;
|
|
885
834
|
display: flex;
|
|
886
835
|
flex-direction: column;
|
|
887
836
|
align-items: stretch;
|
|
888
837
|
justify-content: flex-end;
|
|
889
838
|
}
|
|
890
839
|
.gd-ui-ext-notifications-panel-header__mark-all-as-read-button {
|
|
891
|
-
|
|
840
|
+
display: flex;
|
|
841
|
+
align-items: center;
|
|
842
|
+
justify-content: center;
|
|
843
|
+
height: 23px;
|
|
892
844
|
white-space: nowrap;
|
|
893
845
|
border-bottom: 1px solid var(--gd-palette-complementary-3);
|
|
894
846
|
}
|
|
@@ -926,6 +878,9 @@
|
|
|
926
878
|
overflow: hidden;
|
|
927
879
|
display: flex;
|
|
928
880
|
flex-direction: column;
|
|
881
|
+
min-height: 0;
|
|
882
|
+
max-height: 100%;
|
|
883
|
+
height: 100%;
|
|
929
884
|
}
|
|
930
885
|
|
|
931
886
|
.gd-ui-ext-notifications-list-empty-state {
|
package/styles/css/main.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchies.scss","../../src/notificationsPanel/components/DetailsDialog.scss","../../
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../node_modules/@gooddata/sdk-ui-kit/src/@ui/defaultTheme.scss","../internal/scss/dashboard_embedding.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../internal/scss/variables.scss","../internal/scss/user_management_dialogs.scss","../internal/scss/attribute_hierarchies.scss","../../src/notificationsPanel/components/DetailsDialog.scss","../../src/notificationsPanel/components/VirtualList.scss","../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.scss","../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.scss","../../src/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.scss","../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.scss","../../src/notificationsPanel/Notification/DefaultNotification.scss","../../src/notificationsPanel/NotificationFiltersDetail/NotificationFiltersDetailDialog.scss","../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.scss"],"names":[],"mappings":"AAIA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EAGA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EAGA;EACA;EAGA;EAGA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;AAAA;AAAA;AAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvNJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,aC0Ec;EDzEd,kBCJa;;;ADOjB;EACI;EACA;EACA;EACA;EACA;;AAEA;EAPJ;IAQQ;IACA;;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,aEqBuB;EFpBvB;EACA,YEtB2C;EFuB3C,OE3BuC;;;ACnB3C;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;;AAIA;EACI,OFckB;;;AETtB;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OFlDoB;;;AEqDxB;EACI;EACA;EACA;;;AAGJ;EACI,OFhEgB;EEiEhB;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAIR;EACI;EACA,OFpHgB;EEqHhB;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA,OFlJe;EEmJf;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;AAEA;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OFlNmB;EEmNnB;EACA;EACA;EACA;;;AC1OJ;EACI;EACA;EACA;EACA;EACA,OHsBY;;AGpBZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA,OHkLS;EGjLT;;AAGJ;EACI;EACA;EACA;EACA;EACA,OHLe;;AGQnB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EAGA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAIA;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;AAAA;EAII;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;;;AAMhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;;AAKZ;EACI;;AAEA;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAQR;AAAA;AAAA;EACI;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EACI;EACA;EACA;EACA;;;AAKJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;;ACpUJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;AC9CR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AC1BZ;EACI;EACA;EAEA;EAEA;EACA;EAEA;EAEA;EACA;EAEA;;;AAGJ;EACI;EACA;;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;;AAEA;EACI;EACA;EAEA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AC1BR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC7BR;EACI;EACA;EACA;EACA;EACA;EACA;;;ACNJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;;;ACjBJ;EACI;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;;;ACjBJ;EAGI;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EAEA;;AAGI;EACI;;AAIA;EACI;;AAGJ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;EAEA;;AAGJ;EACI;EACA;EACA;;;ACjIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EAEA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;;;ACxBR;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;;AAGJ;EACI;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;;AAGJ;EAEI;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EAEA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA","file":"main.css"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface ISkeletonProps {
|
|
3
|
-
itemHeight: number;
|
|
4
|
-
itemsCount?: number;
|
|
5
|
-
gap?: number;
|
|
6
|
-
}
|
|
7
|
-
export declare function Skeleton({ itemsCount, itemHeight, gap }: ISkeletonProps): React.JSX.Element;
|
|
8
|
-
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC,MAAM,WAAW,cAAc;IAC3B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,QAAQ,CAAC,EAAE,UAAc,EAAE,UAAU,EAAE,GAAQ,EAAE,EAAE,cAAc,qBAYhF"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
2
|
-
import React, { useMemo } from "react";
|
|
3
|
-
import ReactLoadingSkeleton from "react-loading-skeleton";
|
|
4
|
-
import { bem } from "../bem.js";
|
|
5
|
-
const { b, e } = bem("gd-ui-ext-skeleton");
|
|
6
|
-
export function Skeleton({ itemsCount = 1, itemHeight, gap = 10 }) {
|
|
7
|
-
const items = Array.from({ length: itemsCount }, (_, idx) => (React.createElement(ReactLoadingSkeleton, { key: idx, className: e("item"), height: itemHeight })));
|
|
8
|
-
const style = useMemo(() => ({ gap }), [gap]);
|
|
9
|
-
return (React.createElement("div", { className: b(), style: style }, items));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAQ3C,MAAM,UAAU,QAAQ,CAAC,EAAE,UAAU,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,GAAG,EAAE,EAAkB;IAC7E,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,oBAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,GAAI,CAC/E,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,IAC5B,KAAK,CACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
// (C) 2024 GoodData Corporation
|
|
2
|
-
|
|
3
|
-
@use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
|
|
4
|
-
@use "react-loading-skeleton/dist/skeleton.css";
|
|
5
|
-
|
|
6
|
-
.gd-ui-ext-skeleton {
|
|
7
|
-
height: 100%;
|
|
8
|
-
width: 100%;
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
|
|
12
|
-
&__item {
|
|
13
|
-
border-radius: 3px;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.react-loading-skeleton {
|
|
17
|
-
--base-color: var(--gd-palette-complementary-2);
|
|
18
|
-
--highlight-color: var(--gd-palette-complementary-0);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
span {
|
|
22
|
-
line-height: 0;
|
|
23
|
-
font-size: 0;
|
|
24
|
-
}
|
|
25
|
-
}
|