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

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.d.ts

@@ -0,0 +1,10 @@
+import { IAlertNotification } from "@gooddata/sdk-model";
+import React from "react";
+export interface INotificationTriggerDetailProps {
+    notification: IAlertNotification;
+}
+/**
+ * @alpha
+ */
+export declare function NotificationTriggerDetail({ notification }: INotificationTriggerDetailProps): React.JSX.Element;
+//# sourceMappingURL=NotificationTriggersDetail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTriggersDetail.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAE5E,OAAO,KAA2B,MAAM,OAAO,CAAC;AAkBhD,MAAM,WAAW,+BAA+B;IAC5C,YAAY,EAAE,kBAAkB,CAAC;CACpC;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EAAE,YAAY,EAAE,EAAE,+BAA+B,qBAyC1F"}

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js

@@ -0,0 +1,42 @@
+import { alignConfigToAlignPoint, Overlay, UiButton } from "@gooddata/sdk-ui-kit";
+import React, { useRef, useState } from "react";
+import { NotificationTriggersDetailDialog } from "./NotificationTriggersDetailDialog.js";
+import { defineMessages, useIntl } from "react-intl";
+const ALIGN_POINTS = [
+    alignConfigToAlignPoint({
+        triggerAlignPoint: "bottom-right",
+        overlayAlignPoint: "top-right",
+        offset: { x: 2, y: 3 },
+    }),
+];
+const messages = defineMessages({
+    triggersTitle: {
+        id: "notifications.panel.triggers.title",
+    },
+});
+/**
+ * @alpha
+ */
+export function NotificationTriggerDetail({ notification }) {
+    const [isTriggersDialogOpen, setIsTriggersDialogOpen] = useState(false);
+    const closeTriggersDialog = () => setIsTriggersDialogOpen(false);
+    const toggleTriggersDialog = () => setIsTriggersDialogOpen((x) => !x);
+    const intl = useIntl();
+    const ref = useRef(null);
+    const isSliced = notification.details.data.alert.attribute;
+    const triggersTitle = isSliced ? getTriggersTitle(intl, notification.details.data.alert) : "";
+    return (React.createElement(React.Fragment, null,
+        React.createElement(UiButton, { buttonRef: ref, onClick: (e) => {
+                e.stopPropagation();
+                toggleTriggersDialog();
+            }, variant: "tertiary", size: "small", label: triggersTitle }),
+        isTriggersDialogOpen ? (React.createElement(Overlay, { isModal: false, alignTo: ref.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeTriggersDialog, ignoreClicksOnByClass: [".gd-bubble"] },
+            React.createElement(NotificationTriggersDetailDialog, { notification: notification, onClose: closeTriggersDialog }))) : null));
+}
+function getTriggersTitle(intl, alertDescription) {
+    return intl.formatMessage(messages.triggersTitle, {
+        triggeredCount: alertDescription.triggeredCount,
+        totalCount: alertDescription.totalValueCount,
+    });
+}
+//# sourceMappingURL=NotificationTriggersDetail.js.map

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTriggersDetail.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetail.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAClF,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,gCAAgC,EAAE,MAAM,uCAAuC,CAAC;AACzF,OAAO,EAAE,cAAc,EAAa,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,YAAY,GAAG;IACjB,uBAAuB,CAAC;QACpB,iBAAiB,EAAE,cAAc;QACjC,iBAAiB,EAAE,WAAW;QAC9B,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;KACzB,CAAC;CACL,CAAC;AAEF,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,oCAAoC;KAC3C;CACJ,CAAC,CAAC;AAMH;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EAAE,YAAY,EAAmC;IACvF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACjE,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;IAC3D,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE9F,OAAO,CACH;QACI,oBAAC,QAAQ,IACL,SAAS,EAAE,GAAG,EACd,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACX,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,oBAAoB,EAAE,CAAC;YAC3B,CAAC,EACD,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,aAAa,GACtB;QACD,oBAAoB,CAAC,CAAC,CAAC,CACpB,oBAAC,OAAO,IACJ,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,GAAG,CAAC,OAAO,EACpB,WAAW,EAAE,YAAY,EACzB,aAAa,QACb,mBAAmB,QACnB,mBAAmB,EAAE,KAAK,EAC1B,gBAAgB,EAAE,KAAK,EACvB,OAAO,EAAE,mBAAmB,EAC5B,qBAAqB,EAAE,CAAC,YAAY,CAAC;YAErC,oBAAC,gCAAgC,IAC7B,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,mBAAmB,GAC9B,CACI,CACb,CAAC,CAAC,CAAC,IAAI,CACT,CACN,CAAC;AACN,CAAC;AAED,SAAS,gBAAgB,CAAC,IAAe,EAAE,gBAAmC;IAC1E,OAAO,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,EAAE;QAC9C,cAAc,EAAE,gBAAgB,CAAC,cAAc;QAC/C,UAAU,EAAE,gBAAgB,CAAC,eAAe;KAC/C,CAAC,CAAC;AACP,CAAC"}

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts

@@ -0,0 +1,12 @@
+import { IAlertNotification } from "@gooddata/sdk-model";
+import React from "react";
+interface INotificationTriggersDetailDialogProps {
+    notification: IAlertNotification;
+    onClose: () => void;
+}
+/**
+ * @alpha
+ */
+export declare function NotificationTriggersDetailDialog({ notification, onClose, }: INotificationTriggersDetailDialogProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=NotificationTriggersDetailDialog.d.ts.map

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTriggersDetailDialog.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,sCAAsC;IAC5C,YAAY,EAAE,kBAAkB,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAWD;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GACV,EAAE,sCAAsC,qBAgCxC"}

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { DetailsDialog } from "../components/DetailsDialog.js";
+import { bem } from "../bem.js";
+import { useIntl, defineMessages } from "react-intl";
+const { b, e } = bem("gd-ui-ext-notification-triggers-detail-dialog");
+const messages = defineMessages({
+    triggersTitle: {
+        id: "notifications.panel.triggers.dialog.title",
+    },
+    newValue: {
+        id: "notifications.panel.triggers.dialog.newValue",
+    },
+});
+/**
+ * @alpha
+ */
+export function NotificationTriggersDetailDialog({ notification, onClose, }) {
+    const intl = useIntl();
+    return (React.createElement(DetailsDialog, { title: intl.formatMessage(messages.triggersTitle), content: React.createElement("div", { className: b() },
+            React.createElement("div", { className: e("header") },
+                React.createElement("div", { className: e("header-title") }, notification.details.data.alert.metric),
+                React.createElement("div", { className: e("header-title") }, intl.formatMessage(messages.newValue))),
+            React.createElement("div", { className: e("table") },
+                React.createElement("div", { className: e("values-labels") }, notification.details.data.alert.currentValues?.map((item, i) => (React.createElement("div", { key: i, className: e("values-label") }, item.labelValue)))),
+                React.createElement("div", { className: e("values") }, notification.details.data.alert.currentValues?.map((item, i) => (React.createElement("div", { key: i, className: e("values-value") }, item.primaryMetric.formattedValue)))))), onClose: onClose }));
+}
+//# sourceMappingURL=NotificationTriggersDetailDialog.js.map

package/esm/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationTriggersDetailDialog.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationTriggersDetail/NotificationTriggersDetailDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,+CAA+C,CAAC,CAAC;AAOtE,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,2CAA2C;KAClD;IACD,QAAQ,EAAE;QACN,EAAE,EAAE,8CAA8C;KACrD;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,gCAAgC,CAAC,EAC7C,YAAY,EACZ,OAAO,GAC8B;IACrC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,oBAAC,aAAa,IACV,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACjD,OAAO,EACH,6BAAK,SAAS,EAAE,CAAC,EAAE;YACf,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC;gBACvB,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAM,CAAC,MAAM,CAAO;gBAClF,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAO,CAC9E;YACN,6BAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC;gBACtB,6BAAK,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,IAC7B,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,UAAU,CACd,CACT,CAAC,CACA;gBACN,6BAAK,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,IACtB,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7D,6BAAK,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,IACpC,IAAI,CAAC,aAAc,CAAC,cAAc,CACjC,CACT,CAAC,CACA,CACJ,CACJ,EAEV,OAAO,EAAE,OAAO,GAClB,CACL,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts

@@ -0,0 +1,28 @@
+import React from "react";
+import { GoodDataSdkError, UseCancelablePromiseStatus } from "@gooddata/sdk-ui";
+import { INotificationComponentProps } from "../Notification/DefaultNotification.js";
+import { INotification } from "@gooddata/sdk-model";
+import { INotificationsPanelView } from "../types.js";
+import { INotificationsListEmptyStateComponentProps } from "./DefaultNotificationsListEmptyState.js";
+import { INotificationsListErrorStateComponentProps } from "./DefaultNotificationsListErrorState.js";
+/**
+ * @alpha
+ */
+export interface INotificationsListComponentProps {
+    NotificationsListEmptyState: React.ComponentType<INotificationsListEmptyStateComponentProps>;
+    NotificationsListErrorState: React.ComponentType<INotificationsListErrorStateComponentProps>;
+    Notification: React.ComponentType<INotificationComponentProps>;
+    activeView: INotificationsPanelView;
+    status: UseCancelablePromiseStatus;
+    error?: GoodDataSdkError;
+    notifications?: INotification[];
+    markNotificationAsRead: (notificationId: string) => Promise<void>;
+    onNotificationClick: (notification: INotification) => void;
+    hasNextPage: boolean;
+    loadNextPage: () => void;
+}
+/**
+ * @internal
+ */
+export declare function DefaultNotificationsList({ Notification, activeView, status, error, notifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, }: INotificationsListComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsList.d.ts.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAErF,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAEH,0CAA0C,EAC7C,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAEH,0CAA0C,EAC7C,MAAM,yCAAyC,CAAC;AAIjD;;GAEG;AACH,MAAM,WAAW,gCAAgC;IAC7C,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAC/D,UAAU,EAAE,uBAAuB,CAAC;IACpC,MAAM,EAAE,0BAA0B,CAAC;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,aAAa,EAAE,CAAC;IAChC,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAID;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,EACrC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,GACf,EAAE,gCAAgC,qBAkClC"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js

@@ -0,0 +1,23 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { bem } from "../bem.js";
+import { PagedVirtualList } from "../components/VirtualList.js";
+import { DefaultNotificationsListEmptyState, } from "./DefaultNotificationsListEmptyState.js";
+import { DefaultNotificationsListErrorState, } from "./DefaultNotificationsListErrorState.js";
+const NOTIFICATION_ITEM_HEIGHT = 52;
+const { b, e } = bem("gd-ui-ext-notifications-list");
+/**
+ * @internal
+ */
+export function DefaultNotificationsList({ Notification, activeView, status, error, notifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, }) {
+    const isError = status === "error";
+    const isEmpty = status === "success" && notifications?.length === 0;
+    const isLoading = status === "loading" || status === "pending";
+    const isSuccess = status === "success" && (notifications?.length ?? 0) > 0;
+    return (React.createElement("div", { className: b() },
+        isError ? React.createElement(DefaultNotificationsListErrorState, { error: error }) : null,
+        isEmpty ? React.createElement(DefaultNotificationsListEmptyState, { activeView: activeView }) : null,
+        isLoading || isSuccess ? (React.createElement(PagedVirtualList, { items: notifications, itemHeight: NOTIFICATION_ITEM_HEIGHT, itemsGap: 10, itemPadding: 15, skeletonItemsCount: 5, hasNextPage: hasNextPage, loadNextPage: loadNextPage, isLoading: isLoading }, (notification) => (React.createElement("div", { className: e("notification") },
+            React.createElement(Notification, { notification: notification, markAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick }))))) : null));
+}
+//# sourceMappingURL=DefaultNotificationsList.js.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EACH,kCAAkC,GAErC,MAAM,yCAAyC,CAAC;AACjD,OAAO,EACH,kCAAkC,GAErC,MAAM,yCAAyC,CAAC;AAEjD,MAAM,wBAAwB,GAAG,EAAE,CAAC;AAmBpC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACrC,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,aAAa,EACb,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,GACmB;IAC/B,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,aAAa,EAAE,MAAM,KAAK,CAAC,CAAC;IACpE,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,aAAa,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAE3E,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACd,OAAO,CAAC,CAAC,CAAC,oBAAC,kCAAkC,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QACrE,OAAO,CAAC,CAAC,CAAC,oBAAC,kCAAkC,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI;QAC/E,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,oBAAC,gBAAgB,IACb,KAAK,EAAE,aAAa,EACpB,UAAU,EAAE,wBAAwB,EACpC,QAAQ,EAAE,EAAE,EACZ,WAAW,EAAE,EAAE,EACf,kBAAkB,EAAE,CAAC,EACrB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,IAEnB,CAAC,YAAY,EAAE,EAAE,CAAC,CACf,6BAAK,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC;YAC7B,oBAAC,YAAY,IACT,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,sBAAsB,EAClC,mBAAmB,EAAE,mBAAmB,GAC1C,CACA,CACT,CACc,CACtB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { INotificationsPanelView } from "../types.js";
+/**
+ * @alpha
+ */
+export interface INotificationsListEmptyStateComponentProps {
+    activeView: INotificationsPanelView;
+}
+/**
+ * @internal
+ */
+export declare function DefaultNotificationsListEmptyState({ activeView, }: INotificationsListEmptyStateComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsListEmptyState.d.ts.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsListEmptyState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAKtD;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACvD,UAAU,EAAE,uBAAuB,CAAC;CACvC;AAWD;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,UAAU,GACb,EAAE,0CAA0C,qBAS5C"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js

@@ -0,0 +1,23 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { bem } from "../bem.js";
+import { defineMessages, useIntl } from "react-intl";
+const { b } = bem("gd-ui-ext-notifications-list-empty-state");
+const messages = defineMessages({
+    emptyStateAll: {
+        id: "notifications.panel.empty.all",
+    },
+    emptyStateUnread: {
+        id: "notifications.panel.empty.unread",
+    },
+});
+/**
+ * @internal
+ */
+export function DefaultNotificationsListEmptyState({ activeView, }) {
+    const intl = useIntl();
+    return (React.createElement("div", { className: b() }, activeView === "all"
+        ? intl.formatMessage(messages.emptyStateAll)
+        : intl.formatMessage(messages.emptyStateUnread)));
+}
+//# sourceMappingURL=DefaultNotificationsListEmptyState.js.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsListEmptyState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAS9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,aAAa,EAAE;QACX,EAAE,EAAE,+BAA+B;KACtC;IACD,gBAAgB,EAAE;QACd,EAAE,EAAE,kCAAkC;KACzC;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAC/C,UAAU,GAC+B;IACzC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IACd,UAAU,KAAK,KAAK;QACjB,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC;QAC5C,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CACjD,CACT,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { GoodDataSdkError } from "@gooddata/sdk-ui";
+/**
+ * @alpha
+ */
+export interface INotificationsListErrorStateComponentProps {
+    error?: GoodDataSdkError;
+}
+/**
+ * @internal
+ */
+export declare function DefaultNotificationsListErrorState({ error }: INotificationsListErrorStateComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsListErrorState.d.ts.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsListErrorState.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAKpD;;GAEG;AACH,MAAM,WAAW,0CAA0C;IACvD,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAQD;;GAEG;AACH,wBAAgB,kCAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,0CAA0C,qBAKvG"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js

@@ -0,0 +1,18 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { bem } from "../bem.js";
+import { defineMessages, useIntl } from "react-intl";
+const { b } = bem("gd-ui-ext-notifications-list-error-state");
+const messages = defineMessages({
+    errorLoadingNotifications: {
+        id: "notifications.panel.error.loading",
+    },
+});
+/**
+ * @internal
+ */
+export function DefaultNotificationsListErrorState({ error }) {
+    const intl = useIntl();
+    return (React.createElement("div", { className: b() }, error?.message ?? intl.formatMessage(messages.errorLoadingNotifications)));
+}
+//# sourceMappingURL=DefaultNotificationsListErrorState.js.map

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsListErrorState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,0CAA0C,CAAC,CAAC;AAS9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,yBAAyB,EAAE;QACvB,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,kCAAkC,CAAC,EAAE,KAAK,EAA8C;IACpG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE,IAAG,KAAK,EAAE,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAO,CACxG,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts

@@ -0,0 +1,38 @@
+import React from "react";
+import { GoodDataSdkError, UseCancelablePromiseStatus } from "@gooddata/sdk-ui";
+import { INotificationsPanelHeaderComponentProps } from "./DefaultNotificationsPanelHeader.js";
+import { INotificationsListComponentProps } from "../NotificationsList/DefaultNotificationsList.js";
+import { INotification } from "@gooddata/sdk-model";
+import { INotificationsPanelView } from "../types.js";
+import { INotificationsListEmptyStateComponentProps } from "../NotificationsList/DefaultNotificationsListEmptyState.js";
+import { INotificationsListErrorStateComponentProps } from "../NotificationsList/DefaultNotificationsListErrorState.js";
+import { INotificationComponentProps } from "../Notification/DefaultNotification.js";
+/**
+ * @alpha
+ */
+export interface INotificationsPanelComponentProps {
+    NotificationsPanelHeader: React.ComponentType<INotificationsPanelHeaderComponentProps>;
+    NotificationsList: React.ComponentType<INotificationsListComponentProps>;
+    NotificationsListEmptyState: React.ComponentType<INotificationsListEmptyStateComponentProps>;
+    NotificationsListErrorState: React.ComponentType<INotificationsListErrorStateComponentProps>;
+    Notification: React.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;
+}
+/**
+ * @internal
+ */
+export declare function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, }: INotificationsPanelComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsPanel.d.ts.map

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanel.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAChF,OAAO,EAAE,uCAAuC,EAAE,MAAM,sCAAsC,CAAC;AAE/F,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,0CAA0C,EAAE,MAAM,4DAA4D,CAAC;AACxH,OAAO,EAAE,0CAA0C,EAAE,MAAM,4DAA4D,CAAC;AACxH,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAIrF;;GAEG;AACH,MAAM,WAAW,iCAAiC;IAC9C,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IACvF,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACzE,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC7F,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAE/D,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,uBAAuB,EAAE,MAAM,IAAI,CAAC;IAEpC,UAAU,EAAE,uBAAuB,CAAC;IACpC,gBAAgB,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAE1D,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,0BAA0B,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,wBAAwB,EAAE,MAAM,CAAC;IACjC,mBAAmB,EAAE,aAAa,EAAE,CAAC;IACrC,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3D,MAAM,EAAE,0BAA0B,CAAC;IACnC,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,wBAAwB,EACxB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,YAAY,EAEZ,UAAU,EACV,gBAAgB,EAEhB,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EAEnB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,GACd,EAAE,iCAAiC,qBAyBnC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js

@@ -0,0 +1,13 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import { bem } from "../bem.js";
+const { b } = bem("gd-ui-ext-notifications-panel");
+/**
+ * @internal
+ */
+export function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, }) {
+    return (React.createElement("div", { className: b() },
+        React.createElement(NotificationsPanelHeader, { activeView: activeView, changeActiveView: changeActiveView, markAllAsRead: markAllNotificationsAsRead, hasUnreadNotifications: unreadNotificationsCount > 0, unreadNotificationsCount: unreadNotificationsCount }),
+        React.createElement(NotificationsList, { NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, activeView: activeView, onNotificationClick: onNotificationClick, notifications: activeNotifications, markNotificationAsRead: markNotificationAsRead, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage })));
+}
+//# sourceMappingURL=DefaultNotificationsPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanel.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAQhC,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,+BAA+B,CAAC,CAAC;AA+BnD;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACtC,wBAAwB,EACxB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,YAAY,EAEZ,UAAU,EACV,gBAAgB,EAEhB,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,mBAAmB,EACnB,mBAAmB,EAEnB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,GACqB;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACf,oBAAC,wBAAwB,IACrB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,0BAA0B,EACzC,sBAAsB,EAAE,wBAAwB,GAAG,CAAC,EACpD,wBAAwB,EAAE,wBAAwB,GACpD;QACF,oBAAC,iBAAiB,IACd,2BAA2B,EAAE,2BAA2B,EACxD,2BAA2B,EAAE,2BAA2B,EACxD,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,mBAAmB,EAClC,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,GAC1B,CACA,CACT,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { INotificationsPanelView } from "../types.js";
+/**
+ * @alpha
+ */
+export 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;
+}
+/**
+ * @internal
+ */
+export declare function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllAsRead, hasUnreadNotifications, unreadNotificationsCount, }: INotificationsPanelHeaderComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsPanelHeader.d.ts.map

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanelHeader.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGtD;;GAEG;AACH,MAAM,WAAW,uCAAuC;IACpD;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,gBAAgB,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,wBAAwB,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAID;;GAEG;AACH,wBAAgB,+BAA+B,CAAC,EAC5C,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,sBAAsB,EACtB,wBAAwB,GAC3B,EAAE,uCAAuC,qBA8BzC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js

@@ -0,0 +1,41 @@
+// (C) 2024 GoodData Corporation
+import React, { useCallback, useMemo } from "react";
+import { Tabs, UiButton } from "@gooddata/sdk-ui-kit";
+import { bem } from "../bem.js";
+import { defineMessages, useIntl } from "react-intl";
+const { b, e } = bem("gd-ui-ext-notifications-panel-header");
+/**
+ * @internal
+ */
+export function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllAsRead, hasUnreadNotifications, unreadNotificationsCount, }) {
+    const intl = useIntl();
+    const tabs = useMemo(() => getTabs(unreadNotificationsCount), [unreadNotificationsCount]);
+    const activeTabId = activeView === "unread" ? messages.tabUnread.id : messages.tabAll.id;
+    const onTabSelect = useCallback((tab) => {
+        const targetView = tab.id === messages.tabUnread.id ? "unread" : "all";
+        changeActiveView(targetView);
+    }, [changeActiveView]);
+    return (React.createElement("div", { className: b() },
+        React.createElement("div", { className: e("tabs") },
+            React.createElement(Tabs, { tabs: tabs, selectedTabId: activeTabId, onTabSelect: onTabSelect })),
+        React.createElement("div", { className: e("mark-all-as-read-button") },
+            React.createElement(UiButton, { variant: "popout", size: "small", label: intl.formatMessage(messages.markAllAsRead), onClick: markAllAsRead, isDisabled: !hasUnreadNotifications }))));
+}
+function getTabs(unreadNotificationsCount = 0) {
+    return [
+        { id: messages.tabUnread.id, values: { count: unreadNotificationsCount } },
+        { id: messages.tabAll.id },
+    ];
+}
+const messages = defineMessages({
+    tabUnread: {
+        id: "notifications.panel.tab.unread",
+    },
+    tabAll: {
+        id: "notifications.panel.tab.all",
+    },
+    markAllAsRead: {
+        id: "notifications.panel.markAllAsRead",
+    },
+});
+//# sourceMappingURL=DefaultNotificationsPanelHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanelHeader.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAQ,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAgCrD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,sCAAsC,CAAC,CAAC;AAE7D;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC5C,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,sBAAsB,EACtB,wBAAwB,GACc;IACtC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE1F,MAAM,WAAW,GAAG,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;IAEzF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,GAAS,EAAE,EAAE;QACV,MAAM,UAAU,GAAG,GAAG,CAAC,EAAE,KAAK,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;QACvE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACf,6BAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACrB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAI,CACxE;QACN,6BAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,CAAC;YACxC,oBAAC,QAAQ,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CAAC,EACjD,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,CAAC,sBAAsB,GACrC,CACA,CACJ,CACT,CAAC;AACN,CAAC;AAED,SAAS,OAAO,CAAC,2BAAmC,CAAC;IACjD,OAAO;QACH,EAAE,EAAE,EAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,wBAAwB,EAAE,EAAE;QAC1E,EAAE,EAAE,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,EAAE;KAC7B,CAAC;AACN,CAAC;AAED,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,SAAS,EAAE;QACP,EAAE,EAAE,gCAAgC;KACvC;IACD,MAAM,EAAE;QACJ,EAAE,EAAE,6BAA6B;KACpC;IACD,aAAa,EAAE;QACX,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.d.ts

@@ -0,0 +1,35 @@
+import React, { RefObject } from "react";
+/**
+ * @alpha
+ */
+export 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;
+}
+/**
+ * @internal
+ */
+export declare function DefaultOpenNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }: IOpenNotificationsPanelButtonComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultOpenNotificationsPanelButton.d.ts.map

package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultOpenNotificationsPanelButton.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOzC;;GAEG;AACH,MAAM,WAAW,2CAA2C;IACxD;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAEzC;;OAEG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAElC;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,uBAAuB,EAAE,MAAM,IAAI,CAAC;IAEpC;;OAEG;IACH,uBAAuB,EAAE,OAAO,CAAC;IAEjC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AACH,wBAAgB,mCAAmC,CAAC,EAChD,SAAS,EACT,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,GACzB,EAAE,2CAA2C,qBAa7C"}

package/esm/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.js

@@ -0,0 +1,16 @@
+// (C) 2024 GoodData Corporation
+import React from "react";
+import cx from "classnames";
+import { UiIcon } from "@gooddata/sdk-ui-kit";
+import { bem } from "../bem.js";
+const { b, e } = bem("gd-ui-ext-open-notifications-button");
+/**
+ * @internal
+ */
+export function DefaultOpenNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }) {
+    return (React.createElement("button", { ref: buttonRef, className: cx(`gd-button gd-header-button ${b({ isOpen: isNotificationPanelOpen })}`), onClick: toggleNotificationPanel },
+        React.createElement("span", { className: e("icon") },
+            hasUnreadNotifications ? React.createElement("span", { className: e("unread-status") }) : null,
+            React.createElement(UiIcon, { type: "alert", size: 14, color: "complementary-0" }))));
+}
+//# sourceMappingURL=DefaultOpenNotificationsPanelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultOpenNotificationsPanelButton.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultOpenNotificationsPanelButton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAEhC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,qCAAqC,CAAC,CAAC;AAqC5D;;GAEG;AACH,MAAM,UAAU,mCAAmC,CAAC,EAChD,SAAS,EACT,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,GACoB;IAC1C,OAAO,CACH,gCACI,GAAG,EAAE,SAAyC,EAC9C,SAAS,EAAE,EAAE,CAAC,8BAA8B,CAAC,CAAC,EAAE,MAAM,EAAE,uBAAuB,EAAE,CAAC,EAAE,CAAC,EACrF,OAAO,EAAE,uBAAuB;QAEhC,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACrB,sBAAsB,CAAC,CAAC,CAAC,8BAAM,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI;YACxE,oBAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CACtD,CACF,CACZ,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.d.ts

@@ -0,0 +1,58 @@
+import { IAnalyticalBackend } from "@gooddata/sdk-backend-spi";
+import React from "react";
+import { ILocale } from "@gooddata/sdk-ui";
+import { INotification } from "@gooddata/sdk-model";
+import { INotificationsPanelHeaderComponentProps } from "./DefaultNotificationsPanelHeader.js";
+import { IOpenNotificationsPanelButtonComponentProps } from "./DefaultOpenNotificationsPanelButton.js";
+import { INotificationsPanelComponentProps } from "./DefaultNotificationsPanel.js";
+import { INotificationsListComponentProps } from "../NotificationsList/DefaultNotificationsList.js";
+import { INotificationsListEmptyStateComponentProps } from "../NotificationsList/DefaultNotificationsListEmptyState.js";
+import { INotificationsListErrorStateComponentProps } from "../NotificationsList/DefaultNotificationsListErrorState.js";
+import { INotificationComponentProps } from "../Notification/DefaultNotification.js";
+/**
+ * @alpha
+ */
+export interface INotificationsPanelCustomComponentsProps {
+    /**
+     * Custom open notifications panel button component.
+     */
+    OpenNotificationsPanelButton: React.ComponentType<IOpenNotificationsPanelButtonComponentProps>;
+    /**
+     * Custom notifications panel component.
+     */
+    NotificationsPanel?: React.ComponentType<INotificationsPanelComponentProps>;
+    /**
+     * Custom notifications panel header component.
+     */
+    NotificationsPanelHeader?: React.ComponentType<INotificationsPanelHeaderComponentProps>;
+    /**
+     * Custom notifications list component.
+     */
+    NotificationsList?: React.ComponentType<INotificationsListComponentProps>;
+    /**
+     * Custom notifications list empty state component.
+     */
+    NotificationsListEmptyState?: React.ComponentType<INotificationsListEmptyStateComponentProps>;
+    /**
+     * Custom notifications list error state component.
+     */
+    NotificationsListErrorState?: React.ComponentType<INotificationsListErrorStateComponentProps>;
+    /**
+     * Custom notification component.
+     */
+    Notification?: React.ComponentType<INotificationComponentProps>;
+}
+/**
+ * @alpha
+ */
+export interface INotificationsPanelProps extends INotificationsPanelCustomComponentsProps {
+    workspace?: string;
+    backend?: IAnalyticalBackend;
+    locale?: ILocale;
+    onNotificationClick: (notification: INotification) => void;
+}
+/**
+ * @alpha
+ */
+export declare function NotificationsPanel(props: INotificationsPanelProps): React.JSX.Element;
+//# sourceMappingURL=NotificationsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationsPanel.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAe,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,OAAO,EACH,uCAAuC,EAE1C,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,2CAA2C,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,EAA6B,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAE9G,OAAO,EAEH,gCAAgC,EACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAuB,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAM1G;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACrD;;OAEG;IACH,4BAA4B,EAAE,KAAK,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;IAE/F;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;IAE5E;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAExF;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IAE1E;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE9F;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;CACnE;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wCAAwC;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,qBAYjE"}