@gooddata/sdk-ui-dashboard 11.2.0-alpha.3 → 11.2.0-alpha.5

package/esm/kdaDialog/components/columns/titleColumn.js

@@ -0,0 +1,11 @@
+// (C) 2025 GoodData Corporation
+export const titleColumn = (intl, width) => {
+    return {
+        label: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.detail.table.attribute" }),
+        key: "title",
+        bold: true,
+        width,
+        align: "left",
+    };
+};
+//# sourceMappingURL=titleColumn.js.map

package/esm/kdaDialog/components/columns/titleColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleColumn.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/columns/titleColumn.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAQhC,MAAM,CAAC,MAAM,WAAW,GAAoE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IACxG,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,4DAA4D,EAAE,CAAC;QAC/F,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE,IAAI;QACV,KAAK;QACL,KAAK,EAAE,MAAM;KAChB,CAAC;AACN,CAAC,CAAC"}

package/esm/kdaDialog/components/headlines/DateHeadline.d.ts

@@ -0,0 +1,6 @@
+export interface DateHeadlineProps {
+    when: string;
+    amount: string;
+}
+export declare function DateHeadline({ when, amount }: DateHeadlineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DateHeadline.d.ts.map

package/esm/kdaDialog/components/headlines/DateHeadline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateHeadline.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/headlines/DateHeadline.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAU/D"}

package/esm/kdaDialog/components/headlines/DateHeadline.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import cx from "classnames";
+import { UiIcon } from "@gooddata/sdk-ui-kit";
+export function DateHeadline({ when, amount }) {
+    return (_jsxs("div", { className: cx("gd-kda-headline-date"), children: [_jsx(UiIcon, { type: "date", size: 14, color: "primary" }), _jsx("div", { children: when }), _jsx("div", { children: _jsx("strong", { children: amount }) })] }));
+}
+//# sourceMappingURL=DateHeadline.js.map

package/esm/kdaDialog/components/headlines/DateHeadline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateHeadline.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/headlines/DateHeadline.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C,MAAM,UAAU,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAqB;IAC5D,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,aACtC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,SAAS,GAAG,EAChD,wBAAM,IAAI,GAAO,EACjB,wBACI,2BAAS,MAAM,GAAU,GACvB,IACJ,CACT,CAAC;AACN,CAAC"}

package/esm/kdaDialog/components/headlines/DiffHeadline.d.ts

@@ -0,0 +1,6 @@
+export interface DiffHeadlineProps {
+    amount: string;
+    change: number;
+}
+export declare function DiffHeadline({ change, amount }: DiffHeadlineProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiffHeadline.d.ts.map

package/esm/kdaDialog/components/headlines/DiffHeadline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffHeadline.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/headlines/DiffHeadline.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,iBAAiB,2CAYjE"}

package/esm/kdaDialog/components/headlines/DiffHeadline.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import cx from "classnames";
+import { UiIcon } from "@gooddata/sdk-ui-kit";
+export function DiffHeadline({ change, amount }) {
+    return (_jsxs("div", { className: cx("gd-kda-headline-diff"), children: [_jsx(UiIcon, { type: "trendDown", size: 14, color: "complementary-5" }), _jsx("div", { children: "Diff" }), _jsx("div", { children: _jsxs("strong", { children: [amount, " (", change * 100, "%)"] }) })] }));
+}
+//# sourceMappingURL=DiffHeadline.js.map

package/esm/kdaDialog/components/headlines/DiffHeadline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiffHeadline.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/headlines/DiffHeadline.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAO9C,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAqB;IAC9D,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,aACtC,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,EAC7D,iCAAe,EACf,wBACI,6BACK,MAAM,QAAI,MAAM,GAAG,GAAG,UAClB,GACP,IACJ,CACT,CAAC;AACN,CAAC"}

package/esm/kdaDialog/components/items/KeyDriverItem.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+import { UiListboxInteractiveItemProps } from "@gooddata/sdk-ui-kit";
+import { KdaItem } from "../../internalTypes.js";
+export declare function KeyDriverItem({ maximum, item, onSelect, isSelected, isFocused, }: UiListboxInteractiveItemProps<KdaItem> & {
+    maximum: number;
+}): ReactNode;
+//# sourceMappingURL=KeyDriverItem.d.ts.map

package/esm/kdaDialog/components/items/KeyDriverItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriverItem.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/items/KeyDriverItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAU,6BAA6B,EAAE,MAAM,sBAAsB,CAAC;AAE7E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,GACZ,EAAE,6BAA6B,CAAC,OAAO,CAAC,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,GAAG,SAAS,CA0B1E"}

package/esm/kdaDialog/components/items/KeyDriverItem.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { UiIcon } from "@gooddata/sdk-ui-kit";
+export function KeyDriverItem({ maximum, item, onSelect, isSelected, isFocused, }) {
+    const trend = item.data.from.value < item.data.to.value ? "up" : "down";
+    const width = `${(Math.abs(item.data.to.value - item.data.from.value) / maximum) * 100}%`;
+    return (_jsxs("div", { className: cx("gd-kda-item", {
+            "gd-kda-item-selected": isSelected,
+            "gd-kda-item-focused": isFocused,
+        }), onClick: onSelect, children: [_jsxs("div", { className: cx("gd-kda-item-text"), children: [item.data.title, ": ", _jsx("strong", { children: item.data.category })] }), _jsx("div", { className: cx("gd-kda-item-value"), children: item.data.formatValue(item.data.to.value - item.data.from.value) }), trend === "up" ? _jsx(UiIcon, { type: "trendUp", size: 16, color: "complementary-5" }) : null, trend === "down" ? _jsx(UiIcon, { type: "trendDown", size: 16, color: "complementary-5" }) : null, _jsx("div", { className: cx("gd-kda-item-progress"), style: { "--kda-item-width": width } })] }));
+}
+//# sourceMappingURL=KeyDriverItem.js.map

package/esm/kdaDialog/components/items/KeyDriverItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriverItem.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/items/KeyDriverItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAiC,MAAM,sBAAsB,CAAC;AAI7E,MAAM,UAAU,aAAa,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,GACkD;IAC3D,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,GAAG,GAAG,GAAG,CAAC;IAE1F,OAAO,CACH,eACI,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE;YACzB,sBAAsB,EAAE,UAAU;YAClC,qBAAqB,EAAE,SAAS;SACnC,CAAC,EACF,OAAO,EAAE,QAAQ,aAEjB,eAAK,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,aACjC,IAAI,CAAC,IAAI,CAAC,KAAK,QAAG,2BAAS,IAAI,CAAC,IAAI,CAAC,QAAQ,GAAU,IACtD,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,YAClC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAC/D,EACL,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,IAAI,EACnF,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,IAAI,EACxF,cACI,SAAS,EAAE,EAAE,CAAC,sBAAsB,CAAC,EACrC,KAAK,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAmB,GACvD,IACA,CACT,CAAC;AACN,CAAC"}

package/esm/kdaDialog/components/items/SummaryItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+import { UiListboxInteractiveItemProps } from "@gooddata/sdk-ui-kit";
+export declare function SummaryItem({ onSelect, isSelected, detailsId, }: Omit<UiListboxInteractiveItemProps<undefined>, "item" | "isCompact" | "isFocused"> & {
+    detailsId: string;
+}): ReactNode;
+//# sourceMappingURL=SummaryItem.d.ts.map

package/esm/kdaDialog/components/items/SummaryItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/items/SummaryItem.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAU,6BAA6B,EAAE,MAAM,sBAAsB,CAAC;AAE7E,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,UAAU,EACV,SAAS,GACZ,EAAE,IAAI,CAAC,6BAA6B,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,WAAW,CAAC,GAAG;IACpF,SAAS,EAAE,MAAM,CAAC;CACrB,GAAG,SAAS,CA8BZ"}

package/esm/kdaDialog/components/items/SummaryItem.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { useState } from "react";
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { UiIcon } from "@gooddata/sdk-ui-kit";
+export function SummaryItem({ onSelect, isSelected, detailsId, }) {
+    const intl = useIntl();
+    const [isFocused, setFocused] = useState(false);
+    const label = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.summary.title" });
+    return (_jsxs("div", { tabIndex: 0, role: "button", "aria-selected": isSelected, "aria-controls": detailsId, className: cx("gd-kda-item-summary", {
+            "gd-kda-item-summary-selected": isSelected,
+            "gd-kda-item-summary-focused": isFocused,
+        }), onClick: onSelect, onFocus: () => setFocused(true), onBlur: () => setFocused(false), onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+                e.currentTarget.click();
+            }
+        }, children: [_jsx("div", { children: _jsx("div", { className: cx("gd-kda-item-summary-title"), children: label }) }), _jsx(UiIcon, { type: "navigateRight", size: 16 })] }));
+}
+//# sourceMappingURL=SummaryItem.js.map

package/esm/kdaDialog/components/items/SummaryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryItem.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/items/SummaryItem.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,MAAM,EAAiC,MAAM,sBAAsB,CAAC;AAE7E,MAAM,UAAU,WAAW,CAAC,EACxB,QAAQ,EACR,UAAU,EACV,SAAS,GAGZ;IACG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,mDAAmD,EAAE,CAAC,CAAC;IAE9F,OAAO,CACH,eACI,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,mBACE,UAAU,mBACV,SAAS,EACxB,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE;YACjC,8BAA8B,EAAE,UAAU;YAC1C,6BAA6B,EAAE,SAAS;SAC3C,CAAC,EACF,OAAO,EAAE,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,EAC/B,MAAM,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,EAC/B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACrC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACL,CAAC,aAED,wBACI,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,YAAG,KAAK,GAAO,GAC5D,EACN,KAAC,MAAM,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAE,EAAE,GAAI,IACvC,CACT,CAAC;AACN,CAAC"}

package/esm/kdaDialog/composition/FiltersBar.d.ts

@@ -0,0 +1,2 @@
+export declare function FiltersBar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FiltersBar.d.ts.map

package/esm/kdaDialog/composition/FiltersBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersBar.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/FiltersBar.tsx"],"names":[],"mappings":"AAeA,wBAAgB,UAAU,4CA4DzB"}

package/esm/kdaDialog/composition/FiltersBar.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { useCallback } from "react";
+import { useIntl } from "react-intl";
+import { selectAttributeFilterConfigsOverrides, useDashboardSelector } from "../../model/index.js";
+import { AttributeBar } from "../components/bars/AttributeBar.js";
+import { DateBar } from "../components/bars/DateBar.js";
+import { KdaBar } from "../components/KdaBar.js";
+import { useKdaState } from "../providers/KdaState.js";
+export function FiltersBar() {
+    const intl = useIntl();
+    const attributeConfigs = useDashboardSelector(selectAttributeFilterConfigsOverrides);
+    const { state, setState } = useKdaState();
+    const onChangeAttributeFilter = useCallback((newFilter) => {
+        // eslint-disable-next-line
+        console.log("on Change Attribute Filter", newFilter);
+        //TODO: onChangeAttributeFilter
+    }, []);
+    const onDeleteAttributeFilter = useCallback((filter) => {
+        // eslint-disable-next-line
+        console.log("on Delete Attribute Filter", filter);
+        //TODO: onDeleteAttributeFilter
+    }, []);
+    const onPeriodChange = useCallback((item, period) => {
+        // eslint-disable-next-line
+        console.log("on Period Change", period);
+        //TODO: onPeriodChange
+        const i = state.dateFilters.indexOf(item);
+        const newDateFilters = [...state.dateFilters];
+        newDateFilters[i] = {
+            ...item,
+            selectedPeriod: period,
+        };
+        setState({
+            dateFilters: newDateFilters,
+        });
+    }, [setState, state.dateFilters]);
+    //TODO: AttributesDropdown will be used to add new filter
+    return (_jsx(KdaBar, { title: intl.formatMessage({ id: "kdaDialog.dialog.bars.filters.title" }), content: _jsxs(_Fragment, { children: [state.dateFilters.map((dateFilter, i) => (_jsx(DateBar, { date: dateFilter, onPeriodChange: onPeriodChange }, i))), state.attributeFilters.map((attributeFilter, i) => (_jsx(AttributeBar, { attribute: attributeFilter, attributeConfigs: attributeConfigs, onChange: onChangeAttributeFilter, onDelete: onDeleteAttributeFilter }, i)))] }) }));
+}
+//# sourceMappingURL=FiltersBar.js.map

package/esm/kdaDialog/composition/FiltersBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersBar.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/FiltersBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAIrC,OAAO,EAAE,qCAAqC,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACnG,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,UAAU,UAAU;IACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,gBAAgB,GAAG,oBAAoB,CAAC,qCAAqC,CAAC,CAAC;IAErF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1C,MAAM,uBAAuB,GAAG,WAAW,CAAC,CAAC,SAAoC,EAAE,EAAE;QACjF,2BAA2B;QAC3B,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,SAAS,CAAC,CAAC;QACrD,+BAA+B;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,uBAAuB,GAAG,WAAW,CAAC,CAAC,MAAiC,EAAE,EAAE;QAC9E,2BAA2B;QAC3B,OAAO,CAAC,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,CAAC;QAClD,+BAA+B;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,IAAmB,EAAE,MAAuC,EAAE,EAAE;QAC7D,2BAA2B;QAC3B,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;QACxC,sBAAsB;QACtB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAC1C,MAAM,cAAc,GAAG,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;QAC9C,cAAc,CAAC,CAAC,CAAC,GAAG;YAChB,GAAG,IAAI;YACP,cAAc,EAAE,MAAM;SACzB,CAAC;QACF,QAAQ,CAAC;YACL,WAAW,EAAE,cAAc;SAC9B,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,CAChC,CAAC;IAEF,yDAAyD;IAEzD,OAAO,CACH,KAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qCAAqC,EAAE,CAAC,EACxE,OAAO,EACH,8BACK,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,EAAE,EAAE,CAAC,CACtC,KAAC,OAAO,IAAS,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,IAAnD,CAAC,CAAsD,CACxE,CAAC,EACD,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,CAAC,EAAE,EAAE,CAAC,CAChD,KAAC,YAAY,IAET,SAAS,EAAE,eAAe,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,uBAAuB,EACjC,QAAQ,EAAE,uBAAuB,IAJ5B,CAAC,CAKR,CACL,CAAC,IACH,GAET,CACL,CAAC;AACN,CAAC"}

package/esm/kdaDialog/composition/KeyDriversFooter.d.ts

@@ -0,0 +1,2 @@
+export declare function KeyDriversFooter(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KeyDriversFooter.d.ts.map

package/esm/kdaDialog/composition/KeyDriversFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriversFooter.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversFooter.tsx"],"names":[],"mappings":"AAYA,wBAAgB,gBAAgB,4CAmE/B"}

package/esm/kdaDialog/composition/KeyDriversFooter.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormattedMessage } from "react-intl";
+import { areObjRefsEqual } from "@gooddata/sdk-model";
+import { DropdownInvertableSelect, UiButton, UiSkeleton } from "@gooddata/sdk-ui-kit";
+import { selectCatalogAttributes, selectCatalogIsLoaded, useDashboardSelector } from "../../model/index.js";
+import { useKdaState } from "../providers/KdaState.js";
+export function KeyDriversFooter() {
+    const { state, setState } = useKdaState();
+    const isCatalogLoaded = useDashboardSelector(selectCatalogIsLoaded);
+    const isLoading = state.itemsStatus === "pending" || state.itemsStatus === "loading" || !isCatalogLoaded;
+    const allAttributes = useDashboardSelector(selectCatalogAttributes);
+    const initialAttributes = state.attributes
+        .map((attr) => {
+        return allAttributes.find((a) => a.displayForms.some((df) => areObjRefsEqual(df.ref, attr)));
+    })
+        .filter(Boolean);
+    return (_jsx("div", { children: isLoading ? (_jsx(UiSkeleton, { itemHeight: 23, itemWidth: 300 })) : (_jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.overview.summary.drivers.description", values: {
+                combinations: state.combinations,
+                attributes: state.attributes.length,
+                button: (chunks) => {
+                    return (_jsx(DropdownInvertableSelect, { className: "gd-kda-attributes-dropdown", initialValue: initialAttributes, initialIsInverted: false, options: allAttributes, alignPoints: [{ align: "tl bl" }], getItemTitle: (item) => item.attribute.title, getItemKey: (item) => item.attribute.id, onChange: (selectedItems, isInverted) => {
+                            const selected = isInverted
+                                ? allAttributes.filter((a) => !selectedItems.includes(a))
+                                : selectedItems;
+                            setState({
+                                attributes: selected.map((item) => item.defaultDisplayForm.ref),
+                            });
+                        }, header: _jsx("div", { className: "gd-kda-attributes-dropdown__header", children: _jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.overview.summary.drivers.attributes" }) }), renderSearchBar: () => (_jsx("div", { className: "gd-kda-attributes-dropdown__no-search" })), renderButton: ({ buttonRef, isOpen, toggleDropdown }) => (_jsx(UiButton, { ref: buttonRef, variant: "tertiary", iconAfter: "settings", isSelected: isOpen, label: chunks.join(""), onClick: toggleDropdown })) }));
+                },
+            } })) }));
+}
+//# sourceMappingURL=KeyDriversFooter.js.map

package/esm/kdaDialog/composition/KeyDriversFooter.js.map

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

package/esm/kdaDialog/composition/KeyDriversOverview.d.ts

@@ -0,0 +1,6 @@
+export interface KeyDriversOverviewProps {
+    loading?: boolean;
+    detailsId?: string;
+}
+export declare function KeyDriversOverview({ loading, detailsId }: KeyDriversOverviewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KeyDriversOverview.d.ts.map

package/esm/kdaDialog/composition/KeyDriversOverview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriversOverview.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversOverview.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,uBAAuB;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,uBAAuB,2CAQjF"}

package/esm/kdaDialog/composition/KeyDriversOverview.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import cx from "classnames";
+import { useIntl } from "react-intl";
+import { UiIcon, UiSkeleton } from "@gooddata/sdk-ui-kit";
+import { KdaKeyDriverChart } from "../components/KdaKeyDriverChart.js";
+import { KdaSummaryDrivers } from "../components/KdaSummaryDrivers.js";
+import { KdaSummaryHeadline } from "../components/KdaSummaryHeadline.js";
+import { useKdaState } from "../providers/KdaState.js";
+export function KeyDriversOverview({ loading, detailsId }) {
+    const { state } = useKdaState();
+    if (state.selectedItem === "summary" || loading) {
+        return _jsx(KeyDriversSummary, { loading: loading, detailsId: detailsId });
+    }
+    return _jsx(KeyDriversDetail, { detailsId: detailsId });
+}
+function KeyDriversSummary({ loading, detailsId }) {
+    const intl = useIntl();
+    return (_jsxs("div", { className: cx("gd-kda-key-drivers-overview"), id: detailsId, children: [_jsx("div", { className: cx("gd-kda-key-drivers-overview-title"), children: loading ? (_jsx(UiSkeleton, { itemWidth: 200, itemHeight: 26 })) : (intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.summary.title" })) }), _jsx("div", { className: cx("gd-kda-key-drivers-overview-headline"), children: loading ? _jsx(UiSkeleton, { itemWidth: 420, itemHeight: 20 }) : _jsx(KdaSummaryHeadline, {}) }), _jsx("div", { className: cx("gd-kda-key-drivers-overview-drivers"), children: loading ? _jsx(UiSkeleton, { itemWidth: 618, itemHeight: 370 }) : _jsx(KdaSummaryDrivers, {}) })] }));
+}
+function KeyDriversDetail({ detailsId }) {
+    const intl = useIntl();
+    const { state } = useKdaState();
+    const description = getDescription(state.selectedItem);
+    return (_jsxs("div", { className: cx("gd-kda-key-drivers-detail"), id: detailsId, children: [_jsxs("div", { children: [_jsx("div", { className: cx("gd-kda-key-drivers-detail-title"), children: getTitle(intl, state.selectedItem) }), description ? (_jsx("div", { className: cx("gd-kda-key-drivers-detail-description"), children: description })) : null] }), _jsx("div", { className: cx("gd-kda-key-drivers-detail-visualisation"), children: _jsx(KdaKeyDriverChart, {}) }), _jsxs("div", { className: cx("gd-kda-key-drivers-detail-info"), children: [_jsx(UiIcon, { type: "questionMark", size: 12 }), " ", intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.detail.tip" })] })] }));
+}
+function getTitle(intl, item) {
+    if (typeof item === "string") {
+        return "";
+    }
+    return intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.detail.title" }, {
+        title: item.data.title,
+        category: item.data.category,
+    });
+}
+function getDescription(item) {
+    if (typeof item === "string") {
+        return "";
+    }
+    return item.data.description;
+}
+//# sourceMappingURL=KeyDriversOverview.js.map

package/esm/kdaDialog/composition/KeyDriversOverview.js.map

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

package/esm/kdaDialog/composition/KeyDriversPanel.d.ts

@@ -0,0 +1,6 @@
+export interface KeyDriversPanelProps {
+    detailsId: string;
+    loading?: boolean;
+}
+export declare function KeyDriversPanel({ loading, detailsId }: KeyDriversPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KeyDriversPanel.d.ts.map

package/esm/kdaDialog/composition/KeyDriversPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriversPanel.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":"AAsBA,MAAM,WAAW,oBAAoB;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,oBAAoB,2CAoK3E"}

package/esm/kdaDialog/composition/KeyDriversPanel.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { useEffect, useId, useMemo } from "react";
+import cx from "classnames";
+import { FormattedMessage, useIntl } from "react-intl";
+import { UiButton, UiButtonSegmentedControl, UiIcon, UiIconButton, UiListbox, UiSkeleton, UiTooltip, } from "@gooddata/sdk-ui-kit";
+import { KeyDriverItem } from "../components/items/KeyDriverItem.js";
+import { SummaryItem } from "../components/items/SummaryItem.js";
+import { useKdaState } from "../providers/KdaState.js";
+export function KeyDriversPanel({ loading, detailsId }) {
+    const intl = useIntl();
+    const listId = useId();
+    const label = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.title" });
+    const tooltip = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.tooltip" });
+    const { state, setState } = useKdaState();
+    const trendUp = useMemo(() => state.items.filter((item) => {
+        return item.data.from.value < item.data.to.value;
+    }), [state.items]);
+    const trendDown = useMemo(() => state.items.filter((item) => {
+        return item.data.from.value > item.data.to.value;
+    }), [state.items]);
+    const currentItems = useMemo(() => {
+        if (state.selectedTrend === "up") {
+            return trendUp;
+        }
+        return trendDown;
+    }, [state.selectedTrend, trendUp, trendDown]);
+    const maximum = useMemo(() => {
+        return Math.max(...currentItems.map((item) => {
+            return Math.abs(item.data.to.value - item.data.from.value);
+        }));
+    }, [currentItems]);
+    // When there are no items for selected trend, switch to the other trend
+    useEffect(() => {
+        if (trendUp.length === 0 && trendDown.length > 0 && state.selectedTrend === "up") {
+            setState({ selectedTrend: "down" });
+        }
+        // eslint-disable-next-line
+    }, []);
+    return (_jsxs("div", { className: cx("gd-kda-key-drivers-panel"), children: [_jsx("div", { className: cx("gd-kda-key-drivers-panel-summary"), children: loading ? (_jsx(UiSkeleton, { itemHeight: 40 })) : (_jsx(SummaryItem, { detailsId: detailsId, isSelected: state.selectedItem === "summary", onSelect: () => {
+                        setState({ selectedItem: "summary" });
+                    } })) }), _jsx("div", { className: cx("gd-kda-key-drivers-panel-title"), children: loading ? (_jsx(UiSkeleton, { itemHeight: 21, itemWidth: 70 })) : (_jsxs(_Fragment, { children: [label, _jsx(UiTooltip, { arrowPlacement: "left", triggerBy: ["hover", "focus"], optimalPlacement: true, content: tooltip, anchor: _jsx(UiIconButton, { icon: "question", variant: "tertiary", size: "xsmall", accessibilityConfig: {
+                                    ariaLabel: label,
+                                } }) })] })) }), _jsx("div", { className: cx("gd-kda-key-drivers-panel-trend"), children: loading ? (_jsx(UiSkeleton, { itemHeight: 27 })) : (_jsxs(UiButtonSegmentedControl, { children: [_jsx(UiButton, { label: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.button.trendUp" }, { count: trendUp.length }), size: "small", isSelected: state.selectedTrend === "up", onClick: () => {
+                                setState({ selectedTrend: "up" });
+                            }, accessibilityConfig: {
+                                ariaControls: listId,
+                            } }), _jsx(UiButton, { label: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.button.trendDown" }, { count: trendDown.length }), size: "small", isSelected: state.selectedTrend === "down", onClick: () => {
+                                setState({ selectedTrend: "down" });
+                            }, accessibilityConfig: {
+                                ariaControls: listId,
+                            } })] })) }), _jsx("div", { className: cx("gd-kda-key-drivers-panel-list"), children: loading ? (_jsxs("div", { className: cx("gd-kda-key-drivers-panel-list-loading"), children: [_jsx(UiSkeleton, { itemHeight: 40 }), _jsx(UiSkeleton, { itemHeight: 40 }), _jsx(UiSkeleton, { itemHeight: 40 }), _jsx(UiSkeleton, { itemHeight: 40 }), _jsx(UiSkeleton, { itemHeight: 40 }), _jsx(UiSkeleton, { itemHeight: 40 })] })) : (_jsx(_Fragment, { children: currentItems.length > 0 ? (_jsx(UiListbox, { items: currentItems, ariaAttributes: {
+                            id: listId,
+                            "aria-controls": detailsId,
+                        }, InteractiveItemComponent: (props) => {
+                            return _jsx(KeyDriverItem, { ...props, maximum: maximum });
+                        }, selectedItemId: getSelectedItem(state), onSelect: (item) => {
+                            setState({ selectedItem: item });
+                        } })) : (_jsxs("div", { className: cx("gd-kda-key-drivers-panel-list-empty"), children: [_jsx(UiIcon, { type: "drawerEmpty", size: 26, color: "currentColor" }), state.selectedTrend === "up" ? (_jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.empty_up" })) : (_jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.empty_down" }))] })) })) })] }));
+}
+function getSelectedItem(state) {
+    return typeof state.selectedItem === "string" ? undefined : state.selectedItem.id;
+}
+//# sourceMappingURL=KeyDriversPanel.js.map

package/esm/kdaDialog/composition/KeyDriversPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyDriversPanel.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EACH,QAAQ,EACR,wBAAwB,EACxB,MAAM,EACN,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,GACZ,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAOvD,MAAM,UAAU,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAwB;IACxE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kCAAkC,EAAE,CAAC,CAAC;IAC7E,MAAM,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,oCAAoC,EAAE,CAAC,CAAC;IAEjF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAE1C,MAAM,OAAO,GAAG,OAAO,CACnB,GAAG,EAAE,CACD,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;IACrD,CAAC,CAAC,EACN,CAAC,KAAK,CAAC,KAAK,CAAC,CAChB,CAAC;IACF,MAAM,SAAS,GAAG,OAAO,CACrB,GAAG,EAAE,CACD,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACxB,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC;IACrD,CAAC,CAAC,EACN,CAAC,KAAK,CAAC,KAAK,CAAC,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YAC/B,OAAO,OAAO,CAAC;QACnB,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC,EAAE,CAAC,KAAK,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAC9C,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO,IAAI,CAAC,GAAG,CACX,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACzB,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,CAAC,CAAC,CACL,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,aAAa,KAAK,IAAI,EAAE,CAAC;YAC/E,QAAQ,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;QACxC,CAAC;QACD,2BAA2B;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CAAC,0BAA0B,CAAC,aAC1C,cAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,YACjD,OAAO,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACA,KAAC,WAAW,IACR,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,YAAY,KAAK,SAAS,EAC5C,QAAQ,EAAE,GAAG,EAAE;wBACX,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAC;oBAC1C,CAAC,GACH,CACL,GACC,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,YAC/C,OAAO,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,GAAI,CAChD,CAAC,CAAC,CAAC,CACA,8BACK,KAAK,EACN,KAAC,SAAS,IACN,cAAc,EAAC,MAAM,EACrB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,gBAAgB,QAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EACF,KAAC,YAAY,IACT,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,QAAQ,EACb,mBAAmB,EAAE;oCACjB,SAAS,EAAE,KAAK;iCACnB,GACH,GAER,IACH,CACN,GACC,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,YAC/C,OAAO,CAAC,CAAC,CAAC,CACP,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,CACA,MAAC,wBAAwB,eACrB,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,aAAa,CACrB,EAAE,EAAE,EAAE,2CAA2C,EAAE,EACnD,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,EAAE,CAC5B,EACD,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,EACxC,OAAO,EAAE,GAAG,EAAE;gCACV,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;4BACtC,CAAC,EACD,mBAAmB,EAAE;gCACjB,YAAY,EAAE,MAAM;6BACvB,GACH,EACF,KAAC,QAAQ,IACL,KAAK,EAAE,IAAI,CAAC,aAAa,CACrB,EAAE,EAAE,EAAE,6CAA6C,EAAE,EACrD,EAAE,KAAK,EAAE,SAAS,CAAC,MAAM,EAAE,CAC9B,EACD,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,CAAC,aAAa,KAAK,MAAM,EAC1C,OAAO,EAAE,GAAG,EAAE;gCACV,QAAQ,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC;4BACxC,CAAC,EACD,mBAAmB,EAAE;gCACjB,YAAY,EAAE,MAAM;6BACvB,GACH,IACqB,CAC9B,GACC,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,YAC9C,OAAO,CAAC,CAAC,CAAC,CACP,eAAK,SAAS,EAAE,EAAE,CAAC,uCAAuC,CAAC,aACvD,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,EAC9B,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,EAC9B,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,EAC9B,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,EAC9B,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,EAC9B,KAAC,UAAU,IAAC,UAAU,EAAE,EAAE,GAAI,IAC5B,CACT,CAAC,CAAC,CAAC,CACA,4BACK,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,KAAC,SAAS,IACN,KAAK,EAAE,YAAY,EACnB,cAAc,EAAE;4BACZ,EAAE,EAAE,MAAM;4BACV,eAAe,EAAE,SAAS;yBAC7B,EACD,wBAAwB,EAAE,CAAC,KAAK,EAAE,EAAE;4BAChC,OAAO,KAAC,aAAa,OAAK,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;wBAC1D,CAAC,EACD,cAAc,EAAE,eAAe,CAAC,KAAK,CAAC,EACtC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;4BACf,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC;wBACrC,CAAC,GACH,CACL,CAAC,CAAC,CAAC,CACA,eAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,aACrD,KAAC,MAAM,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,cAAc,GAAG,EAC3D,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,CAC5B,KAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CAChE,CAAC,CAAC,CAAC,CACA,KAAC,gBAAgB,IAAC,EAAE,EAAC,uCAAuC,GAAG,CAClE,IACC,CACT,GACF,CACN,GACC,IACJ,CACT,CAAC;AACN,CAAC;AAED,SAAS,eAAe,CAAC,KAAe;IACpC,OAAO,OAAO,KAAK,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,CAAC;AACtF,CAAC"}

package/esm/kdaDialog/composition/MetricsBar.d.ts

@@ -0,0 +1,2 @@
+export declare function MetricsBar(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetricsBar.d.ts.map

package/esm/kdaDialog/composition/MetricsBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsBar.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/MetricsBar.tsx"],"names":[],"mappings":"AAQA,wBAAgB,UAAU,4CAUzB"}

package/esm/kdaDialog/composition/MetricsBar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { useIntl } from "react-intl";
+import { MetricBar } from "../components/bars/MetricBar.js";
+import { KdaBar } from "../components/KdaBar.js";
+import { useKdaState } from "../providers/KdaState.js";
+export function MetricsBar() {
+    const intl = useIntl();
+    const { state } = useKdaState();
+    return (_jsx(KdaBar, { title: intl.formatMessage({ id: "kdaDialog.dialog.bars.metric.title" }), content: _jsx(_Fragment, { children: state.metric ? _jsx(MetricBar, { metric: state.metric }) : null }) }));
+}
+//# sourceMappingURL=MetricsBar.js.map

package/esm/kdaDialog/composition/MetricsBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricsBar.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/MetricsBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,UAAU,UAAU;IACtB,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhC,OAAO,CACH,KAAC,MAAM,IACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,oCAAoC,EAAE,CAAC,EACvE,OAAO,EAAE,4BAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC,CAAC,CAAC,IAAI,GAAI,GAC3E,CACL,CAAC;AACN,CAAC"}

package/esm/kdaDialog/dialog/KdaDialog.d.ts

@@ -0,0 +1,6 @@
+import { IKdaDialogProps } from "../types.js";
+/**
+ * @internal
+ */
+export declare function KdaDialog({ className, showCloseButton, onClose }: IKdaDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=KdaDialog.d.ts.map

package/esm/kdaDialog/dialog/KdaDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdaDialog.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/dialog/KdaDialog.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAM9C;;GAEG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,eAAsB,EAAE,OAAO,EAAE,EAAE,eAAe,2CAqDxF"}

package/esm/kdaDialog/dialog/KdaDialog.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// (C) 2025 GoodData Corporation
+import { useId } from "react";
+import cx from "classnames";
+import { ErrorComponent } from "@gooddata/sdk-ui";
+import { Dialog, OverlayController, OverlayControllerProvider } from "@gooddata/sdk-ui-kit";
+import { KdaDialogSections } from "./KdaDialogSections.js";
+import { DASHBOARD_DIALOG_OVERS_Z_INDEX } from "../../presentation/constants/index.js";
+import { KdaContent } from "../components/KdaContent.js";
+import { KdaFooter } from "../components/KdaFooter.js";
+import { KdaHeader } from "../components/KdaHeader.js";
+import { FiltersBar } from "../composition/FiltersBar.js";
+import { KeyDriversFooter } from "../composition/KeyDriversFooter.js";
+import { KeyDriversOverview } from "../composition/KeyDriversOverview.js";
+import { KeyDriversPanel } from "../composition/KeyDriversPanel.js";
+import { MetricsBar } from "../composition/MetricsBar.js";
+import { useKdaDialogAccessibility } from "./hooks/useKdaDialogAccessibility.js";
+import { useKdaState } from "../providers/KdaState.js";
+const overlayController = OverlayController.getInstance(DASHBOARD_DIALOG_OVERS_Z_INDEX);
+/**
+ * @internal
+ */
+export function KdaDialog({ className, showCloseButton = true, onClose }) {
+    const { state } = useKdaState();
+    const accessibilityConfig = useKdaDialogAccessibility(state.metric?.title ?? "");
+    const detailsId = useId();
+    return (_jsx(OverlayControllerProvider, { overlayController: overlayController, children: _jsx(Dialog, { className: cx(accessibilityConfig.dialogId, className), isModal: accessibilityConfig.isModal, accessibilityConfig: accessibilityConfig, displayCloseButton: showCloseButton, closeOnEscape: showCloseButton, onClose: onClose, children: _jsx(KdaDialogSections, { header: _jsx(KdaHeader, { titleId: accessibilityConfig.titleElementId, title: accessibilityConfig.title, bars: _jsxs(_Fragment, { children: [_jsx(MetricsBar, {}), _jsx(FiltersBar, {})] }) }), content: _jsx(KdaContent, { leftContent: _jsx(KeyDriversPanel, { detailsId: detailsId }), leftLoader: _jsx(KeyDriversPanel, { detailsId: detailsId, loading: true }), leftError: _jsx(ErrorComponent, { message: "Unknown error", description: "Can not load key drivers attributes list. Please try again later." }), rightContent: _jsx(KeyDriversOverview, { detailsId: detailsId }), rightLoader: _jsx(KeyDriversOverview, { loading: true }), rightError: _jsx(ErrorComponent, { message: "Unknown error", description: "Can not load key driver details. Please try again later." }) }), footer: _jsx(KdaFooter, { content: _jsx(KeyDriversFooter, {}), onClose: onClose }) }) }) }));
+}
+//# sourceMappingURL=KdaDialog.js.map

package/esm/kdaDialog/dialog/KdaDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdaDialog.js","sourceRoot":"","sources":["../../../src/kdaDialog/dialog/KdaDialog.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAE5F,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,8BAA8B,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,iBAAiB,GAAG,iBAAiB,CAAC,WAAW,CAAC,8BAA8B,CAAC,CAAC;AAExF;;GAEG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,EAAmB;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;IACjF,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAE1B,OAAO,CACH,KAAC,yBAAyB,IAAC,iBAAiB,EAAE,iBAAiB,YAC3D,KAAC,MAAM,IACH,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,SAAS,CAAC,EACtD,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,eAAe,EAC9B,OAAO,EAAE,OAAO,YAEhB,KAAC,iBAAiB,IACd,MAAM,EACF,KAAC,SAAS,IACN,OAAO,EAAE,mBAAmB,CAAC,cAAc,EAC3C,KAAK,EAAE,mBAAmB,CAAC,KAAK,EAChC,IAAI,EACA,8BACI,KAAC,UAAU,KAAG,EACd,KAAC,UAAU,KAAG,IACf,GAET,EAEN,OAAO,EACH,KAAC,UAAU,IACP,WAAW,EAAE,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,GAAI,EACtD,UAAU,EAAE,KAAC,eAAe,IAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,GAAI,EACpE,SAAS,EACL,KAAC,cAAc,IACX,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,mEAAmE,GACjF,EAEN,YAAY,EAAE,KAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,GAAI,EAC1D,WAAW,EAAE,KAAC,kBAAkB,IAAC,OAAO,EAAE,IAAI,GAAI,EAClD,UAAU,EACN,KAAC,cAAc,IACX,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,0DAA0D,GACxE,GAER,EAEN,MAAM,EAAE,KAAC,SAAS,IAAC,OAAO,EAAE,KAAC,gBAAgB,KAAG,EAAE,OAAO,EAAE,OAAO,GAAI,GACxE,GACG,GACe,CAC/B,CAAC;AACN,CAAC"}

package/esm/kdaDialog/dialog/KdaDialogSections.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+interface IKdaDialogSectionsProps {
+    header: ReactNode;
+    content: ReactNode;
+    footer: ReactNode;
+}
+/**
+ * @internal
+ */
+export declare function KdaDialogSections({ footer, content, header }: IKdaDialogSectionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=KdaDialogSections.d.ts.map

package/esm/kdaDialog/dialog/KdaDialogSections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdaDialogSections.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/dialog/KdaDialogSections.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,UAAU,uBAAuB;IAC7B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,uBAAuB,2CA0BrF"}

package/esm/kdaDialog/dialog/KdaDialogSections.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import cx from "classnames";
+import { ErrorComponent, LoadingComponent } from "@gooddata/sdk-ui";
+import { selectIsDashboardLoading, useDashboardSelector } from "../../model/index.js";
+import { useKdaState } from "../providers/KdaState.js";
+/**
+ * @internal
+ */
+export function KdaDialogSections({ footer, content, header }) {
+    const { state } = useKdaState();
+    const isDashboardLoading = useDashboardSelector(selectIsDashboardLoading);
+    const isLoading = state.rootStatus === "pending" || state.rootStatus === "loading" || isDashboardLoading;
+    const isError = state.rootStatus === "error";
+    return (_jsx("div", { className: cx("gd-kda-dialog-sections"), children: isLoading ? (_jsx(LoadingComponent, {})) : isError ? (_jsx(ErrorComponent, { message: "Unknown error", description: "Can not load key drivers data. Please try again later." })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: cx("gd-kda-dialog-sections-header"), children: header }), _jsx("div", { className: cx("gd-kda-dialog-sections-divider") }), _jsx("div", { className: cx("gd-kda-dialog-sections-content"), children: content }), _jsx("div", { className: cx("gd-kda-dialog-sections-divider") }), _jsx("div", { className: cx("gd-kda-dialog-sections-footer"), children: footer })] })) }));
+}
+//# sourceMappingURL=KdaDialogSections.js.map

package/esm/kdaDialog/dialog/KdaDialogSections.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdaDialogSections.js","sourceRoot":"","sources":["../../../src/kdaDialog/dialog/KdaDialogSections.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AACtF,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQvD;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAA2B;IAClF,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;IAC1E,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,KAAK,CAAC,UAAU,KAAK,SAAS,IAAI,kBAAkB,CAAC;IACzG,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,KAAK,OAAO,CAAC;IAE7C,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,CAAC,YACvC,SAAS,CAAC,CAAC,CAAC,CACT,KAAC,gBAAgB,KAAG,CACvB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACV,KAAC,cAAc,IACX,OAAO,EAAC,eAAe,EACvB,WAAW,EAAC,wDAAwD,GACtE,CACL,CAAC,CAAC,CAAC,CACA,8BACI,cAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,YAAG,MAAM,GAAO,EACnE,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,GAAI,EACxD,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,YAAG,OAAO,GAAO,EACrE,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,GAAI,EACxD,cAAK,SAAS,EAAE,EAAE,CAAC,+BAA+B,CAAC,YAAG,MAAM,GAAO,IACpE,CACN,GACC,CACT,CAAC;AACN,CAAC"}

package/esm/kdaDialog/dialog/hooks/useKdaDialogAccessibility.d.ts

@@ -0,0 +1,10 @@
+export declare function useKdaDialogAccessibility(metric: string): {
+    titleElementId: string;
+    title: string;
+    isModal: boolean;
+    dialogId: string;
+    closeButton: {
+        ariaLabel: string;
+    };
+};
+//# sourceMappingURL=useKdaDialogAccessibility.d.ts.map

package/esm/kdaDialog/dialog/hooks/useKdaDialogAccessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKdaDialogAccessibility.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/dialog/hooks/useKdaDialogAccessibility.ts"],"names":[],"mappings":"AAMA,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,MAAM;;;;;;;;EAwBvD"}

package/esm/kdaDialog/dialog/hooks/useKdaDialogAccessibility.js

@@ -0,0 +1,25 @@
+// (C) 2025 GoodData Corporation
+import { useId, useMemo } from "react";
+import { useIntl } from "react-intl";
+export function useKdaDialogAccessibility(metric) {
+    const intl = useIntl();
+    const titleElementId = useId();
+    return useMemo(() => {
+        return {
+            titleElementId,
+            title: intl.formatMessage({
+                id: "kdaDialog.dialog.title",
+            }, {
+                metric,
+            }),
+            isModal: true,
+            dialogId: "gd-kda-dialog",
+            closeButton: {
+                ariaLabel: intl.formatMessage({
+                    id: "kdaDialog.dialog.closeLabel",
+                }),
+            },
+        };
+    }, [intl, metric, titleElementId]);
+}
+//# sourceMappingURL=useKdaDialogAccessibility.js.map

package/esm/kdaDialog/dialog/hooks/useKdaDialogAccessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKdaDialogAccessibility.js","sourceRoot":"","sources":["../../../../src/kdaDialog/dialog/hooks/useKdaDialogAccessibility.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,UAAU,yBAAyB,CAAC,MAAc;IACpD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,cAAc,GAAG,KAAK,EAAE,CAAC;IAE/B,OAAO,OAAO,CAAC,GAAG,EAAE;QAChB,OAAO;YACH,cAAc;YACd,KAAK,EAAE,IAAI,CAAC,aAAa,CACrB;gBACI,EAAE,EAAE,wBAAwB;aAC/B,EACD;gBACI,MAAM;aACT,CACJ;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,eAAe;YACzB,WAAW,EAAE;gBACT,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC;oBAC1B,EAAE,EAAE,6BAA6B;iBACpC,CAAC;aACL;SACJ,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;AACvC,CAAC"}

package/esm/kdaDialog/index.d.ts

@@ -0,0 +1,3 @@
+export { KdaDialog } from "./KdaDialog.js";
+export type { IKdaDialogProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/esm/kdaDialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/kdaDialog/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/esm/kdaDialog/index.js

@@ -0,0 +1,3 @@
+// (C) 2025 GoodData Corporation
+export { KdaDialog } from "./KdaDialog.js";
+//# sourceMappingURL=index.js.map

package/esm/kdaDialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/kdaDialog/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/esm/kdaDialog/internal.d.ts

@@ -0,0 +1,5 @@
+export type * from "./internalTypes.js";
+export * from "./providers/KdaState.js";
+export * from "./providers/KdaStore.js";
+export * from "./dialog/KdaDialog.js";
+//# sourceMappingURL=internal.d.ts.map