@gooddata/sdk-ui-ext 10.18.0-alpha.1 → 10.18.0-alpha.2

package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js

@@ -0,0 +1,93 @@
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { assertNever } from "@gooddata/sdk-model";
+import { NotificationsProvider, useNotificationsContext } from "../data/NotificationsContext.js";
+import { OrganizationProvider } from "../@staging/OrganizationContext/OrganizationContext.js";
+import { IntlWrapper } from "../localization/IntlWrapper.js";
+import { DefaultNotificationsPanelHeader, } from "./DefaultNotificationsPanelHeader.js";
+import { DefaultNotificationsPanel } from "./DefaultNotificationsPanel.js";
+import { Overlay, alignConfigToAlignPoint } from "@gooddata/sdk-ui-kit";
+import { DefaultNotificationsList, } from "../NotificationsList/DefaultNotificationsList.js";
+import { DefaultNotificationsListEmptyState, } from "../NotificationsList/DefaultNotificationsListEmptyState.js";
+import { DefaultNotificationsListErrorState, } from "../NotificationsList/DefaultNotificationsListErrorState.js";
+import { DefaultNotification } from "../Notification/DefaultNotification.js";
+const ALIGN_POINTS = [
+    alignConfigToAlignPoint({ triggerAlignPoint: "bottom-right", overlayAlignPoint: "top-right" }),
+];
+/**
+ * @alpha
+ */
+export function NotificationsPanel(props) {
+    const { locale } = props;
+    return (React.createElement(OrganizationProvider, null,
+        React.createElement(NotificationsProvider, null,
+            React.createElement(IntlWrapper, { locale: locale },
+                React.createElement(NotificationsPanelController, { ...props })))));
+}
+/**
+ * @internal
+ */
+function NotificationsPanelController({ OpenNotificationsPanelButton, NotificationsPanel = DefaultNotificationsPanel, NotificationsPanelHeader = DefaultNotificationsPanelHeader, NotificationsList = DefaultNotificationsList, NotificationsListEmptyState = DefaultNotificationsListEmptyState, NotificationsListErrorState = DefaultNotificationsListErrorState, Notification = DefaultNotification, onNotificationClick, }) {
+    const { buttonRef, isOpen, openNotificationsPanel, closeNotificationsPanel, toggleNotificationsPanel, 
+    //
+    activeView, changeActiveView, 
+    //
+    markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, 
+    //
+    status, error, loadNextPage, hasNextPage, } = useNotificationsPanelController();
+    const handleNotificationClick = useCallback((notification) => {
+        markNotificationAsRead(notification.id);
+        closeNotificationsPanel();
+        onNotificationClick?.(notification);
+    }, [markNotificationAsRead, closeNotificationsPanel, onNotificationClick]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OpenNotificationsPanelButton, { buttonRef: buttonRef, isNotificationPanelOpen: isOpen, toggleNotificationPanel: toggleNotificationsPanel, openNotificationPanel: openNotificationsPanel, closeNotificationPanel: closeNotificationsPanel, hasUnreadNotifications: unreadNotificationsCount > 0 }),
+        isOpen ? (React.createElement(Overlay, { isModal: false, alignTo: buttonRef.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeNotificationsPanel },
+            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));
+}
+function useNotificationsPanelController() {
+    const [isOpen, setIsOpen] = useState(false);
+    const openNotificationsPanel = useCallback(() => setIsOpen(true), []);
+    const closeNotificationsPanel = useCallback(() => setIsOpen(false), []);
+    const toggleNotificationsPanel = useCallback(() => setIsOpen((x) => !x), []);
+    //
+    const changeActiveView = useCallback((view) => setActiveView(view), []);
+    const [activeView, setActiveView] = useState("unread");
+    const buttonRef = useRef(null);
+    const { notifications, unreadNotifications, unreadNotificationsCount, unreadNotificationsHasNextPage, unreadNotificationsLoadNextPage, unreadNotificationsStatus, unreadNotificationsError, notificationsHasNextPage, notificationsLoadNextPage, notificationsStatus, notificationsError, markAllNotificationsAsRead, markNotificationAsRead, } = useNotificationsContext();
+    const activeNotifications = useMemo(() => {
+        switch (activeView) {
+            case "unread":
+                return unreadNotifications;
+            case "all":
+                return notifications;
+            default:
+                assertNever(activeView);
+                return [];
+        }
+    }, [activeView, unreadNotifications, notifications]);
+    const status = activeView === "unread" ? unreadNotificationsStatus : notificationsStatus;
+    const error = activeView === "unread" ? unreadNotificationsError : notificationsError;
+    const loadNextPage = activeView === "unread" ? unreadNotificationsLoadNextPage : notificationsLoadNextPage;
+    const hasNextPage = activeView === "unread" ? unreadNotificationsHasNextPage : notificationsHasNextPage;
+    return {
+        buttonRef,
+        isOpen,
+        openNotificationsPanel,
+        closeNotificationsPanel,
+        toggleNotificationsPanel,
+        //
+        activeView,
+        changeActiveView,
+        //
+        markNotificationAsRead,
+        markAllNotificationsAsRead,
+        unreadNotificationsCount,
+        activeNotifications,
+        //
+        status,
+        error,
+        loadNextPage,
+        hasNextPage,
+    };
+}
+//# sourceMappingURL=NotificationsPanel.js.map

package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsPanel.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"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"}

package/esm/notificationsPanel/bem.d.ts

@@ -0,0 +1,5 @@
+export declare const bem: (block: `gd-ui-ext-${string}`) => {
+    b: (props?: import("@gooddata/sdk-ui-kit").StyleProps) => string;
+    e: (element: string, props?: import("@gooddata/sdk-ui-kit").StyleProps) => string;
+};
+//# sourceMappingURL=bem.d.ts.map

package/esm/notificationsPanel/bem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem.d.ts","sourceRoot":"","sources":["../../src/notificationsPanel/bem.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,GAAG,UAAW,aAAa,MAAM,EAAE;;;CAAmC,CAAC"}

package/esm/notificationsPanel/bem.js

@@ -0,0 +1,4 @@
+// (C) 2024 GoodData Corporation
+import { bemFactory } from "@gooddata/sdk-ui-kit";
+export const bem = (block) => bemFactory(block);
+//# sourceMappingURL=bem.js.map

package/esm/notificationsPanel/bem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bem.js","sourceRoot":"","sources":["../../src/notificationsPanel/bem.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAc,KAAK,CAAC,CAAC"}

package/esm/notificationsPanel/components/DetailsDialog.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface IDetailsDialogProps {
+    onClose: () => void;
+    title: string;
+    content: React.ReactNode;
+}
+export declare function DetailsDialog({ onClose, title, content }: IDetailsDialogProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DetailsDialog.d.ts.map

package/esm/notificationsPanel/components/DetailsDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsDialog.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/DetailsDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAUD,wBAAgB,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,mBAAmB,qBAqB7E"}

package/esm/notificationsPanel/components/DetailsDialog.js

@@ -0,0 +1,23 @@
+// (C) 2024 GoodData Corporation
+import { UiButton, UiIcon } from "@gooddata/sdk-ui-kit";
+import React from "react";
+import { bem } from "../bem.js";
+import { defineMessages, useIntl } from "react-intl";
+const { b, e } = bem("gd-ui-ext-notification-details-dialog");
+const messages = defineMessages({
+    closeButtonLabel: {
+        id: "close",
+    },
+});
+export function DetailsDialog({ onClose, title, content }) {
+    const intl = useIntl();
+    return (React.createElement("div", { className: b() },
+        React.createElement("div", { className: e("header") },
+            React.createElement("div", { className: e("header-title") }, title),
+            React.createElement("div", { role: "button", className: e("header-close-button"), onClick: onClose },
+                React.createElement(UiIcon, { type: "close", size: 14, color: "complementary-7" }))),
+        React.createElement("div", { className: e("content") }, content),
+        React.createElement("div", { className: e("footer") },
+            React.createElement(UiButton, { variant: "secondary", label: intl.formatMessage(messages.closeButtonLabel), size: "small", onClick: onClose }))));
+}
+//# sourceMappingURL=DetailsDialog.js.map

package/esm/notificationsPanel/components/DetailsDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/DetailsDialog.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,uCAAuC,CAAC,CAAC;AAE9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,gBAAgB,EAAE;QACd,EAAE,EAAE,OAAO;KACd;CACJ,CAAC,CAAC;AAEH,MAAM,UAAU,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAuB;IAC1E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACf,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;YACvB,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,KAAK,CAAO;YAChD,6BAAK,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,OAAO,EAAE,OAAO;gBACpE,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CACvD,CACJ;QACN,6BAAK,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,IAAG,OAAO,CAAO;QAC7C,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;YACvB,oBAAC,QAAQ,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EACpD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,GAClB,CACA,CACJ,CACT,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/components/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ISkeletonProps {
+    itemHeight: number;
+    itemsCount?: number;
+    gap?: number;
+}
+export declare function Skeleton({ itemsCount, itemHeight, gap }: ISkeletonProps): React.JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

package/esm/notificationsPanel/components/Skeleton.d.ts.map

@@ -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"}

package/esm/notificationsPanel/components/Skeleton.js

@@ -0,0 +1,11 @@
+// (C) 2024 GoodData Corporation
+import React, { useMemo } from "react";
+import ReactLoadingSkeleton from "react-loading-skeleton";
+import { bem } from "../bem.js";
+const { b, e } = bem("gd-ui-ext-skeleton");
+export function Skeleton({ itemsCount = 1, itemHeight, gap = 10 }) {
+    const items = Array.from({ length: itemsCount }, (_, idx) => (React.createElement(ReactLoadingSkeleton, { key: idx, className: e("item"), height: itemHeight })));
+    const style = useMemo(() => ({ gap }), [gap]);
+    return (React.createElement("div", { className: b(), style: style }, items));
+}
+//# sourceMappingURL=Skeleton.js.map

package/esm/notificationsPanel/components/Skeleton.js.map

@@ -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"}

package/esm/notificationsPanel/components/Tooltip.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export declare function Tooltip({ children, tooltip }: {
+    children: React.ReactNode;
+    tooltip: string;
+}): React.JSX.Element;
+//# sourceMappingURL=Tooltip.d.ts.map

package/esm/notificationsPanel/components/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,qBAO5F"}

package/esm/notificationsPanel/components/Tooltip.js

@@ -0,0 +1,10 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { Bubble, BubbleHoverTrigger } from "@gooddata/sdk-ui-kit";
+const ALIGN_POINTS = [{ align: "bc tr" }, { align: "tc br" }];
+export function Tooltip({ children, tooltip }) {
+    return (React.createElement(BubbleHoverTrigger, null,
+        children,
+        React.createElement(Bubble, { alignPoints: ALIGN_POINTS }, tooltip)));
+}
+//# sourceMappingURL=Tooltip.js.map

package/esm/notificationsPanel/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAE9D,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAkD;IACzF,OAAO,CACH,oBAAC,kBAAkB;QACd,QAAQ;QACT,oBAAC,MAAM,IAAC,WAAW,EAAE,YAAY,IAAG,OAAO,CAAU,CACpC,CACxB,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/components/VirtualList.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface IPagedVirtualListProps<T> {
+    maxHeight?: number;
+    items?: T[];
+    itemHeight: number;
+    itemsGap: number;
+    itemPadding: number;
+    skeletonItemsCount: number;
+    hasNextPage?: boolean;
+    loadNextPage?: () => void;
+    isLoading?: boolean;
+    children: (item: T) => React.ReactNode;
+}
+export declare function PagedVirtualList<T>(props: IPagedVirtualListProps<T>): React.JSX.Element;
+//# sourceMappingURL=VirtualList.d.ts.map

package/esm/notificationsPanel/components/VirtualList.d.ts.map

@@ -0,0 +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,CAAC,EAAE,MAAM,CAAC;IACnB,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"}

package/esm/notificationsPanel/components/VirtualList.js

@@ -0,0 +1,77 @@
+// (C) 2024 GoodData Corporation
+import React, { useEffect } from "react";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Skeleton } from "./Skeleton.js";
+import { bem } from "../bem.js";
+const { b, e } = bem("gd-ui-ext-virtual-list");
+export function PagedVirtualList(props) {
+    const { items, itemHeight, itemsGap, itemPadding, children } = props;
+    const { itemsCount, scrollContainerRef, height, hasScroll, rowVirtualizer, virtualItems } = useVirtualList(props);
+    return (React.createElement("div", { className: b({
+            hasScroll,
+        }) },
+        React.createElement("div", { ref: scrollContainerRef, className: e("scroll-container"), style: { height, paddingTop: itemsGap } },
+            React.createElement("div", { style: {
+                    height: `${rowVirtualizer.getTotalSize()}px`,
+                    width: "100%",
+                    position: "relative",
+                } }, virtualItems.map((virtualRow) => {
+                const item = items?.[virtualRow.index];
+                const isSkeletonItem = virtualRow.index > itemsCount - 1;
+                const style = {
+                    position: "absolute",
+                    top: 0,
+                    left: 0,
+                    width: `calc(100% + ${hasScroll ? "10px" : "0px"})`,
+                    height: `${virtualRow.size}px`,
+                    transform: `translateY(${virtualRow.start}px)`,
+                    paddingRight: itemPadding,
+                    paddingLeft: itemPadding,
+                };
+                return (React.createElement("div", { key: virtualRow.index, style: style }, isSkeletonItem ? (React.createElement(Skeleton, { itemHeight: itemHeight, key: virtualRow.index })) : (children(item))));
+            })))));
+}
+function useVirtualList(props) {
+    const { items, itemHeight, maxHeight = 500, itemsGap, skeletonItemsCount, hasNextPage, loadNextPage, isLoading, } = props;
+    const scrollContainerRef = React.useRef(null);
+    const itemsCount = items ? items.length : 0;
+    let renderItemsCount = itemsCount;
+    if (hasNextPage) {
+        renderItemsCount = itemsCount + skeletonItemsCount;
+    }
+    else if (itemsCount === 0 && isLoading) {
+        renderItemsCount = skeletonItemsCount;
+    }
+    const height = Math.min(itemsCount > 0
+        ? (itemHeight + itemsGap) * itemsCount + itemsGap
+        : skeletonItemsCount * (itemHeight + itemsGap) + itemsGap, maxHeight);
+    const hasScroll = scrollContainerRef.current
+        ? scrollContainerRef.current?.scrollHeight >
+            scrollContainerRef.current?.getBoundingClientRect().height
+        : false;
+    const rowVirtualizer = useVirtualizer({
+        count: renderItemsCount,
+        getScrollElement: () => scrollContainerRef.current,
+        estimateSize: () => itemHeight + itemsGap,
+        overscan: 5,
+    });
+    const virtualItems = rowVirtualizer.getVirtualItems();
+    useEffect(() => {
+        const [lastItem] = [...virtualItems].reverse();
+        if (!lastItem) {
+            return;
+        }
+        if (lastItem.index >= itemsCount - 1 - skeletonItemsCount && hasNextPage && !isLoading) {
+            loadNextPage?.();
+        }
+    }, [hasNextPage, loadNextPage, itemsCount, isLoading, virtualItems, skeletonItemsCount]);
+    return {
+        itemsCount,
+        scrollContainerRef,
+        height,
+        hasScroll,
+        rowVirtualizer,
+        virtualItems,
+    };
+}
+//# sourceMappingURL=VirtualList.js.map

package/esm/notificationsPanel/components/VirtualList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VirtualList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/components/VirtualList.tsx"],"names":[],"mappings":"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"}

package/esm/notificationsPanel/data/NotificationsContext.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import { useNotifications } from "./useNotifications.js";
+export type INotificationsContext = ReturnType<typeof useNotifications>;
+export declare const useNotificationsContext: () => {
+    notifications: import("@gooddata/sdk-model").INotification[];
+    notificationsStatus: "error" | "loading" | "pending" | "success";
+    notificationsError: import("@gooddata/sdk-ui").GoodDataSdkError;
+    notificationsHasNextPage: boolean;
+    notificationsLoadNextPage: () => void;
+    unreadNotifications: import("@gooddata/sdk-model").INotification[];
+    unreadNotificationsStatus: "error" | "loading" | "pending" | "success";
+    unreadNotificationsError: import("@gooddata/sdk-ui").GoodDataSdkError;
+    unreadNotificationsHasNextPage: boolean;
+    unreadNotificationsLoadNextPage: () => void;
+    unreadNotificationsCount: number;
+    markNotificationAsRead: (notificationId: string) => Promise<void>;
+    markAllNotificationsAsRead: () => Promise<void>;
+};
+export interface INotificationsProviderProps {
+    backend?: IAnalyticalBackend;
+    workspace?: string;
+    children?: React.ReactNode;
+}
+export declare const NotificationsProvider: React.FC<INotificationsProviderProps>;
+//# sourceMappingURL=NotificationsContext.d.ts.map

package/esm/notificationsPanel/data/NotificationsContext.d.ts.map

@@ -0,0 +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;CAC9B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAQvE,CAAC"}

package/esm/notificationsPanel/data/NotificationsContext.js

@@ -0,0 +1,18 @@
+// (C) 2019-2024 GoodData Corporation
+import React from "react";
+import { useNotifications } from "./useNotifications.js";
+import { UnexpectedSdkError } from "@gooddata/sdk-ui";
+const NotificationsContext = React.createContext(null);
+NotificationsContext.displayName = "NotificationsContext";
+export const useNotificationsContext = () => {
+    const context = React.useContext(NotificationsContext);
+    if (!context) {
+        throw new UnexpectedSdkError("useNotificationsContext must be used within a NotificationsProvider");
+    }
+    return context;
+};
+export const NotificationsProvider = ({ children, backend, workspace, }) => {
+    const notifications = useNotifications({ backend, workspace });
+    return React.createElement(NotificationsContext.Provider, { value: notifications }, children);
+};
+//# sourceMappingURL=NotificationsContext.js.map

package/esm/notificationsPanel/data/NotificationsContext.js.map

@@ -0,0 +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;AAQF,MAAM,CAAC,MAAM,qBAAqB,GAA0C,CAAC,EACzE,QAAQ,EACR,OAAO,EACP,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,gBAAgB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC;IAE/D,OAAO,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,IAAG,QAAQ,CAAiC,CAAC;AAC3G,CAAC,CAAC"}

package/esm/notificationsPanel/data/attributeFilterNaming.d.ts

@@ -0,0 +1,4 @@
+import { IntlShape } from "react-intl";
+import { IAttributeFilter } from "@gooddata/sdk-model";
+export declare function translateAttributeFilter(intl: IntlShape, filter: IAttributeFilter): string;
+//# sourceMappingURL=attributeFilterNaming.d.ts.map

package/esm/notificationsPanel/data/attributeFilterNaming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributeFilterNaming.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/attributeFilterNaming.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EACH,gBAAgB,EAKnB,MAAM,qBAAqB,CAAC;AAG7B,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,GAAG,MAAM,CAU1F"}

package/esm/notificationsPanel/data/attributeFilterNaming.js

@@ -0,0 +1,9 @@
+import { isNegativeAttributeFilter, filterAttributeElements, getAttributeElementsItems, } from "@gooddata/sdk-model";
+import { getAttributeFilterSubtitle } from "@gooddata/sdk-ui-filters";
+export function translateAttributeFilter(intl, filter) {
+    const isNegative = isNegativeAttributeFilter(filter);
+    const attributeElements = filterAttributeElements(filter);
+    const attributeElementsItems = getAttributeElementsItems(attributeElements);
+    return getAttributeFilterSubtitle(isNegative, attributeElementsItems.map((item) => ({ title: item, uri: item })), intl);
+}
+//# sourceMappingURL=attributeFilterNaming.js.map

package/esm/notificationsPanel/data/attributeFilterNaming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attributeFilterNaming.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/attributeFilterNaming.ts"],"names":[],"mappings":"AAEA,OAAO,EAEH,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,GAE5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAEtE,MAAM,UAAU,wBAAwB,CAAC,IAAe,EAAE,MAAwB;IAC9E,MAAM,UAAU,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAAC;IACrD,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC;IAC1D,MAAM,sBAAsB,GAAG,yBAAyB,CAAC,iBAAiB,CAAC,CAAC;IAE5E,OAAO,0BAA0B,CAC7B,UAAU,EACV,sBAAsB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAqB,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,EACrF,IAAI,CACP,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/data/dateFilterNaming.d.ts

@@ -0,0 +1,4 @@
+import { IntlShape } from "react-intl";
+import { IDateFilter } from "@gooddata/sdk-model";
+export declare function translateDateFilter(intl: IntlShape, filter: IDateFilter, dateFormat: string): string;
+//# sourceMappingURL=dateFilterNaming.d.ts.map

package/esm/notificationsPanel/data/dateFilterNaming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFilterNaming.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/dateFilterNaming.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAGH,WAAW,EAKd,MAAM,qBAAqB,CAAC;AAa7B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAWpG"}

package/esm/notificationsPanel/data/dateFilterNaming.js

@@ -0,0 +1,15 @@
+import { isRelativeDateFilter, relativeDateFilterValues, absoluteDateFilterValues, } from "@gooddata/sdk-model";
+import { DateFilterHelpers } from "@gooddata/sdk-ui-filters";
+export function translateDateFilter(intl, filter, dateFormat) {
+    const metadata = filterMetadata(filter);
+    return metadata.type === "absolute"
+        ? DateFilterHelpers.formatAbsoluteDateRange(metadata.from, metadata.to, dateFormat)
+        : DateFilterHelpers.formatRelativeDateRange(metadata.from, metadata.to, metadata.granularity, intl);
+}
+function filterMetadata(filter) {
+    if (isRelativeDateFilter(filter)) {
+        return { ...relativeDateFilterValues(filter), type: "relative" };
+    }
+    return { ...absoluteDateFilterValues(filter), type: "absolute" };
+}
+//# sourceMappingURL=dateFilterNaming.js.map

package/esm/notificationsPanel/data/dateFilterNaming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFilterNaming.js","sourceRoot":"","sources":["../../../src/notificationsPanel/data/dateFilterNaming.ts"],"names":[],"mappings":"AAEA,OAAO,EAKH,oBAAoB,EACpB,wBAAwB,EACxB,wBAAwB,GAC3B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAY7D,MAAM,UAAU,mBAAmB,CAAC,IAAe,EAAE,MAAmB,EAAE,UAAkB;IACxF,MAAM,QAAQ,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC;IAExC,OAAO,QAAQ,CAAC,IAAI,KAAK,UAAU;QAC/B,CAAC,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,UAAU,CAAC;QACnF,CAAC,CAAC,iBAAiB,CAAC,uBAAuB,CACrC,QAAQ,CAAC,IAAI,EACb,QAAQ,CAAC,EAAE,EACX,QAAQ,CAAC,WAAoC,EAC7C,IAAI,CACP,CAAC;AACZ,CAAC;AAED,SAAS,cAAc,CAAC,MAAmB;IACvC,IAAI,oBAAoB,CAAC,MAAM,CAAC,EAAE,CAAC;QAC/B,OAAO,EAAE,GAAG,wBAAwB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;IACrE,CAAC;IAED,OAAO,EAAE,GAAG,wBAAwB,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;AACrE,CAAC"}

package/esm/notificationsPanel/data/useFetchNotifications.d.ts

@@ -0,0 +1,29 @@
+import { GoodDataSdkError } from "@gooddata/sdk-ui";
+import { INotification } from "@gooddata/sdk-model";
+/**
+ * @alpha
+ */
+export interface IUseFetchNotificationsProps {
+    /**
+     * Workspace to use.
+     * If not provided, it will be taken from the WorkspaceProvider context.
+     */
+    workspace?: string;
+    /**
+     * Filter notifications by status.
+     * If not provided, all notifications will be fetched.
+     */
+    readStatus?: "unread" | "read";
+}
+/**
+ * @alpha
+ */
+export declare function useFetchNotifications({ workspace, readStatus }: IUseFetchNotificationsProps): {
+    notifications: INotification[];
+    status: "error" | "loading" | "pending" | "success";
+    error: GoodDataSdkError;
+    hasNextPage: boolean;
+    loadNextPage: () => void;
+    totalNotificationsCount: number;
+};
+//# sourceMappingURL=useFetchNotifications.d.ts.map

package/esm/notificationsPanel/data/useFetchNotifications.d.ts.map

@@ -0,0 +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;CAClC;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,2BAA2B;;;;;;;EAqD3F"}

package/esm/notificationsPanel/data/useFetchNotifications.js

@@ -0,0 +1,52 @@
+// (C) 2024 GoodData Corporation
+import { useCancelablePromise, useWorkspace } from "@gooddata/sdk-ui";
+import { useOrganization } from "../@staging/OrganizationContext/OrganizationContext.js";
+import { useCallback, useState } from "react";
+/**
+ * @alpha
+ */
+export function useFetchNotifications({ workspace, readStatus }) {
+    const effectiveWorkspace = useWorkspace(workspace);
+    const { result: organizationService } = useOrganization();
+    const [page, setPage] = useState(0);
+    const [hasNextPage, setHasNextPage] = useState(false);
+    const [notifications, setNotifications] = useState([]);
+    const [totalNotificationsCount, setTotalNotificationsCount] = useState(0);
+    const { status, error } = useCancelablePromise({
+        promise: !organizationService
+            ? null
+            : async () => {
+                let query = organizationService.notifications().getNotificationsQuery().withSize(50);
+                if (effectiveWorkspace) {
+                    query = query.withWorkspace(effectiveWorkspace);
+                }
+                if (page) {
+                    query = query.withPage(page);
+                }
+                if (readStatus) {
+                    query = query.withStatus(readStatus);
+                }
+                return query.query();
+            },
+        onSuccess: (result) => {
+            const hasNextPage = result.totalCount > (page + 1) * 50;
+            setHasNextPage(hasNextPage);
+            setNotifications((prev) => [...prev, ...result.items]);
+            setTotalNotificationsCount(result.totalCount);
+        },
+    }, [effectiveWorkspace, organizationService, page]);
+    const loadNextPage = useCallback(() => {
+        if (status === "success" && hasNextPage) {
+            setPage((x) => x + 1);
+        }
+    }, [status, hasNextPage]);
+    return {
+        notifications,
+        status,
+        error,
+        hasNextPage,
+        loadNextPage,
+        totalNotificationsCount,
+    };
+}
+//# sourceMappingURL=useFetchNotifications.js.map

package/esm/notificationsPanel/data/useFetchNotifications.js.map

@@ -0,0 +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;AAoB9C;;GAEG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,SAAS,EAAE,UAAU,EAA+B;IACxF,MAAM,kBAAkB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IACnD,MAAM,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,eAAe,EAAE,CAAC;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAkB,EAAE,CAAC,CAAC;IACxE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAE1E,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,oBAAoB,CAC1C;QACI,OAAO,EAAE,CAAC,mBAAmB;YACzB,CAAC,CAAC,IAAI;YACN,CAAC,CAAC,KAAK,IAAI,EAAE;gBACP,IAAI,KAAK,GAAG,mBAAmB,CAAC,aAAa,EAAE,CAAC,qBAAqB,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAErF,IAAI,kBAAkB,EAAE,CAAC;oBACrB,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,kBAAkB,CAAC,CAAC;gBACpD,CAAC;gBAED,IAAI,IAAI,EAAE,CAAC;oBACP,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACjC,CAAC;gBAED,IAAI,UAAU,EAAE,CAAC;oBACb,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;gBACzC,CAAC;gBAED,OAAO,KAAK,CAAC,KAAK,EAAE,CAAC;YACzB,CAAC;QACP,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE;YAClB,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;YACxD,cAAc,CAAC,WAAW,CAAC,CAAC;YAC5B,gBAAgB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;YACvD,0BAA0B,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAClD,CAAC;KACJ,EACD,CAAC,kBAAkB,EAAE,mBAAmB,EAAE,IAAI,CAAC,CAClD,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,MAAM,KAAK,SAAS,IAAI,WAAW,EAAE,CAAC;YACtC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC1B,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,OAAO;QACH,aAAa;QACb,MAAM;QACN,KAAK;QACL,WAAW;QACX,YAAY;QACZ,uBAAuB;KAC1B,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts

@@ -0,0 +1,12 @@
+import { IAlertNotification } from "@gooddata/sdk-model";
+export declare function useNotificationsFilterDetail(notification: IAlertNotification): {
+    filtersInfo: {
+        title: string;
+        subtitle: string;
+    }[];
+    automationPromise: import("@gooddata/sdk-ui").UseCancelablePromiseState<{
+        automation: import("@gooddata/sdk-model").IAutomationMetadataObject;
+        labels: import("@gooddata/sdk-model").IAttributeDisplayFormMetadataObject[];
+    }, any>;
+};
+//# sourceMappingURL=useNotificationFiltersDetail.d.ts.map

package/esm/notificationsPanel/data/useNotificationFiltersDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotificationFiltersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/data/useNotificationFiltersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAQH,kBAAkB,EAErB,MAAM,qBAAqB,CAAC;AAuB7B,wBAAgB,4BAA4B,CAAC,YAAY,EAAE,kBAAkB;;eAwFpC,MAAM;kBAAY,MAAM;;;;;;EAIhE"}