@gooddata/sdk-ui-dashboard 11.12.0-alpha.1 → 11.12.0-alpha.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/__version.d.ts +1 -1
- package/esm/__version.js +1 -1
- package/esm/kdaDialog/components/KdaSummaryDrivers.d.ts.map +1 -1
- package/esm/kdaDialog/components/KdaSummaryDrivers.js +9 -3
- package/esm/kdaDialog/components/KdaSummaryDrivers.js.map +1 -1
- package/esm/kdaDialog/components/bars/DateBar.d.ts.map +1 -1
- package/esm/kdaDialog/components/bars/DateBar.js +4 -3
- package/esm/kdaDialog/components/bars/DateBar.js.map +1 -1
- package/esm/kdaDialog/components/bars/MetricBar.d.ts.map +1 -1
- package/esm/kdaDialog/components/bars/MetricBar.js +2 -2
- package/esm/kdaDialog/components/bars/MetricBar.js.map +1 -1
- package/esm/kdaDialog/components/columns/driverColumn.d.ts +2 -2
- package/esm/kdaDialog/components/columns/driverColumn.d.ts.map +1 -1
- package/esm/kdaDialog/components/columns/driverColumn.js +4 -11
- package/esm/kdaDialog/components/columns/driverColumn.js.map +1 -1
- package/esm/kdaDialog/components/items/SummaryItem.d.ts.map +1 -1
- package/esm/kdaDialog/components/items/SummaryItem.js +1 -1
- package/esm/kdaDialog/components/items/SummaryItem.js.map +1 -1
- package/esm/kdaDialog/composition/AddFilterButton.d.ts.map +1 -1
- package/esm/kdaDialog/composition/AddFilterButton.js +12 -2
- package/esm/kdaDialog/composition/AddFilterButton.js.map +1 -1
- package/esm/kdaDialog/composition/KeyDriversFooter.d.ts.map +1 -1
- package/esm/kdaDialog/composition/KeyDriversFooter.js +48 -12
- package/esm/kdaDialog/composition/KeyDriversFooter.js.map +1 -1
- package/esm/kdaDialog/composition/KeyDriversOverview.js +7 -12
- package/esm/kdaDialog/composition/KeyDriversOverview.js.map +1 -1
- package/esm/kdaDialog/composition/KeyDriversPanel.d.ts.map +1 -1
- package/esm/kdaDialog/composition/KeyDriversPanel.js +3 -1
- package/esm/kdaDialog/composition/KeyDriversPanel.js.map +1 -1
- package/esm/kdaDialog/composition/data/dataview.d.ts.map +1 -1
- package/esm/kdaDialog/composition/data/dataview.js +15 -4
- package/esm/kdaDialog/composition/data/dataview.js.map +1 -1
- package/esm/kdaDialog/dialog/KdaDialog.js +1 -1
- package/esm/kdaDialog/dialog/KdaDialog.js.map +1 -1
- package/esm/kdaDialog/internalTypes.d.ts +2 -0
- package/esm/kdaDialog/internalTypes.d.ts.map +1 -1
- package/esm/kdaDialog/providers/KdaState.d.ts.map +1 -1
- package/esm/kdaDialog/providers/KdaState.js +3 -0
- package/esm/kdaDialog/providers/KdaState.js.map +1 -1
- package/esm/kdaDialog/tools/sortedKeyDrivers.d.ts +3 -0
- package/esm/kdaDialog/tools/sortedKeyDrivers.d.ts.map +1 -0
- package/esm/kdaDialog/tools/sortedKeyDrivers.js +9 -0
- package/esm/kdaDialog/tools/sortedKeyDrivers.js.map +1 -0
- package/esm/model/commandHandlers/scheduledEmail/initializeAutomationsHandler.d.ts.map +1 -1
- package/esm/model/commandHandlers/scheduledEmail/initializeAutomationsHandler.js +5 -6
- package/esm/model/commandHandlers/scheduledEmail/initializeAutomationsHandler.js.map +1 -1
- package/esm/model/react/useDasboardScheduledEmails/useDashboardScheduledEmailsCommands.d.ts.map +1 -1
- package/esm/model/react/useDasboardScheduledEmails/useDashboardScheduledEmailsCommands.js +17 -2
- package/esm/model/react/useDasboardScheduledEmails/useDashboardScheduledEmailsCommands.js.map +1 -1
- package/esm/model/react/useDashboardAlerting/useDashboardAlertsCommands.d.ts +1 -6
- package/esm/model/react/useDashboardAlerting/useDashboardAlertsCommands.d.ts.map +1 -1
- package/esm/model/react/useDashboardAlerting/useDashboardAlertsCommands.js +34 -4
- package/esm/model/react/useDashboardAlerting/useDashboardAlertsCommands.js.map +1 -1
- package/esm/model/store/config/configSelectors.d.ts +7 -0
- package/esm/model/store/config/configSelectors.d.ts.map +1 -1
- package/esm/model/store/config/configSelectors.js +9 -0
- package/esm/model/store/config/configSelectors.js.map +1 -1
- package/esm/model/store/index.d.ts +2 -2
- package/esm/model/store/index.d.ts.map +1 -1
- package/esm/model/store/index.js +2 -2
- package/esm/model/store/index.js.map +1 -1
- package/esm/model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.d.ts.map +1 -1
- package/esm/model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.js +1 -1
- package/esm/model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.js.map +1 -1
- package/esm/model/store/tabs/dateFilterConfig/dateFilterConfigSelectors.d.ts.map +1 -1
- package/esm/model/store/tabs/dateFilterConfig/dateFilterConfigSelectors.js +1 -3
- package/esm/model/store/tabs/dateFilterConfig/dateFilterConfigSelectors.js.map +1 -1
- package/esm/model/store/tabs/dateFilterConfigs/dateFilterConfigsSelectors.d.ts.map +1 -1
- package/esm/model/store/tabs/dateFilterConfigs/dateFilterConfigsSelectors.js +1 -1
- package/esm/model/store/tabs/dateFilterConfigs/dateFilterConfigsSelectors.js.map +1 -1
- package/esm/model/store/tabs/layout/layoutSelectors.d.ts +6 -0
- package/esm/model/store/tabs/layout/layoutSelectors.d.ts.map +1 -1
- package/esm/model/store/tabs/layout/layoutSelectors.js +22 -0
- package/esm/model/store/tabs/layout/layoutSelectors.js.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertAttributeSelect.d.ts +0 -12
- package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertAttributeSelect.d.ts.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertAttributeSelect.js +2 -5
- package/esm/presentation/alerting/DefaultAlertingDialog/components/AlertAttributeSelect.js.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/hooks/useEditAlert.d.ts.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/hooks/useEditAlert.js +6 -2
- package/esm/presentation/alerting/DefaultAlertingDialog/hooks/useEditAlert.js.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/utils/convertors.d.ts +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/utils/convertors.d.ts.map +1 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/utils/convertors.js +2 -1
- package/esm/presentation/alerting/DefaultAlertingDialog/utils/convertors.js.map +1 -1
- package/esm/presentation/dashboard/DashboardHeader/DashboardTabs.d.ts.map +1 -1
- package/esm/presentation/dashboard/DashboardHeader/DashboardTabs.js +1 -1
- package/esm/presentation/dashboard/DashboardHeader/DashboardTabs.js.map +1 -1
- package/esm/presentation/filterBar/attributeFilter/addAttributeFilter/AttributesDropdown.d.ts +1 -1
- package/esm/presentation/filterBar/attributeFilter/addAttributeFilter/AttributesDropdown.d.ts.map +1 -1
- package/esm/presentation/filterBar/attributeFilter/addAttributeFilter/AttributesDropdown.js +7 -4
- package/esm/presentation/filterBar/attributeFilter/addAttributeFilter/AttributesDropdown.js.map +1 -1
- package/esm/presentation/filterBar/attributeFilter/types.d.ts +2 -1
- package/esm/presentation/filterBar/attributeFilter/types.d.ts.map +1 -1
- package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.d.ts.map +1 -1
- package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.js +3 -1
- package/esm/presentation/flexibleLayout/DashboardItemOverlay/DashboardItemOverlay.js.map +1 -1
- package/esm/presentation/localization/bundles/en-US.json +8 -0
- package/esm/presentation/localization/bundles/en-US.localization-bundle.d.ts +2 -0
- package/esm/presentation/localization/bundles/en-US.localization-bundle.d.ts.map +1 -1
- package/esm/presentation/localization/bundles/en-US.localization-bundle.js +2 -0
- package/esm/presentation/localization/bundles/en-US.localization-bundle.js.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/DefaultScheduledEmailDialog.d.ts.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/DefaultScheduledEmailDialog.js +6 -10
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/DefaultScheduledEmailDialog.js.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.d.ts.map +1 -1
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.js +17 -3
- package/esm/presentation/scheduledEmail/DefaultScheduledEmailDialog/hooks/useEditScheduledEmail.js.map +1 -1
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/CustomError.d.ts.map +1 -1
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/CustomError.js +5 -1
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/CustomError.js.map +1 -1
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/ResultCacheMissingError.d.ts +6 -0
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/ResultCacheMissingError.d.ts.map +1 -0
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/ResultCacheMissingError.js +10 -0
- package/esm/presentation/widget/insight/ViewModeDashboardInsight/CustomError/ResultCacheMissingError.js.map +1 -0
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.d.ts.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.js +2 -2
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/getDefaultInsightMenuItems.js.map +1 -1
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/types.d.ts +1 -0
- package/esm/presentation/widget/insightMenu/DefaultDashboardInsightMenu/types.d.ts.map +1 -1
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.d.ts.map +1 -1
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.js +5 -1
- package/esm/presentation/widget/widget/InsightWidget/useInsightMenu.js.map +1 -1
- package/esm/sdk-ui-dashboard.d.ts +19 -2
- package/package.json +18 -18
- package/styles/css/dashboard.css +1 -1
- package/styles/css/dashboard.css.map +1 -1
- package/styles/css/filterBar.css +13 -1
- package/styles/css/filterBar.css.map +1 -1
- package/styles/css/kdaDialog.css +16 -7
- package/styles/css/kdaDialog.css.map +1 -1
- package/styles/css/layout.css +1 -0
- package/styles/css/layout.css.map +1 -1
- package/styles/css/main.css +35 -13
- package/styles/css/main.css.map +1 -1
- package/styles/css/toolbar.css +1 -1
- package/styles/css/visualization.css +4 -3
- package/styles/css/visualization.css.map +1 -1
- package/styles/scss/_zIndexes.scss +2 -2
- package/styles/scss/dashboard.scss +0 -1
- package/styles/scss/filterBar.scss +18 -1
- package/styles/scss/kdaDialog.scss +18 -8
- package/styles/scss/layout.scss +1 -0
- package/styles/scss/visualization.scss +4 -3
package/esm/__version.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const LIB_VERSION = "11.12.0-alpha.
|
|
1
|
+
export declare const LIB_VERSION = "11.12.0-alpha.3";
|
|
2
2
|
export declare const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
|
|
3
3
|
export declare const LIB_NAME = "@gooddata/sdk-ui-dashboard";
|
|
4
4
|
//# sourceMappingURL=__version.d.ts.map
|
package/esm/__version.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// (C) 2021 GoodData Corporation
|
|
2
2
|
// DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
|
|
3
|
-
export const LIB_VERSION = "11.12.0-alpha.
|
|
3
|
+
export const LIB_VERSION = "11.12.0-alpha.3";
|
|
4
4
|
export const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
|
|
5
5
|
export const LIB_NAME = "@gooddata/sdk-ui-dashboard";
|
|
6
6
|
//# sourceMappingURL=__version.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdaSummaryDrivers.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/components/KdaSummaryDrivers.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KdaSummaryDrivers.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/components/KdaSummaryDrivers.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,iBAAiB,4CA8ChC"}
|
|
@@ -9,6 +9,7 @@ import { driversCountColumn } from "./columns/driversCount.js";
|
|
|
9
9
|
import { titleColumn } from "./columns/titleColumn.js";
|
|
10
10
|
import { useSummaryDrivers } from "../hooks/useSummaryDrivers.js";
|
|
11
11
|
import { useKdaState } from "../providers/KdaState.js";
|
|
12
|
+
import { getSortedSignificantDriver } from "../tools/sortedKeyDrivers.js";
|
|
12
13
|
export function KdaSummaryDrivers() {
|
|
13
14
|
const { ref, width, height } = useElementSize();
|
|
14
15
|
const intl = useIntl();
|
|
@@ -24,10 +25,15 @@ export function KdaSummaryDrivers() {
|
|
|
24
25
|
const columnWidth = [200, 200, width - 400 - (list.length > 6 ? UiAsyncTableScrollbarWidth : 0)];
|
|
25
26
|
return [
|
|
26
27
|
titleColumn(intl, columnWidth[0]),
|
|
27
|
-
driverColumn(intl, columnWidth[1]
|
|
28
|
+
driverColumn(intl, columnWidth[1]),
|
|
28
29
|
driversCountColumn(intl, columnWidth[2]),
|
|
29
30
|
];
|
|
30
|
-
}, [intl, width, list
|
|
31
|
-
return (_jsx("div", { className: cx("gd-kda-key-drivers-summary"), children: _jsx("div", { className: cx("gd-kda-key-drivers-summary-list"), ref: ref, children: _jsx(UiAsyncTable, { items: list, totalItemsCount: list.length, columns: columns, width: width, maxHeight: height - 45, hasNextPage: false, filters: []
|
|
31
|
+
}, [intl, width, list]);
|
|
32
|
+
return (_jsx("div", { className: cx("gd-kda-key-drivers-summary"), children: _jsx("div", { className: cx("gd-kda-key-drivers-summary-list"), ref: ref, children: _jsx(UiAsyncTable, { items: list, totalItemsCount: list.length, columns: columns, width: width, maxHeight: height - 45, hasNextPage: false, filters: [], onItemClick: (item) => {
|
|
33
|
+
const first = getSortedSignificantDriver(item)[0];
|
|
34
|
+
if (first) {
|
|
35
|
+
onSelect(first);
|
|
36
|
+
}
|
|
37
|
+
} }) }) }));
|
|
32
38
|
}
|
|
33
39
|
//# sourceMappingURL=KdaSummaryDrivers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KdaSummaryDrivers.js","sourceRoot":"","sources":["../../../src/kdaDialog/components/KdaSummaryDrivers.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EACH,YAAY,EAEZ,0BAA0B,EAC1B,cAAc,GACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"KdaSummaryDrivers.js","sourceRoot":"","sources":["../../../src/kdaDialog/components/KdaSummaryDrivers.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EACH,YAAY,EAEZ,0BAA0B,EAC1B,cAAc,GACjB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE1E,MAAM,UAAU,iBAAiB;IAC7B,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAChD,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAC1C,MAAM,QAAQ,GAAG,WAAW,CACxB,CAAC,IAAa,EAAE,EAAE;QACd,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC;QACnE,QAAQ,CAAC;YACL,YAAY,EAAE,YAAY,IAAI,SAAS;SAC1C,CAAC,CAAC;IACP,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAC1B,CAAC;IACF,MAAM,IAAI,GAAG,iBAAiB,EAAE,CAAC;IAEjC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,MAAM,WAAW,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACjG,OAAO;YACH,WAAW,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;YACjC,YAAY,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;YAClC,kBAAkB,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;SACL,CAAC;IAC5C,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC;IAExB,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,4BAA4B,CAAC,YAC5C,cAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC,EAAE,GAAG,EAAE,GAAgC,YACxF,KAAC,YAAY,IACT,KAAK,EAAE,IAAI,EACX,eAAe,EAAE,IAAI,CAAC,MAAM,EAC5B,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,GAAG,EAAE,EACtB,WAAW,EAAE,KAAK,EAClB,OAAO,EAAE,EAAE,EACX,WAAW,EAAE,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,KAAK,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;oBAClD,IAAI,KAAK,EAAE,CAAC;wBACR,QAAQ,CAAC,KAAK,CAAC,CAAC;oBACpB,CAAC;gBACL,CAAC,GACH,GACA,GACJ,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateBar.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/DateBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,UAAU,aAAa;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,
|
|
1
|
+
{"version":3,"file":"DateBar.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/DateBar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/C,UAAU,aAAa;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,2CAoE3C"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
// (C) 2025 GoodData Corporation
|
|
3
|
-
import { useMemo, useRef } from "react";
|
|
3
|
+
import { useMemo, useRef, useState } from "react";
|
|
4
4
|
import cx from "classnames";
|
|
5
5
|
import { useIntl } from "react-intl";
|
|
6
6
|
import { UiChip, UiListbox, UiPopover, UiTooltip } from "@gooddata/sdk-ui-kit";
|
|
@@ -8,6 +8,7 @@ import { formatTitle } from "../../utils.js";
|
|
|
8
8
|
export function DateBar(props) {
|
|
9
9
|
const intl = useIntl();
|
|
10
10
|
const ref = useRef(null);
|
|
11
|
+
const [isActive, setIsActive] = useState(false);
|
|
11
12
|
const splitter = intl.formatMessage({ id: "kdaDialog.dialog.bars.date.splitter" });
|
|
12
13
|
const label = intl.formatMessage({ id: "kdaDialog.dialog.bars.date.title" }, {
|
|
13
14
|
title: formatTitle(props.options, splitter),
|
|
@@ -30,10 +31,10 @@ export function DateBar(props) {
|
|
|
30
31
|
},
|
|
31
32
|
];
|
|
32
33
|
}, [intl]);
|
|
33
|
-
return (_jsx("div", { className: cx("gd-kda-dialog-bar__date"), children: _jsx(UiTooltip, { arrowPlacement: "top-start", content: label, optimalPlacement: true, triggerBy: ["hover", "focus"], anchor: _jsx(UiPopover, { disabled: !props.isAvailable, anchor: _jsx(UiChip, { label: label, iconBefore: "date", isExpandable:
|
|
34
|
+
return (_jsx("div", { className: cx("gd-kda-dialog-bar__date"), children: _jsx(UiTooltip, { arrowPlacement: "top-start", content: label, optimalPlacement: true, triggerBy: ["hover", "focus"], anchor: _jsx(UiPopover, { disabled: !props.isAvailable, anchor: _jsx(UiChip, { label: label, iconBefore: "date", isExpandable: true, isActive: isActive }), title: intl.formatMessage({ id: "kdaDialog.dialog.bars.date.period.title" }), initialFocus: ref, content: ({ onClose }) => (_jsx("div", { className: cx("gd-kda-dialog-bar__date-select"), children: _jsx(UiListbox, { reference: ref, selectedItemId: props.options.period, items: items, ariaAttributes: {
|
|
34
35
|
id: "kda-dialog-date-bar",
|
|
35
36
|
}, onClose: onClose, onSelect: (item) => {
|
|
36
37
|
props.onPeriodChange(item.data);
|
|
37
|
-
} }) })) }) }) }));
|
|
38
|
+
} }) })), onOpen: () => setIsActive(true), onClose: () => setIsActive(false) }) }) }));
|
|
38
39
|
}
|
|
39
40
|
//# sourceMappingURL=DateBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateBar.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/DateBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"DateBar.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/DateBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAI/E,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,MAAM,UAAU,OAAO,CAAC,KAAoB;IACxC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,GAAG,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC3C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,qCAAqC,EAAE,CAAC,CAAC;IACnF,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAC5B,EAAE,EAAE,EAAE,kCAAkC,EAAE,EAC1C;QACI,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,CAAC;KAC9C,CACJ,CAAC;IAEF,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,OAAO;YACH;gBACI,IAAI,EAAE,aAAsB;gBAC5B,EAAE,EAAE,2BAA2B;gBAC/B,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC;oBAC5B,EAAE,EAAE,0DAA0D;iBACjE,CAAC;gBACF,IAAI,EAAE,2BAAoC;aAC7C;YACD;gBACI,IAAI,EAAE,aAAsB;gBAC5B,EAAE,EAAE,iBAAiB;gBACrB,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,kDAAkD,EAAE,CAAC;gBAC3F,IAAI,EAAE,iBAA0B;aACnC;SACJ,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,CAAC,YACzC,KAAC,SAAS,IACN,cAAc,EAAC,WAAW,EAC1B,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,MAAM,EACF,KAAC,SAAS,IACN,QAAQ,EAAE,CAAC,KAAK,CAAC,WAAW,EAC5B,MAAM,EAAE,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAC,MAAM,EAAC,YAAY,QAAC,QAAQ,EAAE,QAAQ,GAAI,EACnF,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yCAAyC,EAAE,CAAC,EAC5E,YAAY,EAAE,GAA6B,EAC3C,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACtB,cAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,CAAC,YAChD,KAAC,SAAS,IACN,SAAS,EAAE,GAAG,EACd,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EACpC,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE;4BACZ,EAAE,EAAE,qBAAqB;yBAC5B,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;4BACf,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACpC,CAAC,GACH,GACA,CACT,EACD,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,GACnC,GAER,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricBar.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/MetricBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,UAAU,eAAe;IACrB,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,
|
|
1
|
+
{"version":3,"file":"MetricBar.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/MetricBar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,UAAU,eAAe;IACrB,UAAU,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;CAC5C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,eAAe,2CAqB/C"}
|
|
@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import cx from "classnames";
|
|
4
4
|
import { UiChip, UiTooltip } from "@gooddata/sdk-ui-kit";
|
|
5
5
|
export function MetricBar(props) {
|
|
6
|
-
const { title } = props.definition.metric.measure;
|
|
7
|
-
return (_jsx("div", { className: cx("gd-kda-dialog-bar__metric"), children: _jsx(UiTooltip, { arrowPlacement: "top-start", content: title, optimalPlacement: true, triggerBy: ["hover", "focus"], anchor: _jsx(UiChip, { label: title ?? "", iconBefore: "metric", isExpandable: false, isDisabled: true }) }) }));
|
|
6
|
+
const { title, alias } = props.definition.metric.measure;
|
|
7
|
+
return (_jsx("div", { className: cx("gd-kda-dialog-bar__metric"), children: _jsx(UiTooltip, { arrowPlacement: "top-start", content: title, optimalPlacement: true, triggerBy: ["hover", "focus"], anchor: _jsx(UiChip, { label: alias ?? title ?? "", iconBefore: "metric", isExpandable: false, isDisabled: true }) }) }));
|
|
8
8
|
}
|
|
9
9
|
//# sourceMappingURL=MetricBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MetricBar.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/MetricBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASzD,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC5C,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MetricBar.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/bars/MetricBar.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,YAAY,CAAC;AAE5B,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AASzD,MAAM,UAAU,SAAS,CAAC,KAAsB;IAC5C,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC;IAEzD,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,CAAC,YAC3C,KAAC,SAAS,IACN,cAAc,EAAC,WAAW,EAC1B,OAAO,EAAE,KAAK,EACd,gBAAgB,QAChB,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,MAAM,EACF,KAAC,MAAM,IACH,KAAK,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,EAC3B,UAAU,EAAC,QAAQ,EACnB,YAAY,EAAE,KAAK,EACnB,UAAU,SACZ,GAER,GACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IntlShape } from "react-intl";
|
|
2
2
|
import { UiAsyncTableColumn } from "@gooddata/sdk-ui-kit";
|
|
3
|
-
import {
|
|
4
|
-
export declare const driverColumn: (intl: IntlShape, width: number
|
|
3
|
+
import { KdaItemGroup } from "../../internalTypes.js";
|
|
4
|
+
export declare const driverColumn: (intl: IntlShape, width: number) => UiAsyncTableColumn<KdaItemGroup>;
|
|
5
5
|
//# sourceMappingURL=driverColumn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"driverColumn.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/columns/driverColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAY,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"driverColumn.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/components/columns/driverColumn.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,kBAAkB,EAAY,MAAM,sBAAsB,CAAC;AAEpE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,eAAO,MAAM,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,kBAAkB,CAAC,YAAY,CAiB7F,CAAC"}
|
|
@@ -1,25 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { UiButton } from "@gooddata/sdk-ui-kit";
|
|
3
|
-
|
|
3
|
+
import { getSortedSignificantDriver } from "../../tools/sortedKeyDrivers.js";
|
|
4
|
+
export const driverColumn = (intl, width) => {
|
|
4
5
|
return {
|
|
5
6
|
label: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.detail.table.driver" }),
|
|
6
7
|
key: "significantDrivers",
|
|
7
8
|
width,
|
|
8
9
|
align: "left",
|
|
9
10
|
getTextContent: (item) => {
|
|
10
|
-
const first = item.significantDrivers.sort((a, b) => {
|
|
11
|
-
const aValue = Math.abs(a.to.value - a.from.value);
|
|
12
|
-
const bValue = Math.abs(b.to.value - b.from.value);
|
|
13
|
-
return bValue - aValue;
|
|
14
|
-
})[0];
|
|
15
11
|
if (item.significantDrivers.length === 0) {
|
|
16
12
|
return "-";
|
|
17
13
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
e.preventDefault();
|
|
21
|
-
onSelect(first);
|
|
22
|
-
} }));
|
|
14
|
+
const first = getSortedSignificantDriver(item)[0];
|
|
15
|
+
return _jsx(UiButton, { tabIndex: -1, label: first.category, variant: "tertiary", size: "small" });
|
|
23
16
|
},
|
|
24
17
|
};
|
|
25
18
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"driverColumn.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/columns/driverColumn.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAsB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"driverColumn.js","sourceRoot":"","sources":["../../../../src/kdaDialog/components/columns/driverColumn.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAsB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAE7E,MAAM,CAAC,MAAM,YAAY,GAAyE,CAC9F,IAAI,EACJ,KAAK,EACP,EAAE;IACA,OAAO;QACH,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,yDAAyD,EAAE,CAAC;QAC5F,GAAG,EAAE,oBAAoB;QACzB,KAAK;QACL,KAAK,EAAE,MAAM;QACb,cAAc,EAAE,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,IAAI,CAAC,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACvC,OAAO,GAAG,CAAC;YACf,CAAC;YACD,MAAM,KAAK,GAAG,0BAA0B,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAClD,OAAO,KAAC,QAAQ,IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC;QAC7F,CAAC;KACJ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,CA6BZ"}
|
|
@@ -8,7 +8,7 @@ export function SummaryItem({ onSelect, isSelected, detailsId, }) {
|
|
|
8
8
|
const intl = useIntl();
|
|
9
9
|
const [isFocused, setFocused] = useState(false);
|
|
10
10
|
const label = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.summary.title" });
|
|
11
|
-
return (_jsxs("div", { tabIndex: 0, role: "button", "aria-
|
|
11
|
+
return (_jsxs("div", { tabIndex: 0, role: "button", "aria-controls": detailsId, className: cx("gd-kda-item-summary", {
|
|
12
12
|
"gd-kda-item-summary-selected": isSelected,
|
|
13
13
|
"gd-kda-item-summary-focused": isFocused,
|
|
14
14
|
}), onClick: onSelect, onFocus: () => setFocused(true), onBlur: () => setFocused(false), onKeyDown: (e) => {
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddFilterButton.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/AddFilterButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AddFilterButton.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/AddFilterButton.tsx"],"names":[],"mappings":"AAaA,wBAAgB,eAAe,4CA4E9B"}
|
|
@@ -6,19 +6,29 @@ import { Typography, UiIconButton, UiTooltip } from "@gooddata/sdk-ui-kit";
|
|
|
6
6
|
import { useAddNewAttributeHandler } from "./hooks/useAddNewAttributeHandler.js";
|
|
7
7
|
import { useUnusedAttributes } from "./hooks/useUnusedAttributes.js";
|
|
8
8
|
import { AttributesDropdown } from "../../presentation/filterBar/attributeFilter/addAttributeFilter/AttributesDropdown.js";
|
|
9
|
+
import { useKdaState } from "../providers/KdaState.js";
|
|
9
10
|
export function AddFilterButton() {
|
|
10
11
|
const intl = useIntl();
|
|
11
12
|
const attributes = useUnusedAttributes();
|
|
13
|
+
const { setState } = useKdaState();
|
|
12
14
|
const tooltipText = intl.formatMessage({ id: "kdaDialog.dialog.filters.add.tooltip" });
|
|
13
15
|
const searchAriaLabel = intl.formatMessage({ id: "kdaDialog.dialog.filters.search" });
|
|
14
16
|
const ariaLabelledBy = useId();
|
|
15
17
|
const attributesDropdownId = useId();
|
|
16
18
|
const isAddButtonDisabled = attributes.length === 0;
|
|
17
19
|
const { onSelectCallback } = useAddNewAttributeHandler();
|
|
18
|
-
return (_jsx(AttributesDropdown, { id: attributesDropdownId, openOnInit: false, dateDatasets: [], attributes: attributes, onSelect: onSelectCallback,
|
|
20
|
+
return (_jsx(AttributesDropdown, { id: attributesDropdownId, openOnInit: false, dateDatasets: [], attributes: attributes, onSelect: onSelectCallback, onOpen: () => {
|
|
21
|
+
setState({
|
|
22
|
+
addFilterDropdownOpen: true,
|
|
23
|
+
});
|
|
24
|
+
}, onClose: () => {
|
|
25
|
+
setState({
|
|
26
|
+
addFilterDropdownOpen: false,
|
|
27
|
+
});
|
|
28
|
+
}, renderVirtualisedList: true, accessibilityConfig: {
|
|
19
29
|
ariaLabelledBy,
|
|
20
30
|
searchAriaLabel,
|
|
21
|
-
}, overlayPositionType: "
|
|
31
|
+
}, overlayPositionType: "sameAsTarget", className: "gd-kda-attribute-add-dropdown", DropdownButtonComponent: ({ buttonRef, isOpen, onClick }) => (_jsx(UiTooltip, { arrowPlacement: "left", triggerBy: ["hover", "focus"], content: tooltipText, anchor: _jsx(UiIconButton, { icon: "plus", label: tooltipText, onClick: onClick, size: "small", variant: "tertiary", isDisabled: isAddButtonDisabled, ref: buttonRef, accessibilityConfig: {
|
|
22
32
|
ariaLabel: tooltipText,
|
|
23
33
|
ariaControls: attributesDropdownId,
|
|
24
34
|
ariaExpanded: isOpen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AddFilterButton.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/AddFilterButton.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAa,KAAK,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,sCAAsC,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uFAAuF,CAAC;
|
|
1
|
+
{"version":3,"file":"AddFilterButton.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/AddFilterButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyDriversFooter.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversFooter.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"KeyDriversFooter.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversFooter.tsx"],"names":[],"mappings":"AAcA,wBAAgB,gBAAgB,4CA2I/B"}
|
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
// (C) 2025 GoodData Corporation
|
|
3
|
+
import { useMemo } from "react";
|
|
2
4
|
import { FormattedMessage } from "react-intl";
|
|
3
5
|
import { areObjRefsEqual } from "@gooddata/sdk-model";
|
|
4
|
-
import { DropdownInvertableSelect, UiButton, UiSkeleton } from "@gooddata/sdk-ui-kit";
|
|
6
|
+
import { DropdownInvertableSelect, InvertableSelectItem, UiButton, UiSkeleton } from "@gooddata/sdk-ui-kit";
|
|
5
7
|
import { selectCatalogAttributes, selectCatalogIsLoaded, useDashboardSelector } from "../../model/index.js";
|
|
8
|
+
import { useSummaryDrivers } from "../hooks/useSummaryDrivers.js";
|
|
6
9
|
import { useKdaState } from "../providers/KdaState.js";
|
|
7
10
|
export function KeyDriversFooter() {
|
|
8
11
|
const { state, setState } = useKdaState();
|
|
12
|
+
const list = useSummaryDrivers();
|
|
9
13
|
const isCatalogLoaded = useDashboardSelector(selectCatalogIsLoaded);
|
|
10
14
|
const isLoading = !isCatalogLoaded ||
|
|
11
15
|
state.itemsStatus === "pending" ||
|
|
@@ -13,20 +17,46 @@ export function KeyDriversFooter() {
|
|
|
13
17
|
state.relevantStatus === "pending" ||
|
|
14
18
|
state.relevantStatus === "loading";
|
|
15
19
|
const allAttributes = useDashboardSelector(selectCatalogAttributes);
|
|
16
|
-
const validAttributes =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
const { validAttributes, mapAttributes } = useMemo(() => {
|
|
21
|
+
const mapAttributes = new Map();
|
|
22
|
+
const validAttributes = allAttributes
|
|
23
|
+
.filter((a) => {
|
|
24
|
+
return state.relevantAttributes.some((attr) => areObjRefsEqual(attr, a.attribute.ref));
|
|
25
|
+
})
|
|
26
|
+
.map((a) => {
|
|
27
|
+
const group = list.find((item) => a.displayForms.some((df) => areObjRefsEqual(df.ref, item.displayForm)));
|
|
28
|
+
mapAttributes.set(a.attribute.ref, group);
|
|
29
|
+
return [a, group];
|
|
30
|
+
})
|
|
31
|
+
.sort(([, a], [, b]) => {
|
|
32
|
+
const aIndex = a ? list.indexOf(a) : -1;
|
|
33
|
+
const bIndex = b ? list.indexOf(b) : -1;
|
|
34
|
+
return aIndex - bIndex;
|
|
35
|
+
})
|
|
36
|
+
.map(([a]) => a);
|
|
37
|
+
return { validAttributes, mapAttributes };
|
|
38
|
+
}, [allAttributes, list, state.relevantAttributes]);
|
|
39
|
+
const initialAttributes = useMemo(() => {
|
|
40
|
+
return state.selectedAttributes
|
|
41
|
+
.map((attr) => {
|
|
42
|
+
return validAttributes.find((a) => a.displayForms.some((df) => areObjRefsEqual(df.ref, attr)));
|
|
43
|
+
})
|
|
44
|
+
.filter(Boolean);
|
|
45
|
+
}, [state.selectedAttributes, validAttributes]);
|
|
24
46
|
const isSearchBarVisible = validAttributes.length > 7;
|
|
25
47
|
return (_jsx("div", { children: isLoading ? (_jsx(UiSkeleton, { itemHeight: 23, itemWidth: 300 })) : (_jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.overview.summary.drivers.description", values: {
|
|
26
48
|
combinations: state.items.length,
|
|
27
49
|
attributes: state.selectedAttributes.length,
|
|
28
50
|
button: (chunks) => {
|
|
29
|
-
return (_jsx(DropdownInvertableSelect, { className: "gd-kda-attributes-dropdown", initialValue: initialAttributes, overlayPositionType: "
|
|
51
|
+
return (_jsx(DropdownInvertableSelect, { closeOnEscape: true, className: "gd-kda-attributes-dropdown", initialValue: initialAttributes, overlayPositionType: "sameAsTarget", initialIsInverted: false, options: validAttributes, onOpen: () => {
|
|
52
|
+
setState({
|
|
53
|
+
attributesDropdownOpen: true,
|
|
54
|
+
});
|
|
55
|
+
}, onClose: () => {
|
|
56
|
+
setState({
|
|
57
|
+
attributesDropdownOpen: false,
|
|
58
|
+
});
|
|
59
|
+
}, alignPoints: [{ align: "tl bl" }], getItemTitle: (item) => item.attribute.title, getItemKey: (item) => item.attribute.id, onChange: (selectedItems, isInverted) => {
|
|
30
60
|
const selected = isInverted
|
|
31
61
|
? validAttributes.filter((a) => !selectedItems.includes(a))
|
|
32
62
|
: selectedItems;
|
|
@@ -36,7 +66,13 @@ export function KeyDriversFooter() {
|
|
|
36
66
|
});
|
|
37
67
|
}, header: _jsx("div", { className: "gd-kda-attributes-dropdown__header", children: _jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.overview.summary.drivers.attributes" }) }), renderSearchBar: isSearchBarVisible
|
|
38
68
|
? undefined
|
|
39
|
-
: () => _jsx("div", { className: "gd-kda-attributes-dropdown__no-search" }),
|
|
69
|
+
: () => _jsx("div", { className: "gd-kda-attributes-dropdown__no-search" }), renderItem: (props) => (_jsx(InvertableSelectItem, { title: props.title, isSelected: props.isSelected, onClick: props.isSelected ? props.onDeselect : props.onSelect, onOnly: props.onSelectOnly, renderRight: () => {
|
|
70
|
+
const group = mapAttributes.get(props.item.attribute.ref);
|
|
71
|
+
if (!group || group.significantDrivers.length === 0) {
|
|
72
|
+
return null;
|
|
73
|
+
}
|
|
74
|
+
return (_jsxs("span", { className: "gd-kda-attributes-dropdown__key_drivers", children: ["(", group.significantDrivers.length, ")"] }));
|
|
75
|
+
} })), renderButton: ({ buttonRef, isOpen, toggleDropdown }) => (_jsx(UiButton, { ref: buttonRef, variant: "tertiary", iconAfter: "settings", isSelected: isOpen, label: chunks.join(""), onClick: toggleDropdown })) }));
|
|
40
76
|
},
|
|
41
77
|
} })) }));
|
|
42
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyDriversFooter.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversFooter.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"KeyDriversFooter.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversFooter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,29 +25,24 @@ function KeyDriversSummary({ loading, detailsId }) {
|
|
|
25
25
|
function KeyDriversDetail({ detailsId }) {
|
|
26
26
|
const intl = useIntl();
|
|
27
27
|
const { state } = useKdaState();
|
|
28
|
-
const
|
|
28
|
+
const metric = state.definition?.metric;
|
|
29
|
+
const title = metric?.measure.title ?? metric?.measure.alias ?? "";
|
|
29
30
|
const category = getCategory(state.selectedItem);
|
|
30
31
|
const { group, item } = useGroupAndItem();
|
|
31
32
|
const { config, dataView, displayForm } = useDataViewWithConfig(group, item);
|
|
32
|
-
return (_jsxs("div", { className: cx("gd-kda-key-drivers-detail"), id: detailsId, children: [
|
|
33
|
+
return (_jsxs("div", { className: cx("gd-kda-key-drivers-detail"), id: detailsId, children: [_jsx("div", { children: _jsx("div", { className: cx("gd-kda-key-drivers-detail-title"), children: getTitle(intl, title, state.selectedItem) }) }), _jsx("div", { className: cx("gd-kda-key-drivers-detail-visualisation"), children: _jsx(KdaKeyDriverChart, { config: config, dataView: dataView, displayForm: displayForm }) }), _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" }, {
|
|
33
34
|
category,
|
|
34
35
|
})] })] }));
|
|
35
36
|
}
|
|
36
|
-
function getTitle(intl, item) {
|
|
37
|
+
function getTitle(intl, metric, item) {
|
|
37
38
|
if (typeof item === "string") {
|
|
38
39
|
return "";
|
|
39
40
|
}
|
|
40
41
|
return intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.overview.detail.title" }, {
|
|
41
|
-
title:
|
|
42
|
-
category: item.data.
|
|
42
|
+
title: metric,
|
|
43
|
+
category: item.data.title,
|
|
43
44
|
});
|
|
44
45
|
}
|
|
45
|
-
function getDescription(item) {
|
|
46
|
-
if (typeof item === "string") {
|
|
47
|
-
return "";
|
|
48
|
-
}
|
|
49
|
-
return item.data.description;
|
|
50
|
-
}
|
|
51
46
|
function getCategory(item) {
|
|
52
47
|
if (typeof item === "string") {
|
|
53
48
|
return "";
|
|
@@ -58,7 +53,7 @@ function getSummaryLoading(state, globalLoading) {
|
|
|
58
53
|
if (state.definition) {
|
|
59
54
|
const from = state.fromValue;
|
|
60
55
|
const to = state.toValue;
|
|
61
|
-
return from?.value === undefined || to?.value === undefined;
|
|
56
|
+
return globalLoading || from?.value === undefined || to?.value === undefined;
|
|
62
57
|
}
|
|
63
58
|
return globalLoading ?? false;
|
|
64
59
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyDriversOverview.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversOverview.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAa,OAAO,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAA6B,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAO7D,MAAM,UAAU,kBAAkB,CAAC,EAAE,OAAO,EAAE,SAAS,EAA2B;IAC9E,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhC,IAAI,KAAK,CAAC,YAAY,KAAK,SAAS,IAAI,OAAO,EAAE,CAAC;QAC9C,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAAC;IACzE,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AACtD,CAAC;AAOD,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAA0B;IACrE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAChC,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEzD,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CAAC,6BAA6B,CAAC,EAAE,EAAE,EAAE,SAAS,aAC5D,cAAK,SAAS,EAAE,EAAE,CAAC,mCAAmC,CAAC,YAClD,cAAc,CAAC,CAAC,CAAC,CACd,KAAC,UAAU,IAAC,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,GAAI,CACjD,CAAC,CAAC,CAAC,CACA,IAAI,CAAC,aAAa,CAAC,EAAE,EAAE,EAAE,mDAAmD,EAAE,CAAC,CAClF,GACC,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,CAAC,YACrD,cAAc,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,kBAAkB,KAAG,GACvF,EACN,cAAK,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,YACpD,OAAO,CAAC,CAAC,CAAC,KAAC,UAAU,IAAC,SAAS,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,GAAI,CAAC,CAAC,CAAC,KAAC,iBAAiB,KAAG,GAChF,IACJ,CACT,CAAC;AACN,CAAC;AAMD,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IAC3D,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE,CAAC;IAEhC,MAAM,
|
|
1
|
+
{"version":3,"file":"KeyDriversOverview.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversOverview.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyDriversPanel.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":"AAuBA,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,
|
|
1
|
+
{"version":3,"file":"KeyDriversPanel.d.ts","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":"AAuBA,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,2CA0K3E"}
|
|
@@ -10,6 +10,7 @@ import { useSignificantDrives } from "../hooks/useDriversList.js";
|
|
|
10
10
|
import { useKdaState } from "../providers/KdaState.js";
|
|
11
11
|
export function KeyDriversPanel({ loading, detailsId }) {
|
|
12
12
|
const intl = useIntl();
|
|
13
|
+
const listTitleId = useId();
|
|
13
14
|
const listId = useId();
|
|
14
15
|
const label = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.title" });
|
|
15
16
|
const tooltip = intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.tooltip" });
|
|
@@ -45,7 +46,7 @@ export function KeyDriversPanel({ loading, detailsId }) {
|
|
|
45
46
|
}, [setState, state.selectedTrend]);
|
|
46
47
|
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: () => {
|
|
47
48
|
setState({ selectedItem: "summary" });
|
|
48
|
-
} })) }), _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: {
|
|
49
|
+
} })) }), _jsx("div", { className: cx("gd-kda-key-drivers-panel-title"), id: listTitleId, 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: {
|
|
49
50
|
ariaLabel: label,
|
|
50
51
|
} }) })] })) }), _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: upSelected, onClick: () => {
|
|
51
52
|
onSelectCallback("up");
|
|
@@ -58,6 +59,7 @@ export function KeyDriversPanel({ loading, detailsId }) {
|
|
|
58
59
|
} })] })) }), _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: list.length > 0 ? (_jsx(UiListbox, { items: list, ariaAttributes: {
|
|
59
60
|
id: listId,
|
|
60
61
|
"aria-controls": detailsId,
|
|
62
|
+
"aria-labelledby": listTitleId,
|
|
61
63
|
}, InteractiveItemComponent: (props) => {
|
|
62
64
|
return _jsx(KeyDriverItem, { ...props, maximum: maximum });
|
|
63
65
|
}, selectedItemId: getSelectedItem(state), onSelect: (item) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyDriversPanel.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"KeyDriversPanel.js","sourceRoot":"","sources":["../../../src/kdaDialog/composition/KeyDriversPanel.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAEtD,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;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAElE,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,WAAW,GAAG,KAAK,EAAE,CAAC;IAC5B,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,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAErE,wEAAwE;IACxE,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YAClC,OAAO;QACX,CAAC;QACD,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;YACrF,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC1C,CAAC;QACD,2BAA2B;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAExB,MAAM,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACtD,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE1D,MAAM,gBAAgB,GAAG,WAAW,CAChC,CAAC,KAAoB,EAAE,EAAE;QACrB,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QACrD,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;YACrE,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC7B,aAAa,CAAC,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACvD,CAAC;YACD,QAAQ,CAAC;gBACL,aAAa;aAChB,CAAC,CAAC;QACP,CAAC;aAAM,CAAC;YACJ,MAAM,aAAa,GAAG,CAAC,GAAG,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YACtD,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC;QAChC,CAAC;IACL,CAAC,EACD,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,CAClC,CAAC;IAEF,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,EAAE,EAAE,EAAE,WAAW,YAChE,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,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE;gCACV,gBAAgB,CAAC,IAAI,CAAC,CAAC;4BAC3B,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,YAAY,EACxB,OAAO,EAAE,GAAG,EAAE;gCACV,gBAAgB,CAAC,MAAM,CAAC,CAAC;4BAC7B,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,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACf,KAAC,SAAS,IACN,KAAK,EAAE,IAAI,EACX,cAAc,EAAE;4BACZ,EAAE,EAAE,MAAM;4BACV,eAAe,EAAE,SAAS;4BAC1B,iBAAiB,EAAE,WAAW;yBACjC,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,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,CAC1B,KAAC,gBAAgB,IAAC,EAAE,EAAC,kCAAkC,GAAG,CAC7D,CAAC,CAAC,CAAC,CACA,4BACK,UAAU,CAAC,CAAC,CAAC,CACV,KAAC,gBAAgB,IAAC,EAAE,EAAC,qCAAqC,GAAG,CAChE,CAAC,CAAC,CAAC,CACA,KAAC,gBAAgB,IAAC,EAAE,EAAC,uCAAuC,GAAG,CAClE,GACF,CACN,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dataview.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/composition/data/dataview.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoB,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAGH,aAAa,EAKb,SAAS,EAMZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMhD,wBAAgB,cAAc,CAC1B,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,EACxC,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,GACd,SAAS,GAAG,IAAI,CAkHlB;AA+ID,wBAAgB,YAAY,CACxB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,OAAO,GACd,YAAY,
|
|
1
|
+
{"version":3,"file":"dataview.d.ts","sourceRoot":"","sources":["../../../../src/kdaDialog/composition/data/dataview.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAoB,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAGH,aAAa,EAKb,SAAS,EAMZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMhD,wBAAgB,cAAc,CAC1B,SAAS,EAAE,MAAM,EACjB,GAAG,EAAE,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,EACxC,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,MAAM,GACd,SAAS,GAAG,IAAI,CAkHlB;AA+ID,wBAAgB,YAAY,CACxB,QAAQ,EAAE,SAAS,EACnB,YAAY,EAAE,aAAa,EAC3B,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,OAAO,GACd,YAAY,CAqDd"}
|
|
@@ -231,10 +231,12 @@ export function createConfig(settings, colorPalette, group, item) {
|
|
|
231
231
|
const index = items.indexOf(item);
|
|
232
232
|
const min = Math.min(items.reduce((c, item) => Math.min(c, item.to.value - item.from.value), Infinity), deviation) * YAXIS_ADDITION_PERCENTAGE;
|
|
233
233
|
const max = Math.max(items.reduce((c, item) => Math.max(c, item.to.value - item.from.value), -Infinity), deviation) * YAXIS_ADDITION_PERCENTAGE;
|
|
234
|
-
const
|
|
235
|
-
const
|
|
234
|
+
const d = 0.2;
|
|
235
|
+
const firstColor = colorPalette[0]?.fill ?? { r: 20, g: 178, b: 226 };
|
|
236
|
+
const mainColor = `rgb(${firstColor.r}, ${firstColor.g}, ${firstColor.b})`;
|
|
237
|
+
const darkerColor = `rgb(${darker(firstColor.r, d)}, ${darker(firstColor.g, d)}, ${darker(firstColor.b, d)})`;
|
|
236
238
|
return {
|
|
237
|
-
|
|
239
|
+
colors: [mainColor, darkerColor],
|
|
238
240
|
chartFill: {
|
|
239
241
|
type: "outline",
|
|
240
242
|
},
|
|
@@ -263,7 +265,7 @@ export function createConfig(settings, colorPalette, group, item) {
|
|
|
263
265
|
},
|
|
264
266
|
enableAccessibleTooltip: settings.enableAccessibleChartTooltip,
|
|
265
267
|
enableVisualizationFineTuning: true,
|
|
266
|
-
chartConfigOverride: getConfigOverride(index,
|
|
268
|
+
chartConfigOverride: getConfigOverride(index, mainColor),
|
|
267
269
|
};
|
|
268
270
|
}
|
|
269
271
|
function getLimitedDataOnly(group, trend) {
|
|
@@ -291,4 +293,13 @@ series:
|
|
|
291
293
|
'${index}':
|
|
292
294
|
color: ${color}`;
|
|
293
295
|
}
|
|
296
|
+
function darker(color, percent) {
|
|
297
|
+
const p = Math.abs(percent);
|
|
298
|
+
const constant = 1 - p;
|
|
299
|
+
if (constant === 0) {
|
|
300
|
+
return color;
|
|
301
|
+
}
|
|
302
|
+
const c = Math.round((color - 255 * p) / constant);
|
|
303
|
+
return Math.max(0, Math.min(255, c));
|
|
304
|
+
}
|
|
294
305
|
//# sourceMappingURL=dataview.js.map
|