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

package/esm/@ui/@types/icon.d.ts

@@ -1,5 +1,5 @@
 /**
  * @internal
  */
-export type IconType = "check" | "plus" | "sync" | "alert" | "close";
+export type IconType = "check" | "plus" | "sync" | "alert" | "close" | "question";
 //# sourceMappingURL=icon.d.ts.map

package/esm/@ui/@types/icon.d.ts.map

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

package/esm/@ui/@types/icon.js

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

package/esm/@ui/@types/icon.js.map

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

package/esm/@ui/UiButton/UiButton.d.ts

@@ -16,9 +16,10 @@ export interface UiButtonProps {
     isLoading?: boolean;
     tooltip?: React.ReactNode;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    dataId?: string;
 }
 /**
  * @internal
  */
-export declare const UiButton: ({ buttonRef, size, variant, label, isDisabled, isLoading, iconBefore, iconAfter, onClick, }: UiButtonProps) => React.JSX.Element;
+export declare const UiButton: ({ buttonRef, size, variant, label, isDisabled, isLoading, iconBefore, iconAfter, onClick, dataId, }: UiButtonProps) => React.JSX.Element;
 //# sourceMappingURL=UiButton.d.ts.map

package/esm/@ui/UiButton/UiButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,EAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,gGAUlB,aAAa,sBAwBf,CAAC"}
+{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,aAAa,EAChB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAG7C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAID;;GAEG;AACH,eAAO,MAAM,QAAQ,wGAWlB,aAAa,sBAyBf,CAAC"}

package/esm/@ui/UiButton/UiButton.js

@@ -6,9 +6,9 @@ const { b, e } = bem("gd-ui-kit-button");
 /**
  * @internal
  */
-export const UiButton = ({ buttonRef, size = "medium", variant = "secondary", label, isDisabled, isLoading, iconBefore, iconAfter, onClick, }) => {
+export const UiButton = ({ buttonRef, size = "medium", variant = "secondary", label, isDisabled, isLoading, iconBefore, iconAfter, onClick, dataId, }) => {
     const iconPosition = iconBefore ? "left" : iconAfter ? "right" : undefined;
-    return (React.createElement("button", { ref: buttonRef, className: b({ size, variant, isLoading, iconPosition }), disabled: isDisabled, tabIndex: 0, onClick: onClick },
+    return (React.createElement("button", { ref: buttonRef, className: b({ size, variant, isLoading, iconPosition }), disabled: isDisabled, tabIndex: 0, onClick: onClick, "data-id": dataId },
         iconBefore ? (React.createElement("span", { className: e("icon") },
             React.createElement(UiIcon, { type: iconBefore, label: label, size: 14 }))) : null,
         React.createElement("span", { className: e("text") }, label),

package/esm/@ui/UiButton/UiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAkB7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,GACK,EAAE,EAAE;IAChB,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACH,gCACI,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EACxD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO;QAEf,UAAU,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CACjD,CACV,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAChD,CACV,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAmB7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,MAAM,GACM,EAAE,EAAE;IAChB,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACH,gCACI,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,EACxD,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,aACP,MAAM;QAEd,UAAU,CAAC,CAAC,CAAC,CACV,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CACjD,CACV,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;YACtB,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAI,CAChD,CACV,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CAAC"}

package/esm/@ui/UiIcon/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAgDrD,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,MAAM,WAAW,WAAW;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAqErD,CAAC"}

package/esm/@ui/UiIcon/icons.js

@@ -1,4 +1,4 @@
-// (C) 2024 GoodData Corporation
+// (C) 2024-2025 GoodData Corporation
 import React from "react";
 import { e } from "./iconBem.js";
 export const iconsConfig = {
@@ -22,5 +22,12 @@ export const iconsConfig = {
         content: (React.createElement("path", { d: "M11.332 10.7559L6.38281 5.79297L11.0723 1.11719C11.1178 1.0625 11.1406 0.998698 11.1406 0.925781C11.1406 0.852865 11.1178 0.789062 11.0723 0.734375C11.0176 0.679688 10.9492 0.652344 10.8672 0.652344C10.7943 0.652344 10.735 0.679688 10.6895 0.734375L6 5.41016L1.31055 0.734375C1.26497 0.679688 1.20117 0.652344 1.11914 0.652344C1.04622 0.652344 0.982422 0.679688 0.927734 0.734375C0.882161 0.789062 0.859375 0.852865 0.859375 0.925781C0.859375 0.998698 0.882161 1.0625 0.927734 1.11719L5.61719 5.79297L0.667969 10.7559C0.613281 10.8105 0.585938 10.8743 0.585938 10.9473C0.585938 11.0202 0.613281 11.084 0.667969 11.1387C0.695312 11.166 0.722656 11.1888 0.75 11.207C0.786458 11.2161 0.822917 11.2207 0.859375 11.2207C0.886719 11.2207 0.91862 11.2161 0.955078 11.207C0.991536 11.1888 1.02344 11.166 1.05078 11.1387L6 6.17578L10.9492 11.1387C10.9766 11.166 11.0085 11.1888 11.0449 11.207C11.0814 11.2161 11.1133 11.2207 11.1406 11.2207C11.1771 11.2207 11.209 11.2161 11.2363 11.207C11.2728 11.1888 11.3047 11.166 11.332 11.1387C11.3867 11.084 11.4141 11.0202 11.4141 10.9473C11.4141 10.8743 11.3867 10.8105 11.332 10.7559Z", className: e("fill") })),
         viewBox: "0 0 12 12",
     },
+    question: {
+        content: (React.createElement(React.Fragment, null,
+            React.createElement("path", { d: "M9.95618 6.5C9.08558 6.5 8.41614 7.01519 8.22278 7.6258C8.12553 7.93293 7.7977 8.10307 7.49057 8.00581C7.18343 7.90856 7.01329 7.58073 7.11055 7.2736C7.47729 6.11545 8.64581 5.33333 9.95618 5.33333C11.5211 5.33333 12.9167 6.46884 12.9167 8.01667C12.9167 9.36868 11.8519 10.4061 10.5395 10.6469V11.75C10.5395 12.0722 10.2783 12.3333 9.95618 12.3333C9.63401 12.3333 9.37284 12.0722 9.37284 11.75V10.1167C9.37284 9.7945 9.63401 9.53333 9.95618 9.53333C11.0169 9.53333 11.75 8.78844 11.75 8.01667C11.75 7.24489 11.0169 6.5 9.95618 6.5Z", className: e("fill") }),
+            React.createElement("path", { d: "M10 12.9167C9.51675 12.9167 9.125 13.3084 9.125 13.7917C9.125 14.2749 9.51675 14.6667 10 14.6667C10.4832 14.6667 10.875 14.2749 10.875 13.7917C10.875 13.3084 10.4832 12.9167 10 12.9167Z", className: e("fill") }),
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 17C13.866 17 17 13.866 17 10C17 6.13401 13.866 3 10 3C6.13401 3 3 6.13401 3 10C3 13.866 6.13401 17 10 17ZM10 16.3C13.4794 16.3 16.3 13.4794 16.3 10C16.3 6.52061 13.4794 3.7 10 3.7C6.52061 3.7 3.7 6.52061 3.7 10C3.7 13.4794 6.52061 16.3 10 16.3Z", className: e("fill") }))),
+        viewBox: "0 0 20 20",
+    },
 };
 //# sourceMappingURL=icons.js.map

package/esm/@ui/UiIcon/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAQjC,MAAM,CAAC,MAAM,WAAW,GAAkC;IACtD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ktBAAktB,EACptB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,u2BAAu2B,EACz2B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,gwFAAgwF,EAClwF,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,m7GAAm7G,EACr7G,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,gmCAAgmC,EAClmC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC"}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../src/@ui/UiIcon/icons.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAQjC,MAAM,CAAC,MAAM,WAAW,GAAkC;IACtD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,ktBAAktB,EACptB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,u2BAAu2B,EACz2B,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,IAAI,EAAE;QACF,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,gwFAAgwF,EAClwF,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,m7GAAm7G,EACr7G,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,KAAK,EAAE;QACH,OAAO,EAAE,CACL,8BACI,CAAC,EAAC,gmCAAgmC,EAClmC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACL;QACD,OAAO,EAAE,WAAW;KACvB;IACD,QAAQ,EAAE;QACN,OAAO,EAAE,CACL;YACI,8BACI,CAAC,EAAC,qhBAAqhB,EACvhB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB;YACF,8BACI,CAAC,EAAC,2LAA2L,EAC7L,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB;YACF,8BACI,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,0PAA0P,EAC5P,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,GACtB,CACH,CACN;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC"}

package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts

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

package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiPagedVirtualList.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiPagedVirtualList/UiPagedVirtualList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC;;GAEG;AACH,MAAM,WAAW,mCAAmC;IAChD,UAAU,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mCAAmC,CAAC,CAAC;CAC3E;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,qBAmDtE"}

package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js

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

package/esm/@ui/UiPagedVirtualList/UiPagedVirtualList.js.map

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

package/esm/@ui/UiSkeleton/UiSkeleton.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+/**
+ * @internal
+ */
+export interface UiSkeletonProps {
+    /**
+     * Number of items to render.
+     */
+    itemsCount?: number;
+    /**
+     * Height of the item, or items.
+     */
+    itemHeight?: (number | string) | (number | string)[];
+    /**
+     * Width of the item, or items.
+     */
+    itemWidth?: (number | string) | (number | string)[];
+    /**
+     * Gap between the items.
+     */
+    itemsGap?: number;
+    /**
+     * Whether to render the skeleton in a row or column.
+     */
+    direction?: "row" | "column";
+}
+/**
+ * @internal
+ */
+export declare function UiSkeleton({ itemsCount, itemHeight, itemWidth, itemsGap, direction, }: UiSkeletonProps): React.JSX.Element;
+//# sourceMappingURL=UiSkeleton.d.ts.map

package/esm/@ui/UiSkeleton/UiSkeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiSkeleton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAMvC;;GAEG;AACH,MAAM,WAAW,eAAe;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAChC;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACvB,UAAc,EACd,UAAe,EACf,SAAS,EACT,QAAa,EACb,SAAoB,GACvB,EAAE,eAAe,qBA2BjB"}

package/esm/@ui/UiSkeleton/UiSkeleton.js

@@ -0,0 +1,22 @@
+// (C) 2024-2025 GoodData Corporation
+import React, { useMemo } from "react";
+import ReactLoadingSkeleton from "react-loading-skeleton";
+import { bem } from "../@utils/bem.js";
+const { b, e } = bem("gd-ui-kit-skeleton");
+/**
+ * @internal
+ */
+export function UiSkeleton({ itemsCount = 1, itemHeight = 24, itemWidth, itemsGap = 10, direction = "column", }) {
+    const items = Array.from({ length: itemsCount }, (_, idx) => (React.createElement("div", { className: e("item"), key: idx, style: {
+            height: typeof itemHeight === "number" || typeof itemHeight === "undefined"
+                ? itemHeight
+                : itemHeight[idx],
+            width: typeof itemWidth === "number" || typeof itemWidth === "undefined"
+                ? itemWidth
+                : itemWidth[idx],
+        } },
+        React.createElement(ReactLoadingSkeleton, null))));
+    const style = useMemo(() => ({ gap: itemsGap }), [itemsGap]);
+    return (React.createElement("div", { className: b({ direction }), style: style }, items));
+}
+//# sourceMappingURL=UiSkeleton.js.map

package/esm/@ui/UiSkeleton/UiSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiSkeleton.js","sourceRoot":"","sources":["../../../src/@ui/UiSkeleton/UiSkeleton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAEvC,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAgC3C;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACvB,UAAU,GAAG,CAAC,EACd,UAAU,GAAG,EAAE,EACf,SAAS,EACT,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,QAAQ,GACN;IACd,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CACzD,6BACI,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;YACH,MAAM,EACF,OAAO,UAAU,KAAK,QAAQ,IAAI,OAAO,UAAU,KAAK,WAAW;gBAC/D,CAAC,CAAC,UAAU;gBACZ,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC;YACzB,KAAK,EACD,OAAO,SAAS,KAAK,QAAQ,IAAI,OAAO,SAAS,KAAK,WAAW;gBAC7D,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC;SAC3B;QAED,oBAAC,oBAAoB,OAAG,CACtB,CACT,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE7D,OAAO,CACH,6BAAK,SAAS,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IACzC,KAAK,CACJ,CACT,CAAC;AACN,CAAC"}

package/esm/@ui/hooks/useElementSize.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+/**
+ * @internal
+ */
+export declare function useElementSize(): {
+    ref: import("react").MutableRefObject<HTMLElement>;
+    height: number;
+    width: number;
+};
+//# sourceMappingURL=useElementSize.d.ts.map

package/esm/@ui/hooks/useElementSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":";AAGA;;GAEG;AACH,wBAAgB,cAAc;;;;EAgC7B"}

package/esm/@ui/hooks/useElementSize.js

@@ -0,0 +1,35 @@
+// (C) 2024-2025 GoodData Corporation
+import { useLayoutEffect, useState, useRef } from "react";
+/**
+ * @internal
+ */
+export function useElementSize() {
+    const ref = useRef(null);
+    const [height, setHeight] = useState(0);
+    const [width, setWidth] = useState(0);
+    useLayoutEffect(() => {
+        const resizeObserver = new ResizeObserver((entries) => {
+            const [entry] = entries;
+            if (entry) {
+                setHeight(entry.contentRect.height);
+                setWidth(entry.contentRect.width);
+            }
+        });
+        if (ref.current) {
+            resizeObserver.observe(ref.current);
+        }
+        return () => {
+            if (resizeObserver) {
+                resizeObserver.disconnect();
+                setHeight(0);
+                setWidth(0);
+            }
+        };
+    }, []);
+    return {
+        ref,
+        height,
+        width,
+    };
+}
+//# sourceMappingURL=useElementSize.js.map

package/esm/@ui/hooks/useElementSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.js","sourceRoot":"","sources":["../../../src/@ui/hooks/useElementSize.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D;;GAEG;AACH,MAAM,UAAU,cAAc;IAC1B,MAAM,GAAG,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE9C,eAAe,CAAC,GAAG,EAAE;QACjB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,CAAC,OAAO,EAAE,EAAE;YAClD,MAAM,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC;YACxB,IAAI,KAAK,EAAE,CAAC;gBACR,SAAS,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;gBACpC,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACtC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,cAAc,CAAC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACxC,CAAC;QAED,OAAO,GAAG,EAAE;YACR,IAAI,cAAc,EAAE,CAAC;gBACjB,cAAc,CAAC,UAAU,EAAE,CAAC;gBAC5B,SAAS,CAAC,CAAC,CAAC,CAAC;gBACb,QAAQ,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC;QACL,CAAC,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACH,GAAG;QACH,MAAM;QACN,KAAK;KACR,CAAC;AACN,CAAC"}

package/esm/Dropdown/DropdownButton.d.ts

@@ -7,6 +7,7 @@ export interface IDropdownButtonProps {
     className?: string;
     value?: ReactNode;
     title?: string;
+    ariaLabel?: string;
     disabled?: boolean;
     isOpen?: boolean;
     isSmall?: boolean;

package/esm/Dropdown/DropdownButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyCzD,CAAC"}
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACjC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAExC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2CzD,CAAC"}

package/esm/Dropdown/DropdownButton.js

@@ -1,16 +1,16 @@
-// (C) 2007-2024 GoodData Corporation
+// (C) 2007-2025 GoodData Corporation
 import React from "react";
 import cx from "classnames";
 import { Button } from "../Button/Button.js";
 /**
  * @internal
  */
-export const DropdownButton = ({ id, className, value, title = value, disabled, isOpen, isSmall = true, iconLeft, onClick, children, }) => {
+export const DropdownButton = ({ id, className, value, title = value, ariaLabel, disabled, isOpen, isSmall = true, iconLeft, onClick, children, }) => {
     const buttonClasses = cx("gd-button-primary", "button-dropdown", "dropdown-button", {
         "gd-button-small": isSmall,
         "is-dropdown-open": isOpen,
         "is-active": isOpen,
     }, className);
-    return (React.createElement(Button, { id: id, title: title && typeof title === "string" ? title : undefined, className: buttonClasses, value: value, iconLeft: iconLeft, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", disabled: disabled, onClick: onClick }, children));
+    return (React.createElement(Button, { id: id, title: title && typeof title === "string" ? title : undefined, ariaLabel: ariaLabel, className: buttonClasses, value: value, iconLeft: iconLeft, iconRight: isOpen ? "gd-icon-navigateup" : "gd-icon-navigatedown", disabled: disabled, onClick: onClick }, children));
 };
 //# sourceMappingURL=DropdownButton.js.map

package/esm/Dropdown/DropdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAsB7C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC3D,EAAE,EACF,SAAS,EAET,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,EAER,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,EAER,OAAO,EACP,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,EAAE,CACpB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB;QACI,iBAAiB,EAAE,OAAO;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,WAAW,EAAE,MAAM;KACtB,EACD,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7D,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../src/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAuB7C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAC3D,EAAE,EACF,SAAS,EAET,KAAK,EACL,KAAK,GAAG,KAAK,EACb,SAAS,EACT,QAAQ,EAER,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,EAER,OAAO,EACP,QAAQ,GACX,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,EAAE,CACpB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB;QACI,iBAAiB,EAAE,OAAO;QAC1B,kBAAkB,EAAE,MAAM;QAC1B,WAAW,EAAE,MAAM;KACtB,EACD,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,IACH,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,EAC7D,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EACjE,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAEf,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}

package/esm/Header/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAgC,MAAM,YAAY,CAAC;AAuBjF,OAAO,EAAE,eAAe,EAAoC,MAAM,cAAc,CAAC;AA6cjF;;GAEG;AACH,eAAO,MAAM,SAAS,oJAErB,CAAC"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAgC,MAAM,YAAY,CAAC;AAuBjF,OAAO,EAAE,eAAe,EAAoC,MAAM,cAAc,CAAC;AAohBjF;;GAEG;AACH,eAAO,MAAM,SAAS,oJAErB,CAAC"}

package/esm/Header/Header.js

@@ -42,6 +42,7 @@ class AppHeaderCore extends Component {
         helpMenuItems: [],
         menuItemsGroups: [],
         search: null,
+        notificationsPanel: null,
     };
     nodeRef = createRef();
     resizeHandler = debounce(() => this.measure(), 100);
@@ -55,6 +56,7 @@ class AppHeaderCore extends Component {
             responsiveMode: false,
             isHelpMenuOpen: false,
             isSearchMenuOpen: false,
+            isNotificationsMenuOpen: false,
         };
     }
     render() {
@@ -107,6 +109,7 @@ class AppHeaderCore extends Component {
                 isOverlayMenuOpen: false,
                 isHelpMenuOpen: false,
                 isSearchMenuOpen: false,
+                isNotificationsMenuOpen: false,
             });
         }
     };
@@ -135,18 +138,36 @@ class AppHeaderCore extends Component {
             isOverlayMenuOpen,
             isHelpMenuOpen: false,
             isSearchMenuOpen: false,
+            isNotificationsMenuOpen: false,
         });
     };
     toggleSearchMenu = () => {
         this.setState(({ isSearchMenuOpen }) => ({
             isSearchMenuOpen: !isSearchMenuOpen,
             isHelpMenuOpen: false,
+            isNotificationsMenuOpen: false,
+        }));
+    };
+    toggleNotificationsMenu = () => {
+        this.setState(({ isNotificationsMenuOpen }) => ({
+            isNotificationsMenuOpen: !isNotificationsMenuOpen,
+            isHelpMenuOpen: false,
+            isSearchMenuOpen: false,
+        }));
+    };
+    closeNotificationsMenu = () => {
+        this.setState(() => ({
+            isNotificationsMenuOpen: false,
+            isHelpMenuOpen: false,
+            isSearchMenuOpen: false,
+            isOverlayMenuOpen: false,
         }));
     };
     setHelpMenu = (isHelpMenuOpen) => {
         this.setState({
             isHelpMenuOpen,
             isSearchMenuOpen: false,
+            isNotificationsMenuOpen: false,
         });
     };
     toggleHelpMenu = () => this.setHelpMenu(!this.state.isHelpMenuOpen);
@@ -159,20 +180,28 @@ class AppHeaderCore extends Component {
     addHelpItemGroup = (itemGroups) => {
         return !this.props.documentationUrl ? itemGroups : [...itemGroups, [this.getHelpMenuLink()]];
     };
-    addSearchMenu = (itemGroups) => {
-        if (!this.props.search) {
+    addAdditionalItems = (itemGroups) => {
+        const additionalItems = [];
+        if (this.props.search) {
+            additionalItems.push({
+                key: "gs.header.search",
+                className: "gd-icon-header-search",
+                onClick: this.toggleSearchMenu,
+            });
+        }
+        if (this.props.notificationsPanel) {
+            additionalItems.push({
+                key: "gs.header.notifications",
+                className: "gd-icon-header-notifications",
+                icon: (React.createElement("span", { className: "gd-header-notifications-icon" },
+                    React.createElement(Icon.Alert, { width: 16, height: 16 }))),
+                onClick: this.toggleNotificationsMenu,
+            });
+        }
+        if (!additionalItems.length) {
             return itemGroups;
         }
-        return [
-            ...itemGroups,
-            [
-                {
-                    key: "gs.header.search",
-                    className: "gd-icon-header-search",
-                    onClick: this.toggleSearchMenu,
-                },
-            ],
-        ];
+        return [...itemGroups, additionalItems];
     };
     getHelpMenu = () => [
         [this.getHelpMenuLink("gd-icon-header-help-back"), ...this.props.helpMenuItems],
@@ -210,6 +239,7 @@ class AppHeaderCore extends Component {
             "hamburger-icon": true,
             "is-open": this.state.isOverlayMenuOpen,
             "search-open": this.state.isSearchMenuOpen,
+            "notifications-open": this.state.isNotificationsMenuOpen,
         });
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "hamburger-wrapper", key: "hamburger-wrapper" },
@@ -220,15 +250,24 @@ class AppHeaderCore extends Component {
             this.state.isOverlayMenuOpen ? this.renderOverlayMenu() : null));
     };
     renderOverlayMenu = () => {
+        let content = this.renderVerticalMenu();
+        if (this.state.isSearchMenuOpen) {
+            content = this.renderSearchMenu();
+        }
+        if (this.state.isNotificationsMenuOpen) {
+            content = this.renderNotificationsOverlay();
+        }
         return (React.createElement(Overlay, { key: "header-overlay-menu", alignPoints: [
                 {
-                    align: this.state.isSearchMenuOpen ? "tl tl" : "tr tr",
+                    align: this.state.isSearchMenuOpen || this.state.isNotificationsMenuOpen
+                        ? "tl tl"
+                        : "tr tr",
                 },
             ], closeOnOutsideClick: this.state.isOverlayMenuOpen, isModal: this.state.isOverlayMenuOpen, positionType: "fixed", onClose: () => {
                 this.setOverlayMenu(false);
             } },
             React.createElement(TransitionGroup, null,
-                React.createElement(CSSTransition, { classNames: "gd-header", timeout: 300 }, this.state.isSearchMenuOpen ? this.renderSearchMenu() : this.renderVerticalMenu()))));
+                React.createElement(CSSTransition, { classNames: "gd-header", timeout: 300 }, content))));
     };
     renderSearchMenu = () => {
         return (React.createElement("div", { className: "gd-header-menu-search" },
@@ -236,6 +275,18 @@ class AppHeaderCore extends Component {
                 React.createElement(FormattedMessage, { id: "gs.header.search" })),
             React.createElement(HeaderSearchProvider, { isOpen: this.state.isSearchMenuOpen, toggleOpen: this.toggleSearchMenu }, this.props.search)));
     };
+    renderNotificationsOverlay = () => {
+        if (!this.props.notificationsPanel) {
+            return null;
+        }
+        return (React.createElement("div", { className: "gd-header-menu-notifications" },
+            React.createElement(Typography, { tagName: "h3", className: "gd-header-menu-notifications-title" },
+                React.createElement(FormattedMessage, { id: "gs.header.notifications" })),
+            this.props.notificationsPanel({
+                isMobile: true,
+                closeNotificationsOverlay: this.closeNotificationsMenu,
+            })));
+    };
     renderTrialItems = () => {
         if (this.props.expiredDate || this.props.showUpsellButton) {
             return (React.createElement("div", { className: "gd-header-menu-trial gd-header-measure" },
@@ -249,7 +300,7 @@ class AppHeaderCore extends Component {
         const menuItemsGroups = !this.state.isHelpMenuOpen
             ? this.props.showStaticHelpMenu
                 ? [[this.getHelpMenuLink()]]
-                : this.addHelpItemGroup(this.addSearchMenu(this.props.menuItemsGroups))
+                : this.addHelpItemGroup(this.addAdditionalItems(this.props.menuItemsGroups))
             : this.getHelpMenu();
         return (React.createElement("div", { key: "overlay-menu", className: "gd-header-menu-vertical-wrapper" },
             React.createElement("div", { className: "gd-header-menu-vertical-header" }, "Menu"),
@@ -278,7 +329,12 @@ class AppHeaderCore extends Component {
             React.createElement(HeaderMenu, { onMenuItemClick: this.props.onMenuItemClick, sections: this.props.menuItemsGroups, className: "gd-header-menu-horizontal" }),
             this.renderTrialItems(),
             this.props.showChatItem ? React.createElement(HeaderChatButton, { onClick: this.props.onChatItemClick }) : null,
-            this.props.notificationsPanel ?? null,
+            this.props.notificationsPanel
+                ? this.props.notificationsPanel({
+                    isMobile: false,
+                    closeNotificationsOverlay: this.closeNotificationsMenu,
+                })
+                : null,
             this.props.search ? (React.createElement(HeaderSearchProvider, { isOpen: this.state.isSearchMenuOpen, toggleOpen: this.toggleSearchMenu },
                 React.createElement(HeaderSearchButton, { title: this.props.intl.formatMessage({ id: "gs.header.search" }) }, this.props.search))) : null,
             this.props.helpMenuItems.length ? (React.createElement(HeaderHelp, { onMenuItemClick: this.props.onMenuItemClick, className: "gd-header-measure", helpMenuDropdownAlignPoints: helpMenuDropdownAlignPoints, items: this.props.helpMenuItems, disableDropdown: this.props.disableHelpDropdown, onHelpClicked: this.props.onHelpClick, helpRedirectUrl: this.props.helpRedirectUrl })) : null,