@gooddata/sdk-ui-ext 10.18.0-alpha.8 → 10.18.0-beta.0

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

@@ -1,38 +1,128 @@
 import React from "react";
 import { GoodDataSdkError, UseCancelablePromiseStatus } from "@gooddata/sdk-ui";
+import { INotification } from "@gooddata/sdk-model";
 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";
+import { INotificationSkeletonItemComponentProps } from "../NotificationsList/DefaultSkeletonItem.js";
+import { INotificationsPanelView } from "../types.js";
 /**
- * @alpha
+ * NotificationsPanel component props.
+ *
+ * @public
  */
 export interface 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>;
+    /**
+     * Custom notification skeleton item component.
+     */
+    NotificationSkeletonItem: React.ComponentType<INotificationSkeletonItemComponentProps>;
+    /**
+     * The callback to toggle the notifications panel.
+     */
     toggleNotificationsPanel: () => void;
+    /**
+     * The callback to open the notifications panel.
+     */
     openNotificationsPanel: () => void;
+    /**
+     * The callback to close the notifications panel.
+     */
     closeNotificationsPanel: () => void;
+    /**
+     * The currently active view of the notifications panel.
+     */
     activeView: INotificationsPanelView;
+    /**
+     * The callback to change the active view of the notifications panel.
+     */
     changeActiveView: (view: INotificationsPanelView) => void;
+    /**
+     * The callback to mark a notification as read.
+     */
     markNotificationAsRead: (notificationId: string) => Promise<void>;
+    /**
+     * The callback to mark all notifications as read.
+     */
     markAllNotificationsAsRead: () => Promise<void>;
+    /**
+     * The number of unread notifications.
+     */
     unreadNotificationsCount: number;
+    /**
+     * Indicates if there are unread notifications.
+     */
+    hasUnreadNotifications: boolean;
+    /**
+     * Loaded notifications, relevant for the currently active view.
+     */
     activeNotifications: INotification[];
+    /**
+     * The callback to handle a notification click.
+     */
     onNotificationClick: (notification: INotification) => void;
+    /**
+     * The status of the notifications loading.
+     */
     status: UseCancelablePromiseStatus;
+    /**
+     * The error that occurred while loading notifications.
+     */
     error?: GoodDataSdkError;
+    /**
+     * The callback to load the next page of notifications.
+     */
     loadNextPage: () => void;
+    /**
+     * Indicates if there is a next page of notifications.
+     */
     hasNextPage: boolean;
+    /**
+     * The height of the notification item in pixels.
+     */
+    itemHeight: number;
+    /**
+     * Gap between notification items in pixels.
+     */
+    itemsGap: number;
+    /**
+     * Padding of the notification item (from left/right) in pixels.
+     */
+    itemPadding: number;
+    /**
+     * Number of skeleton items to render when loading notifications.
+     */
+    skeletonItemsCount: number;
+    /**
+     * Maximum height of the notifications list in pixels.
+     */
+    maxListHeight?: number;
 }
 /**
- * @internal
+ * Default implementation of the NotificationsPanel component.
+ *
+ * @public
  */
-export declare function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, }: INotificationsPanelComponentProps): React.JSX.Element;
+export declare function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, NotificationSkeletonItem, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, hasUnreadNotifications, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, itemHeight, itemsGap, itemPadding, skeletonItemsCount, maxListHeight, }: INotificationsPanelComponentProps): React.JSX.Element;
 //# sourceMappingURL=DefaultNotificationsPanel.d.ts.map

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

@@ -1 +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"}
+{"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,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,uCAAuC,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAAE,gCAAgC,EAAE,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAE,0CAA0C,EAAE,MAAM,4DAA4D,CAAC;AACxH,OAAO,EAAE,0CAA0C,EAAE,MAAM,4DAA4D,CAAC;AACxH,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,uCAAuC,EAAE,MAAM,6CAA6C,CAAC;AAEtG,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAItD;;;;GAIG;AACH,MAAM,WAAW,iCAAiC;IAC9C;;OAEG;IACH,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAEvF;;OAEG;IACH,iBAAiB,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IAEzE;;OAEG;IACH,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE7F;;OAEG;IACH,2BAA2B,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE7F;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAE/D;;OAEG;IACH,wBAAwB,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAEvF;;OAEG;IACH,wBAAwB,EAAE,MAAM,IAAI,CAAC;IAErC;;OAEG;IACH,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAEnC;;OAEG;IACH,uBAAuB,EAAE,MAAM,IAAI,CAAC;IAEpC;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,gBAAgB,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAElE;;OAEG;IACH,0BAA0B,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhD;;OAEG;IACH,wBAAwB,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC;IAEhC;;OAEG;IACH,mBAAmB,EAAE,aAAa,EAAE,CAAC;IAErC;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,MAAM,EAAE,0BAA0B,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,EACtC,wBAAwB,EACxB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,YAAY,EACZ,wBAAwB,EAExB,UAAU,EACV,gBAAgB,EAEhB,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EAEnB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EAEX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GAChB,EAAE,iCAAiC,qBA+BnC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.js

@@ -1,13 +1,15 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import React from "react";
 import { bem } from "../bem.js";
 const { b } = bem("gd-ui-ext-notifications-panel");
 /**
- * @internal
+ * Default implementation of the NotificationsPanel component.
+ *
+ * @public
  */
-export function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, }) {
+export function DefaultNotificationsPanel({ NotificationsPanelHeader, NotificationsList, NotificationsListEmptyState, NotificationsListErrorState, Notification, NotificationSkeletonItem, activeView, changeActiveView, markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, hasUnreadNotifications, activeNotifications, onNotificationClick, status, error, loadNextPage, hasNextPage, itemHeight, itemsGap, itemPadding, skeletonItemsCount, maxListHeight, }) {
     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 })));
+        React.createElement(NotificationsPanelHeader, { activeView: activeView, changeActiveView: changeActiveView, markAllNotificationsAsRead: markAllNotificationsAsRead, hasUnreadNotifications: hasUnreadNotifications, unreadNotificationsCount: unreadNotificationsCount }),
+        React.createElement(NotificationsList, { NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, NotificationSkeletonItem: NotificationSkeletonItem, activeView: activeView, onNotificationClick: onNotificationClick, activeNotifications: activeNotifications, markNotificationAsRead: markNotificationAsRead, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage, itemHeight: itemHeight, itemsGap: itemsGap, itemPadding: itemPadding, skeletonItemsCount: skeletonItemsCount, maxListHeight: maxListHeight })));
 }
 //# sourceMappingURL=DefaultNotificationsPanel.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsPanel.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanel.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAGhC,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,+BAA+B,CAAC,CAAC;AA2InD;;;;GAIG;AACH,MAAM,UAAU,yBAAyB,CAAC,EACtC,wBAAwB,EACxB,iBAAiB,EACjB,2BAA2B,EAC3B,2BAA2B,EAC3B,YAAY,EACZ,wBAAwB,EAExB,UAAU,EACV,gBAAgB,EAEhB,sBAAsB,EACtB,0BAA0B,EAC1B,wBAAwB,EACxB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EAEnB,MAAM,EACN,KAAK,EACL,YAAY,EACZ,WAAW,EAEX,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GACmB;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,EAAE;QACf,oBAAC,wBAAwB,IACrB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,0BAA0B,EAAE,0BAA0B,EACtD,sBAAsB,EAAE,sBAAsB,EAC9C,wBAAwB,EAAE,wBAAwB,GACpD;QACF,oBAAC,iBAAiB,IACd,2BAA2B,EAAE,2BAA2B,EACxD,2BAA2B,EAAE,2BAA2B,EACxD,YAAY,EAAE,YAAY,EAC1B,wBAAwB,EAAE,wBAAwB,EAClD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,EACxC,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,GAC9B,CACA,CACT,CAAC;AACN,CAAC"}

package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.d.ts → DefaultNotificationsPanelButton.d.ts}

@@ -1,12 +1,14 @@
-import React, { RefObject } from "react";
+import React from "react";
 /**
- * @alpha
+ * OpenNotificationsPanelButton component props.
+ *
+ * @public
  */
-export interface IOpenNotificationsPanelButtonComponentProps {
+export interface INotificationsPanelButtonComponentProps {
     /**
      * Ref to the button element - is required for proper alignment of the notification panel.
      */
-    buttonRef: RefObject<HTMLElement | null>;
+    buttonRef: React.RefObject<HTMLButtonElement>;
     /**
      * Opens the notification panel.
      */
@@ -31,5 +33,5 @@ export interface IOpenNotificationsPanelButtonComponentProps {
 /**
  * @internal
  */
-export declare function DefaultOpenNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }: IOpenNotificationsPanelButtonComponentProps): React.JSX.Element;
-//# sourceMappingURL=DefaultOpenNotificationsPanelButton.d.ts.map
+export declare function DefaultNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }: INotificationsPanelButtonComponentProps): React.JSX.Element;
+//# sourceMappingURL=DefaultNotificationsPanelButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanelButton.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B;;;;GAIG;AACH,MAAM,WAAW,uCAAuC;IACpD;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE9C;;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,+BAA+B,CAAC,EAC5C,SAAS,EACT,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,GACzB,EAAE,uCAAuC,qBAazC"}

package/esm/notificationsPanel/NotificationsPanel/{DefaultOpenNotificationsPanelButton.js → DefaultNotificationsPanelButton.js}

@@ -1,16 +1,16 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 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");
+const { b, e } = bem("gd-ui-ext-notifications-panel-button");
 /**
  * @internal
  */
-export function DefaultOpenNotificationsPanelButton({ buttonRef, isNotificationPanelOpen, toggleNotificationPanel, hasUnreadNotifications, }) {
+export function DefaultNotificationsPanelButton({ 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
+//# sourceMappingURL=DefaultNotificationsPanelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultNotificationsPanelButton.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,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,sCAAsC,CAAC,CAAC;AAuC7D;;GAEG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC5C,SAAS,EACT,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,GACgB;IACtC,OAAO,CACH,gCACI,GAAG,EAAE,SAAS,EACd,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/DefaultNotificationsPanelHeader.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
 import { INotificationsPanelView } from "../types.js";
 /**
- * @alpha
+ * Props for the NotificationsPanelHeader component.
+ *
+ * @public
  */
 export interface INotificationsPanelHeaderComponentProps {
     /**
@@ -23,10 +25,12 @@ export interface INotificationsPanelHeaderComponentProps {
     /**
      * The callback to mark all notifications as read.
      */
-    markAllAsRead: () => void;
+    markAllNotificationsAsRead: () => void;
 }
 /**
- * @internal
+ * Default implementation of the notifications panel header.
+ *
+ * @public
  */
-export declare function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllAsRead, hasUnreadNotifications, unreadNotificationsCount, }: INotificationsPanelHeaderComponentProps): React.JSX.Element;
+export declare function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllNotificationsAsRead, hasUnreadNotifications, unreadNotificationsCount, }: INotificationsPanelHeaderComponentProps): React.JSX.Element;
 //# sourceMappingURL=DefaultNotificationsPanelHeader.d.ts.map

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

@@ -1 +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"}
+{"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;;;;GAIG;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,0BAA0B,EAAE,MAAM,IAAI,CAAC;CAC1C;AAID;;;;GAIG;AACH,wBAAgB,+BAA+B,CAAC,EAC5C,UAAU,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,GAC3B,EAAE,uCAAuC,qBA8BzC"}

package/esm/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.js

@@ -1,13 +1,15 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 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
+ * Default implementation of the notifications panel header.
+ *
+ * @public
  */
-export function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllAsRead, hasUnreadNotifications, unreadNotificationsCount, }) {
+export function DefaultNotificationsPanelHeader({ activeView, changeActiveView, markAllNotificationsAsRead, hasUnreadNotifications, unreadNotificationsCount, }) {
     const intl = useIntl();
     const tabs = useMemo(() => getTabs(unreadNotificationsCount), [unreadNotificationsCount]);
     const activeTabId = activeView === "unread" ? messages.tabUnread.id : messages.tabAll.id;
@@ -19,7 +21,7 @@ export function DefaultNotificationsPanelHeader({ activeView, changeActiveView,
         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 }))));
+            React.createElement(UiButton, { variant: "popout", size: "small", label: intl.formatMessage(messages.markAllAsRead), onClick: markAllNotificationsAsRead, isDisabled: !hasUnreadNotifications }))));
 }
 function getTabs(unreadNotificationsCount = 0) {
     return [

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsPanelHeader.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/DefaultNotificationsPanelHeader.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,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;AAkCrD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,sCAAsC,CAAC,CAAC;AAE7D;;;;GAIG;AACH,MAAM,UAAU,+BAA+B,CAAC,EAC5C,UAAU,EACV,gBAAgB,EAChB,0BAA0B,EAC1B,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,0BAA0B,EACnC,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/NotificationsPanel.d.ts

@@ -3,20 +3,23 @@ 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 { INotificationsPanelButtonComponentProps } from "./DefaultNotificationsPanelButton.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";
+import { INotificationSkeletonItemComponentProps } from "../NotificationsList/DefaultSkeletonItem.js";
 /**
- * @alpha
+ * @public
  */
 export interface INotificationsPanelCustomComponentsProps {
     /**
      * Custom open notifications panel button component.
+     *
+     * - Required if renderInline is not enabled.
      */
-    OpenNotificationsPanelButton: React.ComponentType<IOpenNotificationsPanelButtonComponentProps>;
+    NotificationsPanelButton?: React.ComponentType<INotificationsPanelButtonComponentProps>;
     /**
      * Custom notifications panel component.
      */
@@ -41,36 +44,97 @@ export interface INotificationsPanelCustomComponentsProps {
      * Custom notification component.
      */
     Notification?: React.ComponentType<INotificationComponentProps>;
+    /**
+     * Custom notification skeleton item component.
+     */
+    NotificationSkeletonItem?: React.ComponentType<INotificationSkeletonItemComponentProps>;
 }
 /**
- * @alpha
+ * @public
  */
 export interface INotificationsPanelProps extends INotificationsPanelCustomComponentsProps {
+    /**
+     * Locale to use.
+     */
+    locale?: ILocale;
     /**
      * Backend to use.
+     *
+     * - If not defined, the backend from the BackendProvider context will be used.
      */
     backend?: IAnalyticalBackend;
     /**
      * Workspace ID to use.
+     *
+     * - If not defined, the workspace ID from the WorkspaceProvider context will be used.
+     * - If workspace is not defined and there is no WorkspaceProvider, notifications will be loaded from all workspaces.
      */
     workspace?: string;
+    /**
+     * Enable inline rendering of the notifications panel
+     *
+     * - Default: false
+     * - If enabled, NotificationsPanelButton won't be rendered, and NotificationsPanel won't be rendered inside modal
+     * - This is useful when you want to render notifications panel in a custom modal.
+     */
+    renderInline?: boolean;
     /**
      * Refresh interval in milliseconds.
-     * Default is 10 minutes.
-     * If set to 0, notifications will not be refreshed automatically.
+     *
+     * - Default: 600000 (10 minutes)
+     * - If set to 0, notifications won't be refreshed automatically.
      */
     refreshInterval?: number;
     /**
-     * Locale to use.
+     * Number of notifications to load per page.
+     *
+     * - Default: 50
      */
-    locale?: ILocale;
+    itemsPerPage?: number;
+    /**
+     * Number of skeleton items to render when loading notifications.
+     *
+     * - Default: 5
+     */
+    skeletonItemsCount?: number;
+    /**
+     * Height of the item in notifications list in pixels.
+     *
+     * - Default: 52
+     */
+    itemHeight?: number;
+    /**
+     * Optionally override max width of the notifications panel.
+     *
+     * - Does not have effect when renderInline is true - inline rendering always fills the parent container.
+     */
+    maxWidth?: number | string;
+    /**
+     * Maximum height of the notifications list in pixels.
+     *
+     * - Default: 527
+     * - Does not have effect when renderInline is true - inline rendering always fills the parent container.
+     */
+    maxListHeight?: number;
+    /**
+     * Gap between notification items in the list in pixels.
+     *
+     * - Default: 10
+     */
+    itemsGap?: number;
+    /**
+     * Padding of the notification item (from left and right) in pixels.
+     *
+     * - Default: 15
+     */
+    itemPadding?: number;
     /**
-     * Handler for notification click.
+     * Callback for notification click.
      */
-    onNotificationClick: (notification: INotification) => void;
+    onNotificationClick?: (notification: INotification) => void;
 }
 /**
- * @alpha
+ * @public
  */
 export declare function NotificationsPanel(props: INotificationsPanelProps): React.JSX.Element;
 //# sourceMappingURL=NotificationsPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsPanel.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsPanel/NotificationsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EAAe,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAKjE,OAAO,EACH,uCAAuC,EAE1C,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,2CAA2C,EAAE,MAAM,0CAA0C,CAAC;AACvG,OAAO,EAA6B,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAE9G,OAAO,EAEH,gCAAgC,EACnC,MAAM,kDAAkD,CAAC;AAC1D,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAEH,0CAA0C,EAC7C,MAAM,4DAA4D,CAAC;AACpE,OAAO,EAAuB,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AAM1G;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACrD;;OAEG;IACH,4BAA4B,EAAE,KAAK,CAAC,aAAa,CAAC,2CAA2C,CAAC,CAAC;IAE/F;;OAEG;IACH,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iCAAiC,CAAC,CAAC;IAE5E;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAExF;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gCAAgC,CAAC,CAAC;IAE1E;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAE9F;;OAEG;IACH,2BAA2B,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,0CAA0C,CAAC,CAAC;IAC9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;CACnE;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wCAAwC;IACtF;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC9D;AAOD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,qBAYjE"}
+{"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;AAOjE,OAAO,EACH,uCAAuC,EAE1C,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,uCAAuC,EAAE,MAAM,sCAAsC,CAAC;AAC/F,OAAO,EAA6B,iCAAiC,EAAE,MAAM,gCAAgC,CAAC;AAC9G,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;AAC1G,OAAO,EAEH,uCAAuC,EAC1C,MAAM,6CAA6C,CAAC;AASrD;;GAEG;AACH,MAAM,WAAW,wCAAwC;IACrD;;;;OAIG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;IAExF;;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;IAE9F;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,2BAA2B,CAAC,CAAC;IAEhE;;OAEG;IACH,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,uCAAuC,CAAC,CAAC;CAC3F;AAED;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,wCAAwC;IACtF;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;CAC/D;AAOD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,wBAAwB,qBAiBjE"}

package/esm/notificationsPanel/NotificationsPanel/NotificationsPanel.js

@@ -1,41 +1,46 @@
 import React, { useCallback, useMemo, useRef, useState } from "react";
 import { assertNever } from "@gooddata/sdk-model";
+import { Overlay, alignConfigToAlignPoint } from "@gooddata/sdk-ui-kit";
+import { invariant } from "ts-invariant";
 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";
+import { DefaultNotificationSkeletonItem, } from "../NotificationsList/DefaultSkeletonItem.js";
 const ALIGN_POINTS = [
     alignConfigToAlignPoint({ triggerAlignPoint: "bottom-right", overlayAlignPoint: "top-right" }),
+    alignConfigToAlignPoint({ triggerAlignPoint: "bottom-left", overlayAlignPoint: "top-left" }),
+    alignConfigToAlignPoint({ triggerAlignPoint: "top-right", overlayAlignPoint: "bottom-right" }),
+    alignConfigToAlignPoint({ triggerAlignPoint: "top-left", overlayAlignPoint: "bottom-left" }),
 ];
 /**
  * 10 minutes in milliseconds.
  */
 const TEN_MINUTES = 1000 * 60 * 10;
 /**
- * @alpha
+ * @public
  */
 export function NotificationsPanel(props) {
-    const { locale, refreshInterval = TEN_MINUTES, backend, workspace } = props;
+    const { locale, refreshInterval = TEN_MINUTES, itemsPerPage = 50, backend, workspace } = props;
     return (React.createElement(OrganizationProvider, null,
-        React.createElement(NotificationsProvider, { backend: backend, workspace: workspace, refreshInterval: refreshInterval },
+        React.createElement(NotificationsProvider, { backend: backend, workspace: workspace, refreshInterval: refreshInterval, itemsPerPage: itemsPerPage },
             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, }) {
+function NotificationsPanelController({ NotificationsPanelButton, NotificationsPanel = DefaultNotificationsPanel, NotificationsPanelHeader = DefaultNotificationsPanelHeader, NotificationsList = DefaultNotificationsList, NotificationsListEmptyState = DefaultNotificationsListEmptyState, NotificationsListErrorState = DefaultNotificationsListErrorState, Notification = DefaultNotification, NotificationSkeletonItem = DefaultNotificationSkeletonItem, onNotificationClick, renderInline = false, itemHeight = 52, maxWidth = 370, maxListHeight = 527, itemsGap = 10, itemPadding = 15, skeletonItemsCount = 5, }) {
     const { buttonRef, isOpen, openNotificationsPanel, closeNotificationsPanel, toggleNotificationsPanel, 
     //
     activeView, changeActiveView, 
     //
-    markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, activeNotifications, 
+    markNotificationAsRead, markAllNotificationsAsRead, unreadNotificationsCount, hasUnreadNotifications, activeNotifications, 
     //
     status, error, loadNextPage, hasNextPage, } = useNotificationsPanelController();
     const handleNotificationClick = useCallback((notification) => {
@@ -43,17 +48,20 @@ function NotificationsPanelController({ OpenNotificationsPanelButton, Notificati
         closeNotificationsPanel();
         onNotificationClick?.(notification);
     }, [markNotificationAsRead, closeNotificationsPanel, onNotificationClick]);
+    const notificationsPanel = (React.createElement(NotificationsPanel, { NotificationsPanelHeader: NotificationsPanelHeader, NotificationsList: NotificationsList, NotificationsListEmptyState: NotificationsListEmptyState, NotificationsListErrorState: NotificationsListErrorState, Notification: Notification, NotificationSkeletonItem: NotificationSkeletonItem, toggleNotificationsPanel: toggleNotificationsPanel, openNotificationsPanel: openNotificationsPanel, closeNotificationsPanel: closeNotificationsPanel, activeView: activeView, changeActiveView: changeActiveView, markNotificationAsRead: markNotificationAsRead, markAllNotificationsAsRead: markAllNotificationsAsRead, unreadNotificationsCount: unreadNotificationsCount, hasUnreadNotifications: hasUnreadNotifications, activeNotifications: activeNotifications, onNotificationClick: handleNotificationClick, status: status, error: error, loadNextPage: loadNextPage, hasNextPage: hasNextPage, itemHeight: itemHeight, itemsGap: itemsGap, itemPadding: itemPadding, skeletonItemsCount: skeletonItemsCount, maxListHeight: renderInline ? undefined : maxListHeight }));
+    if (renderInline) {
+        return notificationsPanel;
+    }
+    invariant(NotificationsPanelButton, "If renderInline is not enabled, NotificationsPanelButton is required.");
     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));
+        React.createElement(NotificationsPanelButton, { buttonRef: buttonRef, isNotificationPanelOpen: isOpen, toggleNotificationPanel: toggleNotificationsPanel, openNotificationPanel: openNotificationsPanel, closeNotificationPanel: closeNotificationsPanel, hasUnreadNotifications: hasUnreadNotifications }),
+        isOpen ? (React.createElement(Overlay, { isModal: false, alignTo: buttonRef.current, alignPoints: ALIGN_POINTS, closeOnEscape: true, closeOnOutsideClick: true, closeOnParentScroll: false, closeOnMouseDrag: false, onClose: closeNotificationsPanel, width: "100%", maxWidth: maxWidth }, notificationsPanel)) : 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);
@@ -73,6 +81,7 @@ function useNotificationsPanelController() {
     const error = activeView === "unread" ? unreadNotificationsError : notificationsError;
     const loadNextPage = activeView === "unread" ? unreadNotificationsLoadNextPage : notificationsLoadNextPage;
     const hasNextPage = activeView === "unread" ? unreadNotificationsHasNextPage : notificationsHasNextPage;
+    const hasUnreadNotifications = unreadNotificationsCount > 0;
     return {
         buttonRef,
         isOpen,
@@ -85,6 +94,7 @@ function useNotificationsPanelController() {
         //
         markNotificationAsRead,
         markAllNotificationsAsRead,
+        hasUnreadNotifications,
         unreadNotificationsCount,
         activeNotifications,
         //

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

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

package/esm/notificationsPanel/bem.d.ts

@@ -1,3 +1,8 @@
+/**
+ * BEM factory for sdk-ui-ext
+ *
+ * @internal
+ */
 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;

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

@@ -1 +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"}
+{"version":3,"file":"bem.d.ts","sourceRoot":"","sources":["../../src/notificationsPanel/bem.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,GAAG,UAAW,aAAa,MAAM,EAAE;;;CAAmC,CAAC"}

package/esm/notificationsPanel/bem.js

@@ -1,4 +1,9 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import { bemFactory } from "@gooddata/sdk-ui-kit";
+/**
+ * BEM factory for sdk-ui-ext
+ *
+ * @internal
+ */
 export const bem = (block) => bemFactory(block);
 //# sourceMappingURL=bem.js.map

package/esm/notificationsPanel/bem.js.map

@@ -1 +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"}
+{"version":3,"file":"bem.js","sourceRoot":"","sources":["../../src/notificationsPanel/bem.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAA4B,EAAE,EAAE,CAAC,UAAU,CAAc,KAAK,CAAC,CAAC"}