@gooddata/sdk-ui-ext 10.18.0-alpha.2 → 10.18.0-alpha.21
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/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/useFetchOrganization.js +1 -1
- package/esm/notificationsPanel/@staging/OrganizationContext/useFetchOrganization.js.map +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 +23 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts.map +1 -1
- package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js +10 -6
- 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/NotificationsContext.d.ts +1 -0
- package/esm/notificationsPanel/data/NotificationsContext.d.ts.map +1 -1
- package/esm/notificationsPanel/data/NotificationsContext.js +2 -2
- package/esm/notificationsPanel/data/NotificationsContext.js.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts +6 -1
- package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useFetchNotifications.js +25 -3
- 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 +2 -1
- package/esm/notificationsPanel/data/useNotifications.d.ts.map +1 -1
- package/esm/notificationsPanel/data/useNotifications.js +9 -6
- package/esm/notificationsPanel/data/useNotifications.js.map +1 -1
- package/esm/sdk-ui-ext.d.ts +23 -1
- 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
|
@@ -13,20 +13,24 @@ import { DefaultNotification } from "../Notification/DefaultNotification.js";
|
|
|
13
13
|
const ALIGN_POINTS = [
|
|
14
14
|
alignConfigToAlignPoint({ triggerAlignPoint: "bottom-right", overlayAlignPoint: "top-right" }),
|
|
15
15
|
];
|
|
16
|
+
/**
|
|
17
|
+
* 10 minutes in milliseconds.
|
|
18
|
+
*/
|
|
19
|
+
const TEN_MINUTES = 1000 * 60 * 10;
|
|
16
20
|
/**
|
|
17
21
|
* @alpha
|
|
18
22
|
*/
|
|
19
23
|
export function NotificationsPanel(props) {
|
|
20
|
-
const { locale } = props;
|
|
24
|
+
const { locale, refreshInterval = TEN_MINUTES, backend, workspace } = props;
|
|
21
25
|
return (React.createElement(OrganizationProvider, null,
|
|
22
|
-
React.createElement(NotificationsProvider,
|
|
26
|
+
React.createElement(NotificationsProvider, { backend: backend, workspace: workspace, refreshInterval: refreshInterval },
|
|
23
27
|
React.createElement(IntlWrapper, { locale: locale },
|
|
24
28
|
React.createElement(NotificationsPanelController, { ...props })))));
|
|
25
29
|
}
|
|
26
30
|
/**
|
|
27
31
|
* @internal
|
|
28
32
|
*/
|
|
29
|
-
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, }) {
|
|
30
34
|
const { buttonRef, isOpen, openNotificationsPanel, closeNotificationsPanel, toggleNotificationsPanel,
|
|
31
35
|
//
|
|
32
36
|
activeView, changeActiveView,
|
|
@@ -39,10 +43,10 @@ function NotificationsPanelController({ OpenNotificationsPanelButton, Notificati
|
|
|
39
43
|
closeNotificationsPanel();
|
|
40
44
|
onNotificationClick?.(notification);
|
|
41
45
|
}, [markNotificationAsRead, closeNotificationsPanel, onNotificationClick]);
|
|
42
|
-
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,
|
|
43
47
|
React.createElement(OpenNotificationsPanelButton, { buttonRef: buttonRef, isNotificationPanelOpen: isOpen, toggleNotificationPanel: toggleNotificationsPanel, openNotificationPanel: openNotificationsPanel, closeNotificationPanel: closeNotificationsPanel, hasUnreadNotifications: unreadNotificationsCount > 0 }),
|
|
44
|
-
isOpen ? (React.createElement(Overlay, { isModal: false, alignTo: buttonRef.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeNotificationsPanel },
|
|
45
|
-
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))));
|
|
46
50
|
}
|
|
47
51
|
function useNotificationsPanelController() {
|
|
48
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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"}
|
|
@@ -21,6 +21,7 @@ export interface INotificationsProviderProps {
|
|
|
21
21
|
backend?: IAnalyticalBackend;
|
|
22
22
|
workspace?: string;
|
|
23
23
|
children?: React.ReactNode;
|
|
24
|
+
refreshInterval?: number;
|
|
24
25
|
}
|
|
25
26
|
export declare const NotificationsProvider: React.FC<INotificationsProviderProps>;
|
|
26
27
|
//# sourceMappingURL=NotificationsContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsContext.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/NotificationsContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAKxE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;CAMnC,CAAC;AAEF,MAAM,WAAW,2BAA2B;IACxC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationsContext.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/NotificationsContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,MAAM,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAKxE,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;CAMnC,CAAC;AAEF,MAAM,WAAW,2BAA2B;IACxC,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CASvE,CAAC"}
|
|
@@ -11,8 +11,8 @@ export const useNotificationsContext = () => {
|
|
|
11
11
|
}
|
|
12
12
|
return context;
|
|
13
13
|
};
|
|
14
|
-
export const NotificationsProvider = ({ children, backend, workspace, }) => {
|
|
15
|
-
const notifications = useNotifications({ backend, workspace });
|
|
14
|
+
export const NotificationsProvider = ({ children, backend, workspace, refreshInterval, }) => {
|
|
15
|
+
const notifications = useNotifications({ backend, workspace, refreshInterval });
|
|
16
16
|
return React.createElement(NotificationsContext.Provider, { value: notifications }, children);
|
|
17
17
|
};
|
|
18
18
|
//# sourceMappingURL=NotificationsContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationsContext.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/NotificationsContext.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAC;AACrF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,kBAAkB,CAAC,qEAAqE,CAAC,CAAC;IACxG,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NotificationsContext.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/NotificationsContext.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAItD,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAC;AACrF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC;AAE1D,MAAM,CAAC,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACvD,IAAI,CAAC,OAAO,EAAE,CAAC;QACX,MAAM,IAAI,kBAAkB,CAAC,qEAAqE,CAAC,CAAC;IACxG,CAAC;IACD,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AASF,MAAM,CAAC,MAAM,qBAAqB,GAA0C,CAAC,EACzE,QAAQ,EACR,OAAO,EACP,SAAS,EACT,eAAe,GAClB,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;IAEhF,OAAO,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAAiC,CAAC;AAC3G,CAAC,CAAC"}
|
|
@@ -14,16 +14,21 @@ export interface IUseFetchNotificationsProps {
|
|
|
14
14
|
* If not provided, all notifications will be fetched.
|
|
15
15
|
*/
|
|
16
16
|
readStatus?: "unread" | "read";
|
|
17
|
+
/**
|
|
18
|
+
* Refresh interval in milliseconds.
|
|
19
|
+
*/
|
|
20
|
+
refreshInterval: number;
|
|
17
21
|
}
|
|
18
22
|
/**
|
|
19
23
|
* @alpha
|
|
20
24
|
*/
|
|
21
|
-
export declare function useFetchNotifications({ workspace, readStatus }: IUseFetchNotificationsProps): {
|
|
25
|
+
export declare function useFetchNotifications({ workspace, readStatus, refreshInterval, }: IUseFetchNotificationsProps): {
|
|
22
26
|
notifications: INotification[];
|
|
23
27
|
status: "error" | "loading" | "pending" | "success";
|
|
24
28
|
error: GoodDataSdkError;
|
|
25
29
|
hasNextPage: boolean;
|
|
26
30
|
loadNextPage: () => void;
|
|
27
31
|
totalNotificationsCount: number;
|
|
32
|
+
reset: () => void;
|
|
28
33
|
};
|
|
29
34
|
//# sourceMappingURL=useFetchNotifications.d.ts.map
|
|
@@ -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;
|
|
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"}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
// (C) 2024 GoodData Corporation
|
|
2
2
|
import { useCancelablePromise, useWorkspace } from "@gooddata/sdk-ui";
|
|
3
3
|
import { useOrganization } from "../@staging/OrganizationContext/OrganizationContext.js";
|
|
4
|
-
import { useCallback, useState } from "react";
|
|
4
|
+
import { useCallback, useEffect, useState } from "react";
|
|
5
5
|
/**
|
|
6
6
|
* @alpha
|
|
7
7
|
*/
|
|
8
|
-
export function useFetchNotifications({ workspace, readStatus }) {
|
|
8
|
+
export function useFetchNotifications({ workspace, readStatus, refreshInterval, }) {
|
|
9
9
|
const effectiveWorkspace = useWorkspace(workspace);
|
|
10
10
|
const { result: organizationService } = useOrganization();
|
|
11
11
|
const [page, setPage] = useState(0);
|
|
12
12
|
const [hasNextPage, setHasNextPage] = useState(false);
|
|
13
13
|
const [notifications, setNotifications] = useState([]);
|
|
14
14
|
const [totalNotificationsCount, setTotalNotificationsCount] = useState(0);
|
|
15
|
+
const [invalidationId, setInvalidationId] = useState(0);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
let interval;
|
|
18
|
+
if (refreshInterval > 0) {
|
|
19
|
+
interval = setInterval(() => {
|
|
20
|
+
setPage(0);
|
|
21
|
+
setNotifications([]);
|
|
22
|
+
setInvalidationId((x) => x + 1);
|
|
23
|
+
}, refreshInterval);
|
|
24
|
+
}
|
|
25
|
+
return () => {
|
|
26
|
+
clearInterval(interval);
|
|
27
|
+
};
|
|
28
|
+
}, [refreshInterval]);
|
|
15
29
|
const { status, error } = useCancelablePromise({
|
|
16
30
|
promise: !organizationService
|
|
17
31
|
? null
|
|
@@ -34,12 +48,19 @@ export function useFetchNotifications({ workspace, readStatus }) {
|
|
|
34
48
|
setNotifications((prev) => [...prev, ...result.items]);
|
|
35
49
|
setTotalNotificationsCount(result.totalCount);
|
|
36
50
|
},
|
|
37
|
-
}, [effectiveWorkspace, organizationService, page]);
|
|
51
|
+
}, [effectiveWorkspace, organizationService, page, invalidationId]);
|
|
38
52
|
const loadNextPage = useCallback(() => {
|
|
39
53
|
if (status === "success" && hasNextPage) {
|
|
40
54
|
setPage((x) => x + 1);
|
|
41
55
|
}
|
|
42
56
|
}, [status, hasNextPage]);
|
|
57
|
+
const reset = useCallback(() => {
|
|
58
|
+
setPage(0);
|
|
59
|
+
setNotifications([]);
|
|
60
|
+
setHasNextPage(false);
|
|
61
|
+
setTotalNotificationsCount(0);
|
|
62
|
+
setInvalidationId((x) => x + 1);
|
|
63
|
+
}, []);
|
|
43
64
|
return {
|
|
44
65
|
notifications,
|
|
45
66
|
status,
|
|
@@ -47,6 +68,7 @@ export function useFetchNotifications({ workspace, readStatus }) {
|
|
|
47
68
|
hasNextPage,
|
|
48
69
|
loadNextPage,
|
|
49
70
|
totalNotificationsCount,
|
|
71
|
+
reset,
|
|
50
72
|
};
|
|
51
73
|
}
|
|
52
74
|
//# sourceMappingURL=useFetchNotifications.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useFetchNotifications.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useFetchNotifications.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAoB,oBAAoB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAEzF,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
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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"}
|
|
@@ -5,11 +5,12 @@ import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
|
|
|
5
5
|
export interface IUseNotificationsProps {
|
|
6
6
|
workspace?: string;
|
|
7
7
|
backend?: IAnalyticalBackend;
|
|
8
|
+
refreshInterval: number;
|
|
8
9
|
}
|
|
9
10
|
/**
|
|
10
11
|
* @alpha
|
|
11
12
|
*/
|
|
12
|
-
export declare function useNotifications({ workspace }: IUseNotificationsProps): {
|
|
13
|
+
export declare function useNotifications({ workspace, refreshInterval }: IUseNotificationsProps): {
|
|
13
14
|
notifications: import("@gooddata/sdk-model").INotification[];
|
|
14
15
|
notificationsStatus: "error" | "loading" | "pending" | "success";
|
|
15
16
|
notificationsError: import("@gooddata/sdk-ui").GoodDataSdkError;
|
|
@@ -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;
|
|
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"}
|
|
@@ -6,14 +6,16 @@ import { useFetchNotifications } from "./useFetchNotifications.js";
|
|
|
6
6
|
/**
|
|
7
7
|
* @alpha
|
|
8
8
|
*/
|
|
9
|
-
export function useNotifications({ workspace }) {
|
|
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
|
+
refreshInterval,
|
|
13
14
|
});
|
|
14
|
-
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({
|
|
15
16
|
workspace: effectiveWorkspace,
|
|
16
17
|
readStatus: "unread",
|
|
18
|
+
refreshInterval,
|
|
17
19
|
});
|
|
18
20
|
const { result: organizationService, status: organizationStatus } = useOrganization();
|
|
19
21
|
const [markedAsReadNotifications, setMarkedAsReadNotifications] = useState([]);
|
|
@@ -41,13 +43,14 @@ export function useNotifications({ workspace }) {
|
|
|
41
43
|
throw new UnexpectedSdkError("Cannot call markAllAsRead - notifications are not initialized.");
|
|
42
44
|
}
|
|
43
45
|
await organizationService.notifications().markAllNotificationsAsRead();
|
|
44
|
-
|
|
46
|
+
notificationsReset();
|
|
47
|
+
unreadNotificationsReset();
|
|
45
48
|
}, [
|
|
46
49
|
organizationService,
|
|
47
50
|
organizationStatus,
|
|
48
|
-
notifications,
|
|
49
51
|
notificationsStatus,
|
|
50
|
-
|
|
52
|
+
notificationsReset,
|
|
53
|
+
unreadNotificationsReset,
|
|
51
54
|
]);
|
|
52
55
|
const effectiveNotifications = useMemo(() => {
|
|
53
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;
|
|
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
|
@@ -668,9 +668,31 @@ export declare interface INotificationsPanelHeaderComponentProps {
|
|
|
668
668
|
* @alpha
|
|
669
669
|
*/
|
|
670
670
|
export declare interface INotificationsPanelProps extends INotificationsPanelCustomComponentsProps {
|
|
671
|
-
|
|
671
|
+
/**
|
|
672
|
+
* Backend to use.
|
|
673
|
+
*/
|
|
672
674
|
backend?: IAnalyticalBackend;
|
|
675
|
+
/**
|
|
676
|
+
* Workspace ID to use.
|
|
677
|
+
*/
|
|
678
|
+
workspace?: string;
|
|
679
|
+
/**
|
|
680
|
+
* Refresh interval in milliseconds.
|
|
681
|
+
* Default is 10 minutes.
|
|
682
|
+
* If set to 0, notifications will not be refreshed automatically.
|
|
683
|
+
*/
|
|
684
|
+
refreshInterval?: number;
|
|
685
|
+
/**
|
|
686
|
+
* Locale to use.
|
|
687
|
+
*/
|
|
673
688
|
locale?: ILocale;
|
|
689
|
+
/**
|
|
690
|
+
* Render notifications panel inline (without button + clicking on it).
|
|
691
|
+
*/
|
|
692
|
+
renderInline?: boolean;
|
|
693
|
+
/**
|
|
694
|
+
* Handler for notification click.
|
|
695
|
+
*/
|
|
674
696
|
onNotificationClick: (notification: INotification) => void;
|
|
675
697
|
}
|
|
676
698
|
|
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.21",
|
|
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-ui-charts": "10.18.0-alpha.
|
|
65
|
-
"@gooddata/sdk-ui-geo": "10.18.0-alpha.
|
|
66
|
-
"@gooddata/sdk-ui-filters": "10.18.0-alpha.
|
|
67
|
-
"@gooddata/sdk-ui-
|
|
68
|
-
"@gooddata/sdk-ui-
|
|
69
|
-
"@gooddata/sdk-ui-
|
|
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.21",
|
|
59
|
+
"@gooddata/sdk-backend-spi": "10.18.0-alpha.21",
|
|
60
|
+
"@gooddata/sdk-embedding": "10.18.0-alpha.21",
|
|
61
|
+
"@gooddata/sdk-model": "10.18.0-alpha.21",
|
|
62
|
+
"@gooddata/sdk-ui": "10.18.0-alpha.21",
|
|
63
|
+
"@gooddata/sdk-ui-charts": "10.18.0-alpha.21",
|
|
64
|
+
"@gooddata/sdk-ui-geo": "10.18.0-alpha.21",
|
|
65
|
+
"@gooddata/sdk-ui-filters": "10.18.0-alpha.21",
|
|
66
|
+
"@gooddata/sdk-ui-kit": "10.18.0-alpha.21",
|
|
67
|
+
"@gooddata/sdk-ui-pivot": "10.18.0-alpha.21",
|
|
68
|
+
"@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.21",
|
|
69
|
+
"@gooddata/sdk-ui-vis-commons": "10.18.0-alpha.21",
|
|
70
|
+
"@gooddata/util": "10.18.0-alpha.21"
|
|
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.21",
|
|
128
|
+
"@gooddata/reference-workspace": "10.18.0-alpha.21",
|
|
129
|
+
"@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.21"
|
|
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
|
+
}
|