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

package/esm/notificationsPanel/data/useNotificationFiltersDetail.js

@@ -0,0 +1,96 @@
+// (C) 2024 GoodData Corporation
+import { areObjRefsEqual, filterObjRef, isAttributeFilter, isDateFilter, isPositiveAttributeFilter, } from "@gooddata/sdk-model";
+import { useBackendStrict, useCancelablePromise, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { useMemo } from "react";
+import { translateAttributeFilter } from "./attributeFilterNaming.js";
+import { defineMessages, useIntl } from "react-intl";
+import { translateDateFilter } from "./dateFilterNaming.js";
+const messages = defineMessages({
+    title: {
+        id: "notifications.filters.dialog.title",
+    },
+    dateRange: {
+        id: "notifications.filters.dialog.dateRange",
+    },
+});
+function getObjRefInScopeLocalId(attributeFilter) {
+    if (isPositiveAttributeFilter(attributeFilter)) {
+        return attributeFilter.positiveAttributeFilter.displayForm.localIdentifier;
+    }
+    return attributeFilter.negativeAttributeFilter.displayForm.localIdentifier;
+}
+export function useNotificationsFilterDetail(notification) {
+    const workspaceId = useWorkspaceStrict(undefined, "NotificationTriggerDetails");
+    const backend = useBackendStrict(undefined, "NotificationTriggerDetails");
+    const intl = useIntl();
+    const automationPromise = useCancelablePromise({
+        promise: async () => {
+            if (!notification.automationId) {
+                return null;
+            }
+            const automation = await backend
+                .workspace(workspaceId)
+                .automations()
+                .getAutomation(notification.automationId);
+            const automationAlert = automation?.alert;
+            if (!automationAlert) {
+                return null;
+            }
+            const filterDisplayFormsRefs = automationAlert.execution.filters
+                .filter((f) => isAttributeFilter(f))
+                .map((filter) => {
+                const ref = filterObjRef(filter);
+                if (!ref) {
+                    const attribute = automationAlert.execution.attributes.find((a) => a.attribute.localIdentifier ===
+                        getObjRefInScopeLocalId(filter));
+                    if (!attribute) {
+                        return null;
+                    }
+                    return attribute.attribute.displayForm;
+                }
+                return filterObjRef(filter);
+            })
+                .filter(Boolean);
+            const labels = await backend
+                .workspace(workspaceId)
+                .attributes()
+                .getAttributeDisplayForms(filterDisplayFormsRefs);
+            return { automation, labels };
+        },
+    }, [notification.automationId, workspaceId]);
+    const filtersInfo = useMemo(() => {
+        if (!automationPromise.result) {
+            return null;
+        }
+        const { automation, labels } = automationPromise.result;
+        const alert = automation?.alert;
+        if (!alert) {
+            return [];
+        }
+        return alert.execution.filters
+            .map((filter) => {
+            let ref = filterObjRef(filter);
+            let subtitle = "";
+            let title = "";
+            if (isAttributeFilter(filter)) {
+                const attribute = alert.execution.attributes.find((a) => a.attribute.localIdentifier === getObjRefInScopeLocalId(filter));
+                if (attribute) {
+                    ref = attribute.attribute.displayForm;
+                }
+                subtitle = translateAttributeFilter(intl, filter);
+                title = labels.find((l) => areObjRefsEqual(l.ref, ref))?.title ?? "";
+            }
+            else if (isDateFilter(filter)) {
+                subtitle = translateDateFilter(intl, filter, "MM/dd/yyyy");
+                title = intl.formatMessage(messages.dateRange);
+            }
+            else {
+                return null;
+            }
+            return { title, subtitle };
+        })
+            .filter(Boolean);
+    }, [automationPromise.result, intl]);
+    return { filtersInfo, automationPromise };
+}
+//# sourceMappingURL=useNotificationFiltersDetail.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+/**
+ * @alpha
+ */
+export interface IUseNotificationsProps {
+    workspace?: string;
+    backend?: IAnalyticalBackend;
+    refreshInterval?: number;
+}
+/**
+ * @alpha
+ */
+export declare function useNotifications({ workspace, refreshInterval }: IUseNotificationsProps): {
+    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>;
+};
+//# sourceMappingURL=useNotifications.d.ts.map

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

@@ -0,0 +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,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,sBAAsB;;;;;;;;;;;;6CA8BxD,MAAM;;EAsFpC"}

package/esm/notificationsPanel/data/useNotifications.js

@@ -0,0 +1,94 @@
+// (C) 2024 GoodData Corporation
+import { UnexpectedSdkError, useWorkspaceStrict } from "@gooddata/sdk-ui";
+import { useCallback, useMemo, useState } from "react";
+import { useOrganization } from "../@staging/OrganizationContext/OrganizationContext.js";
+import { useFetchNotifications } from "./useFetchNotifications.js";
+/**
+ * @alpha
+ */
+export function useNotifications({ workspace, refreshInterval }) {
+    const effectiveWorkspace = useWorkspaceStrict(workspace, "useNotifications");
+    const { notifications, hasNextPage: notificationsHasNextPage, error: notificationsError, loadNextPage: notificationsLoadNextPage, status: notificationsStatus, } = useFetchNotifications({
+        workspace: effectiveWorkspace,
+        refreshInterval,
+    });
+    const { error: unreadNotificationsError, hasNextPage: unreadNotificationsHasNextPage, loadNextPage: unreadNotificationsLoadNextPage, notifications: unreadNotifications, status: unreadNotificationsStatus, totalNotificationsCount: unreadNotificationsCount, } = useFetchNotifications({
+        workspace: effectiveWorkspace,
+        readStatus: "unread",
+        refreshInterval,
+    });
+    const { result: organizationService, status: organizationStatus } = useOrganization();
+    const [markedAsReadNotifications, setMarkedAsReadNotifications] = useState([]);
+    const markNotificationAsRead = useCallback(async (notificationId) => {
+        if (organizationStatus === "error") {
+            throw new UnexpectedSdkError("Cannot call markAsRead - organization load failed.");
+        }
+        if (organizationStatus === "pending" || organizationStatus === "loading") {
+            throw new UnexpectedSdkError("Cannot call markAsRead - organization is not initialized.");
+        }
+        await organizationService.notifications().markNotificationAsRead(notificationId);
+        setMarkedAsReadNotifications((prev) => [...prev, notificationId]);
+    }, [organizationStatus, organizationService, setMarkedAsReadNotifications]);
+    const markAllNotificationsAsRead = useCallback(async () => {
+        if (organizationStatus === "error") {
+            throw new UnexpectedSdkError("Cannot call markAllAsRead - organization load failed.");
+        }
+        if (organizationStatus === "pending" || organizationStatus === "loading") {
+            throw new UnexpectedSdkError("Cannot call markAllAsRead - organization is not initialized.");
+        }
+        if (notificationsStatus === "error") {
+            throw new UnexpectedSdkError("Cannot call markAllAsRead - notifications load failed.");
+        }
+        if (notificationsStatus === "pending" || notificationsStatus === "loading") {
+            throw new UnexpectedSdkError("Cannot call markAllAsRead - notifications are not initialized.");
+        }
+        await organizationService.notifications().markAllNotificationsAsRead();
+        setMarkedAsReadNotifications(notifications.map((notification) => notification.id) ?? []);
+    }, [
+        organizationService,
+        organizationStatus,
+        notifications,
+        notificationsStatus,
+        setMarkedAsReadNotifications,
+    ]);
+    const effectiveNotifications = useMemo(() => {
+        if (!notifications) {
+            return notifications;
+        }
+        return notifications.map((notification) => {
+            if (markedAsReadNotifications.includes(notification.id)) {
+                return { ...notification, isRead: true };
+            }
+            return notification;
+        });
+    }, [notifications, markedAsReadNotifications]);
+    const effectiveUnreadNotifications = useMemo(() => {
+        if (!unreadNotifications) {
+            return unreadNotifications;
+        }
+        return unreadNotifications
+            .map((notification) => {
+            if (markedAsReadNotifications.includes(notification.id)) {
+                return { ...notification, isRead: true };
+            }
+            return notification;
+        })
+            .filter((x) => !x.isRead);
+    }, [unreadNotifications, markedAsReadNotifications]);
+    return {
+        notifications: effectiveNotifications,
+        notificationsStatus,
+        notificationsError,
+        notificationsHasNextPage,
+        notificationsLoadNextPage,
+        unreadNotifications: effectiveUnreadNotifications,
+        unreadNotificationsStatus: unreadNotificationsStatus,
+        unreadNotificationsError: unreadNotificationsError,
+        unreadNotificationsHasNextPage: unreadNotificationsHasNextPage,
+        unreadNotificationsLoadNextPage: unreadNotificationsLoadNextPage,
+        unreadNotificationsCount: Math.max(0, unreadNotificationsCount - markedAsReadNotifications.length),
+        markNotificationAsRead,
+        markAllNotificationsAsRead,
+    };
+}
+//# sourceMappingURL=useNotifications.js.map

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

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

package/esm/notificationsPanel/localization/IntlWrapper.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+/**
+ * @internal
+ */
+export interface IIntlWrapperProps {
+    locale?: string;
+    children?: React.ReactNode;
+}
+/**
+ * @internal
+ */
+export declare const IntlWrapper: React.FC<IIntlWrapperProps>;
+//# sourceMappingURL=IntlWrapper.d.ts.map

package/esm/notificationsPanel/localization/IntlWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlWrapper.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/localization/IntlWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AA+B3C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAenD,CAAC"}

package/esm/notificationsPanel/localization/IntlWrapper.js

@@ -0,0 +1,32 @@
+// (C) 2007-2024 GoodData Corporation
+import React, { useCallback } from "react";
+import { IntlProvider } from "react-intl";
+import { DefaultLocale, TranslationsCustomizationProvider, resolveLocaleDefaultMessages, } from "@gooddata/sdk-ui";
+import { translations } from "../../internal/utils/translations.js";
+const formats = {
+    time: {
+        hhmm: {
+            hour: "numeric",
+            minute: "numeric",
+        },
+    },
+    date: {
+        shortWithoutYear: {
+            day: "numeric",
+            month: "short",
+        },
+        shortWithYear: {
+            day: "numeric",
+            month: "short",
+            year: "numeric",
+        },
+    },
+};
+/**
+ * @internal
+ */
+export const IntlWrapper = ({ children, locale = DefaultLocale }) => {
+    const render = useCallback((modifiedTranslations) => (React.createElement(IntlProvider, { locale: locale, messages: modifiedTranslations, formats: formats }, children)), [locale, children]);
+    return (React.createElement(TranslationsCustomizationProvider, { translations: resolveLocaleDefaultMessages(locale, translations), render: render }));
+};
+//# sourceMappingURL=IntlWrapper.js.map

package/esm/notificationsPanel/localization/IntlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntlWrapper.js","sourceRoot":"","sources":["../../../src/notificationsPanel/localization/IntlWrapper.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAiB,YAAY,EAAE,MAAM,YAAY,CAAC;AACzD,OAAO,EACH,aAAa,EAEb,iCAAiC,EACjC,4BAA4B,GAC/B,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,MAAM,OAAO,GAAkB;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,IAAI,EAAE,SAAS;YACf,MAAM,EAAE,SAAS;SACpB;KACJ;IACD,IAAI,EAAE;QACF,gBAAgB,EAAE;YACd,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,OAAO;SACjB;QACD,aAAa,EAAE;YACX,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,OAAO;YACd,IAAI,EAAE,SAAS;SAClB;KACJ;CACJ,CAAC;AAUF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAgC,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,aAAa,EAAE,EAAE,EAAE;IAC7F,MAAM,MAAM,GAAG,WAAW,CACtB,CAAC,oBAAoB,EAAE,EAAE,CAAC,CACtB,oBAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,oBAAoB,EAAE,OAAO,EAAE,OAAO,IACzE,QAAQ,CACE,CAClB,EACD,CAAC,MAAM,EAAE,QAAQ,CAAC,CACrB,CAAC;IACF,OAAO,CACH,oBAAC,iCAAiC,IAC9B,YAAY,EAAE,4BAA4B,CAAC,MAAM,EAAE,YAAY,CAAC,EAChE,MAAM,EAAE,MAAM,GAChB,CACL,CAAC;AACN,CAAC,CAAC"}

package/esm/notificationsPanel/types.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @alpha
+ */
+export type INotificationsPanelView = "all" | "unread";
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/notificationsPanel/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,KAAK,GAAG,QAAQ,CAAC"}

package/esm/notificationsPanel/types.js

@@ -0,0 +1,3 @@
+// (C) 2024 GoodData Corporation
+export {};
+//# sourceMappingURL=types.js.map

package/esm/notificationsPanel/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/notificationsPanel/types.ts"],"names":[],"mappings":"AAAA,gCAAgC"}

package/esm/sdk-ui-ext.d.ts

@@ -31,6 +31,7 @@ import { IInsight } from '@gooddata/sdk-model';
 import { IInsightDefinition } from '@gooddata/sdk-model';
 import { ILoadingProps } from '@gooddata/sdk-ui';
 import { ILocale } from '@gooddata/sdk-ui';
+import { INotification } from '@gooddata/sdk-model';
 import { IPivotTableConfig } from '@gooddata/sdk-ui-pivot';
 import { ISettings } from '@gooddata/sdk-model';
 import { ITheme } from '@gooddata/sdk-model';
@@ -40,6 +41,8 @@ import { LocalIdRef } from '@gooddata/sdk-model';
 import { ObjRef } from '@gooddata/sdk-model';
 import { OnError } from '@gooddata/sdk-ui';
 import { default as React_2 } from 'react';
+import { RefObject } from 'react';
+import { UseCancelablePromiseStatus } from '@gooddata/sdk-ui';
 import { WithIntlProps } from 'react-intl';
 import { WrappedComponentProps } from 'react-intl';
 
@@ -126,6 +129,11 @@ export declare type DataSourcePermission = "USE" | "MANAGE";
  */
 export declare type DataSourcePermissionSubject = "user" | "userGroup";
 
+/**
+ * @internal
+ */
+export declare function DefaultOpenNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }: IOpenNotificationsPanelButtonComponentProps): React_2.JSX.Element;
+
 /**
  * @internal
  */
@@ -531,6 +539,164 @@ export declare interface ILayoutDescriptor {
     type: LayoutType;
 }
 
+/**
+ * @alpha
+ */
+export declare interface INotificationComponentProps {
+    notification: INotification;
+    markAsRead: (id: string) => void;
+    onNotificationClick: (notification: INotification) => void;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsListComponentProps {
+    NotificationsListEmptyState: React_2.ComponentType<INotificationsListEmptyStateComponentProps>;
+    NotificationsListErrorState: React_2.ComponentType<INotificationsListErrorStateComponentProps>;
+    Notification: React_2.ComponentType<INotificationComponentProps>;
+    activeView: INotificationsPanelView;
+    status: UseCancelablePromiseStatus;
+    error?: GoodDataSdkError;
+    notifications?: INotification[];
+    markNotificationAsRead: (notificationId: string) => Promise<void>;
+    onNotificationClick: (notification: INotification) => void;
+    hasNextPage: boolean;
+    loadNextPage: () => void;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsListEmptyStateComponentProps {
+    activeView: INotificationsPanelView;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsListErrorStateComponentProps {
+    error?: GoodDataSdkError;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsPanelComponentProps {
+    NotificationsPanelHeader: React_2.ComponentType<INotificationsPanelHeaderComponentProps>;
+    NotificationsList: React_2.ComponentType<INotificationsListComponentProps>;
+    NotificationsListEmptyState: React_2.ComponentType<INotificationsListEmptyStateComponentProps>;
+    NotificationsListErrorState: React_2.ComponentType<INotificationsListErrorStateComponentProps>;
+    Notification: React_2.ComponentType<INotificationComponentProps>;
+    toggleNotificationsPanel: () => void;
+    openNotificationsPanel: () => void;
+    closeNotificationsPanel: () => void;
+    activeView: INotificationsPanelView;
+    changeActiveView: (view: INotificationsPanelView) => void;
+    markNotificationAsRead: (notificationId: string) => Promise<void>;
+    markAllNotificationsAsRead: () => Promise<void>;
+    unreadNotificationsCount: number;
+    activeNotifications: INotification[];
+    onNotificationClick: (notification: INotification) => void;
+    status: UseCancelablePromiseStatus;
+    error?: GoodDataSdkError;
+    loadNextPage: () => void;
+    hasNextPage: boolean;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsPanelCustomComponentsProps {
+    /**
+     * Custom open notifications panel button component.
+     */
+    OpenNotificationsPanelButton: React_2.ComponentType<IOpenNotificationsPanelButtonComponentProps>;
+    /**
+     * Custom notifications panel component.
+     */
+    NotificationsPanel?: React_2.ComponentType<INotificationsPanelComponentProps>;
+    /**
+     * Custom notifications panel header component.
+     */
+    NotificationsPanelHeader?: React_2.ComponentType<INotificationsPanelHeaderComponentProps>;
+    /**
+     * Custom notifications list component.
+     */
+    NotificationsList?: React_2.ComponentType<INotificationsListComponentProps>;
+    /**
+     * Custom notifications list empty state component.
+     */
+    NotificationsListEmptyState?: React_2.ComponentType<INotificationsListEmptyStateComponentProps>;
+    /**
+     * Custom notifications list error state component.
+     */
+    NotificationsListErrorState?: React_2.ComponentType<INotificationsListErrorStateComponentProps>;
+    /**
+     * Custom notification component.
+     */
+    Notification?: React_2.ComponentType<INotificationComponentProps>;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsPanelHeaderComponentProps {
+    /**
+     * The currently active view of the notifications panel.
+     */
+    activeView: INotificationsPanelView;
+    /**
+     * The callback to change the active view.
+     */
+    changeActiveView: (view: INotificationsPanelView) => void;
+    /**
+     * Indicates if there are unread notifications.
+     */
+    hasUnreadNotifications: boolean;
+    /**
+     * The number of unread notifications.
+     */
+    unreadNotificationsCount: number;
+    /**
+     * The callback to mark all notifications as read.
+     */
+    markAllAsRead: () => void;
+}
+
+/**
+ * @alpha
+ */
+export declare interface INotificationsPanelProps extends INotificationsPanelCustomComponentsProps {
+    /**
+     * Backend to use.
+     */
+    backend?: IAnalyticalBackend;
+    /**
+     * Workspace ID to use.
+     */
+    workspace?: string;
+    /**
+     * Refresh interval in milliseconds.
+     * Default is 10 minutes.
+     * If set to 0, notifications will not be refreshed automatically.
+     */
+    refreshInterval?: number;
+    /**
+     * Locale to use.
+     */
+    locale?: ILocale;
+    /**
+     * Handler for notification click.
+     */
+    onNotificationClick: (notification: INotification) => void;
+}
+
+/**
+ * @alpha
+ */
+export declare type INotificationsPanelView = "all" | "unread";
+
 /**
  * @internal
  */
@@ -569,6 +735,36 @@ export declare class InsightView extends React_2.Component<IInsightViewProps> {
     render(): React_2.JSX.Element;
 }
 
+/**
+ * @alpha
+ */
+export declare interface IOpenNotificationsPanelButtonComponentProps {
+    /**
+     * Ref to the button element - is required for proper alignment of the notification panel.
+     */
+    buttonRef: RefObject<HTMLElement | null>;
+    /**
+     * Opens the notification panel.
+     */
+    openNotificationPanel: () => void;
+    /**
+     * Closes the notification panel.
+     */
+    closeNotificationPanel: () => void;
+    /**
+     * Toggles the notification panel.
+     */
+    toggleNotificationPanel: () => void;
+    /**
+     * Indicates whether the notification panel is open.
+     */
+    isNotificationPanelOpen: boolean;
+    /**
+     * Indicates whether there are unread notifications.
+     */
+    hasUnreadNotifications: boolean;
+}
+
 /**
  * Type-guard testing whether the provided object is an instance of {@link IDrillDownDefinition}.
  * @beta
@@ -721,6 +917,11 @@ export declare type LayoutType = "fluid";
  */
 export declare const MIN_VISUALIZATION_WIDTH = 2;
 
+/**
+ * @alpha
+ */
+export declare function NotificationsPanel(props: INotificationsPanelProps): React_2.JSX.Element;
+
 /**
  * @alpha
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-ext",
-  "version": "10.18.0-alpha.1",
+  "version": "10.18.0-alpha.11",
   "description": "GoodData.UI SDK - Extensions",
   "repository": {
     "type": "git",
@@ -30,10 +30,12 @@
     "esm/**/*.d.ts",
     "esm/**/*.map",
     "esm/**/*.svg",
+    "src/**/*.scss",
     "styles",
     "NOTICE"
   ],
   "dependencies": {
+    "@tanstack/react-virtual": "^3.11.1",
     "classnames": "^2.3.1",
     "codemirror": "^5.54.0",
     "date-fns": "^2.22.1",
@@ -46,6 +48,7 @@
     "lru-cache": "^10.0.1",
     "react-intl": "^6.4.1",
     "react-lines-ellipsis": "^0.15.0",
+    "react-loading-skeleton": "^3.4.0",
     "react-measure": "^2.5.2",
     "react-select": "^5.7.3",
     "react-select-async-paginate": "^0.7.3",
@@ -53,18 +56,19 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-base": "10.18.0-alpha.1",
-    "@gooddata/sdk-backend-spi": "10.18.0-alpha.1",
-    "@gooddata/sdk-embedding": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui": "10.18.0-alpha.1",
-    "@gooddata/sdk-model": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-charts": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-geo": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-pivot": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.1",
-    "@gooddata/sdk-ui-vis-commons": "10.18.0-alpha.1",
-    "@gooddata/util": "10.18.0-alpha.1"
+    "@gooddata/sdk-backend-base": "10.18.0-alpha.11",
+    "@gooddata/sdk-backend-spi": "10.18.0-alpha.11",
+    "@gooddata/sdk-model": "10.18.0-alpha.11",
+    "@gooddata/sdk-embedding": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-filters": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-charts": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-geo": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-kit": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-theme-provider": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-pivot": "10.18.0-alpha.11",
+    "@gooddata/sdk-ui-vis-commons": "10.18.0-alpha.11",
+    "@gooddata/util": "10.18.0-alpha.11"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -121,9 +125,9 @@
     "@types/json-stable-stringify": "^1.0.32",
     "@types/codemirror": "^5.60.7",
     "@types/js-yaml": "^4.0.9",
-    "@gooddata/i18n-toolkit": "10.18.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.1",
-    "@gooddata/reference-workspace": "10.18.0-alpha.1"
+    "@gooddata/i18n-toolkit": "10.18.0-alpha.11",
+    "@gooddata/reference-workspace": "10.18.0-alpha.11",
+    "@gooddata/sdk-backend-mockingbird": "10.18.0-alpha.11"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage *.log styles/css tsconfig.tsbuildinfo",