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

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsList.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,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;AACtD,OAAO,EAAE,0CAA0C,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,EAAE,0CAA0C,EAAE,MAAM,yCAAyC,CAAC;AACrG,OAAO,EAAE,uCAAuC,EAAE,MAAM,0BAA0B,CAAC;AAInF;;;;GAIG;AACH,MAAM,WAAW,gCAAgC;IAC7C;;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,UAAU,EAAE,uBAAuB,CAAC;IAEpC;;OAEG;IACH,MAAM,EAAE,0BAA0B,CAAC;IAEnC;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,mBAAmB,CAAC,EAAE,aAAa,EAAE,CAAC;IAEtC;;OAEG;IACH,sBAAsB,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAElE;;OAEG;IACH,mBAAmB,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,EAAE,MAAM,IAAI,CAAC;IAEzB;;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,wBAAwB,CAAC,EACrC,YAAY,EACZ,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,UAAU,EACV,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAiB,GACpB,EAAE,gCAAgC,qBAyClC"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsList.js

@@ -1,23 +1,24 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import React from "react";
+import { useElementSize, UiPagedVirtualList } from "@gooddata/sdk-ui-kit";
 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");
+const { b } = bem("gd-ui-ext-notifications-list");
 /**
- * @internal
+ * Default implementation of the NotificationsList component.
+ *
+ * @public
  */
-export function DefaultNotificationsList({ Notification, activeView, status, error, notifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, }) {
+export function DefaultNotificationsList({ Notification, NotificationsListEmptyState, NotificationsListErrorState, NotificationSkeletonItem, activeView, status, error, activeNotifications, markNotificationAsRead, onNotificationClick, hasNextPage, loadNextPage, itemHeight, itemsGap, itemPadding, skeletonItemsCount, maxListHeight = 0, }) {
     const isError = status === "error";
-    const isEmpty = status === "success" && notifications?.length === 0;
+    const isEmpty = status === "success" && activeNotifications?.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));
+    const isSuccess = status === "success" && (activeNotifications?.length ?? 0) > 0;
+    const { height, ref } = useElementSize();
+    return (React.createElement("div", { className: b(), ref: (node) => {
+            ref.current = node;
+        } },
+        isError ? React.createElement(NotificationsListErrorState, { error: error }) : null,
+        isEmpty ? React.createElement(NotificationsListEmptyState, { activeView: activeView }) : null,
+        isLoading || isSuccess ? (React.createElement(UiPagedVirtualList, { items: activeNotifications, itemHeight: itemHeight, itemsGap: itemsGap, itemPadding: itemPadding, skeletonItemsCount: skeletonItemsCount, hasNextPage: hasNextPage, loadNextPage: loadNextPage, isLoading: isLoading, maxHeight: Math.max(maxListHeight, height, (itemHeight + itemsGap) * skeletonItemsCount), SkeletonItem: NotificationSkeletonItem }, (notification) => (React.createElement(Notification, { notification: notification, markNotificationAsRead: markNotificationAsRead, onNotificationClick: onNotificationClick })))) : null));
 }
 //# sourceMappingURL=DefaultNotificationsList.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsList.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsList.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1E,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAOhC,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,8BAA8B,CAAC,CAAC;AA8FlD;;;;GAIG;AACH,MAAM,UAAU,wBAAwB,CAAC,EACrC,YAAY,EACZ,2BAA2B,EAC3B,2BAA2B,EAC3B,wBAAwB,EACxB,UAAU,EACV,MAAM,EACN,KAAK,EACL,mBAAmB,EACnB,sBAAsB,EACtB,mBAAmB,EACnB,WAAW,EACX,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,WAAW,EACX,kBAAkB,EAClB,aAAa,GAAG,CAAC,GACc;IAC/B,MAAM,OAAO,GAAG,MAAM,KAAK,OAAO,CAAC;IACnC,MAAM,OAAO,GAAG,MAAM,KAAK,SAAS,IAAI,mBAAmB,EAAE,MAAM,KAAK,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,SAAS,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,KAAK,SAAS,IAAI,CAAC,mBAAmB,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;IAEjF,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,cAAc,EAAE,CAAC;IAEzC,OAAO,CACH,6BACI,SAAS,EAAE,CAAC,EAAE,EACd,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;YACV,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,CAAC;QAEA,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI;QAC9D,OAAO,CAAC,CAAC,CAAC,oBAAC,2BAA2B,IAAC,UAAU,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI;QACxE,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,IACf,KAAK,EAAE,mBAAmB,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,MAAM,EAAE,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,kBAAkB,CAAC,EACxF,YAAY,EAAE,wBAAwB,IAErC,CAAC,YAAY,EAAE,EAAE,CAAC,CACf,oBAAC,YAAY,IACT,YAAY,EAAE,YAAY,EAC1B,sBAAsB,EAAE,sBAAsB,EAC9C,mBAAmB,EAAE,mBAAmB,GAC1C,CACL,CACgB,CACxB,CAAC,CAAC,CAAC,IAAI,CACN,CACT,CAAC;AACN,CAAC"}

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

@@ -1,13 +1,20 @@
 import React from "react";
 import { INotificationsPanelView } from "../types.js";
 /**
- * @alpha
+ * Props for the NotificationsListEmptyState component.
+ *
+ * @public
  */
 export interface INotificationsListEmptyStateComponentProps {
+    /**
+     * Active view of the notifications list.
+     */
     activeView: INotificationsPanelView;
 }
 /**
- * @internal
+ * Default implementation of the NotificationsListEmptyState component.
+ *
+ * @public
  */
 export declare function DefaultNotificationsListEmptyState({ activeView, }: INotificationsListEmptyStateComponentProps): React.JSX.Element;
 //# sourceMappingURL=DefaultNotificationsListEmptyState.d.ts.map

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

@@ -1 +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"}
+{"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;;;;GAIG;AACH,MAAM,WAAW,0CAA0C;IACvD;;OAEG;IACH,UAAU,EAAE,uBAAuB,CAAC;CACvC;AAWD;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,EAC/C,UAAU,GACb,EAAE,0CAA0C,qBAS5C"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.js

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import React from "react";
 import { bem } from "../bem.js";
 import { defineMessages, useIntl } from "react-intl";
@@ -12,7 +12,9 @@ const messages = defineMessages({
     },
 });
 /**
- * @internal
+ * Default implementation of the NotificationsListEmptyState component.
+ *
+ * @public
  */
 export function DefaultNotificationsListEmptyState({ activeView, }) {
     const intl = useIntl();

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsListEmptyState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListEmptyState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,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;AAc9D,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;;;;GAIG;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

@@ -1,13 +1,20 @@
 import React from "react";
 import { GoodDataSdkError } from "@gooddata/sdk-ui";
 /**
- * @alpha
+ * Props for the NotificationsListErrorState component.
+ *
+ * @public
  */
 export interface INotificationsListErrorStateComponentProps {
+    /**
+     * Error to display.
+     */
     error?: GoodDataSdkError;
 }
 /**
- * @internal
+ * Default implementation of the NotificationsListErrorState component.
+ *
+ * @public
  */
 export declare function DefaultNotificationsListErrorState({ error }: INotificationsListErrorStateComponentProps): React.JSX.Element;
 //# sourceMappingURL=DefaultNotificationsListErrorState.d.ts.map

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

@@ -1 +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"}
+{"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;;;;GAIG;AACH,MAAM,WAAW,0CAA0C;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAQD;;;;GAIG;AACH,wBAAgB,kCAAkC,CAAC,EAAE,KAAK,EAAE,EAAE,0CAA0C,qBAKvG"}

package/esm/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.js

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import React from "react";
 import { bem } from "../bem.js";
 import { defineMessages, useIntl } from "react-intl";
@@ -9,7 +9,9 @@ const messages = defineMessages({
     },
 });
 /**
- * @internal
+ * Default implementation of the NotificationsListErrorState component.
+ *
+ * @public
  */
 export function DefaultNotificationsListErrorState({ error }) {
     const intl = useIntl();

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

@@ -1 +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"}
+{"version":3,"file":"DefaultNotificationsListErrorState.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultNotificationsListErrorState.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,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;AAc9D,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC5B,yBAAyB,EAAE;QACvB,EAAE,EAAE,mCAAmC;KAC1C;CACJ,CAAC,CAAC;AAEH;;;;GAIG;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/NotificationsList/DefaultSkeletonItem.d.ts

@@ -0,0 +1,19 @@
+import { UiSkeleton } from "@gooddata/sdk-ui-kit";
+/**
+ * Props for the NotificationSkeletonItem component.
+ *
+ * @public
+ */
+export interface INotificationSkeletonItemComponentProps {
+    /**
+     * Height of the skeleton item in pixels.
+     */
+    itemHeight: number;
+}
+/**
+ * Default implementation of the NotificationSkeletonItem component.
+ *
+ * @public
+ */
+export declare const DefaultNotificationSkeletonItem: typeof UiSkeleton;
+//# sourceMappingURL=DefaultSkeletonItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSkeletonItem.d.ts","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultSkeletonItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD;;;;GAIG;AACH,MAAM,WAAW,uCAAuC;IACpD;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,+BAA+B,mBAAa,CAAC"}

package/esm/notificationsPanel/NotificationsList/DefaultSkeletonItem.js

@@ -0,0 +1,9 @@
+// (C) 2024-2025 GoodData Corporation
+import { UiSkeleton } from "@gooddata/sdk-ui-kit";
+/**
+ * Default implementation of the NotificationSkeletonItem component.
+ *
+ * @public
+ */
+export const DefaultNotificationSkeletonItem = UiSkeleton;
+//# sourceMappingURL=DefaultSkeletonItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSkeletonItem.js","sourceRoot":"","sources":["../../../src/notificationsPanel/NotificationsList/DefaultSkeletonItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAclD;;;;GAIG;AACH,MAAM,CAAC,MAAM,+BAA+B,GAAG,UAAU,CAAC"}

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

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;AAQ1B;;;;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,qBAczC"}

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

@@ -1,16 +1,18 @@
-// (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");
+import { useIsDarkTheme } from "@gooddata/sdk-ui-theme-provider";
+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, }) {
+    const isDarkTheme = useIsDarkTheme();
     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" }))));
+            React.createElement(UiIcon, { type: "alert", size: 14, color: isDarkTheme ? "complementary-9" : "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;AAChC,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEjE,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,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,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,EAAE,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,GAAI,CAC1F,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"}