@gooddata/sdk-ui-dashboard 11.37.0-alpha.1 → 11.37.0-alpha.3

package/esm/__version.d.ts

@@ -1,3 +1,3 @@
-export declare const LIB_VERSION = "11.37.0-alpha.1";
+export declare const LIB_VERSION = "11.37.0-alpha.3";
 export declare const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export declare const LIB_NAME = "@gooddata/sdk-ui-dashboard";

package/esm/__version.js

@@ -1,5 +1,5 @@
 // (C) 2021 GoodData Corporation
 // DO NOT CHANGE THIS FILE, IT IS RE-GENERATED ON EVERY BUILD
-export const LIB_VERSION = "11.37.0-alpha.1";
+export const LIB_VERSION = "11.37.0-alpha.3";
 export const LIB_DESCRIPTION = "GoodData SDK - Dashboard Component";
 export const LIB_NAME = "@gooddata/sdk-ui-dashboard";

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

@@ -2,10 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cx from "classnames";
 import { FormattedMessage } from "react-intl";
 export function TrendItem({ item, onSelect, isSelected, isFocused, }) {
+    const isDisabled = !!item.isDisabled;
     return (_jsxs("div", { className: cx("gd-kda-trend-item", {
             "gd-kda-trend-item-selected": isSelected,
             "gd-kda-trend-item-focused": isFocused,
-        }), onClick: onSelect, children: [
+            "gd-kda-trend-item-disabled": isDisabled,
+        }), onClick: isDisabled ? undefined : onSelect, children: [
             _jsx("div", { className: cx("gd-kda-trend-item-text"), children: item.stringTitle }), _jsx("div", { className: cx("gd-kda-trend-item-drivers"), children: _jsx(FormattedMessage, { id: "kdaDialog.dialog.keyDrives.drivers", values: {
                         count: item.data.driver,
                     } }) })

package/esm/kdaDialog/hooks/useDriversList.js

@@ -9,6 +9,15 @@ export function useSignificantDrives() {
     const { trendUp, trendDown } = useTrendDrivers();
     const trends = useMemo(() => {
         const list = [
+            {
+                type: "interactive",
+                id: "all",
+                stringTitle: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.button.trendAll" }),
+                data: {
+                    trend: "all",
+                    driver: trendUp.length + trendDown.length,
+                },
+            },
             {
                 type: "interactive",
                 id: "up",
@@ -29,15 +38,6 @@ export function useSignificantDrives() {
                 },
                 isDisabled: trendDown.length === 0,
             },
-            {
-                type: "interactive",
-                id: "all",
-                stringTitle: intl.formatMessage({ id: "kdaDialog.dialog.keyDrives.button.trendAll" }),
-                data: {
-                    trend: "all",
-                    driver: trendUp.length + trendDown.length,
-                },
-            },
         ];
         return list;
     }, [trendUp, trendDown, intl]);

package/esm/presentation/filterBar/attributeFilter/types.d.ts

@@ -1,11 +1,12 @@
 import { type ComponentType, type ReactNode, type RefObject } from "react";
-import { type DashboardAttributeFilterItem, type ICatalogAttribute, type ICatalogDateDataset, type ICatalogMeasure, type ObjRef } from "@gooddata/sdk-model";
+import { type DashboardAttributeFilterItem, type ICatalogAttribute, type ICatalogDateDataset, type ICatalogMeasure, type IDashboardMeasureValueFilter, type MeasureValueFilterCondition, type ObjRef } from "@gooddata/sdk-model";
 import type { IAttributeFilterButtonProps } from "@gooddata/sdk-ui-filters";
 import { type IDropdownListNoDataRenderProps, type OverlayPositionType } from "@gooddata/sdk-ui-kit";
 import { type IDashboardAttributeFilterParentItem } from "../../../model/types/attributeFilterTypes.js";
 import { type IDashboardDependentDateFilter } from "../../../model/types/dateFilterTypes.js";
 import type { IFilterBarFilterGroupItem } from "../filterBar/useFiltersWithAddedPlaceholder.js";
 import { type DashboardFilterSelectionType } from "../filterSelectionTypes.js";
+import type { CustomDashboardMeasureValueFilterComponent } from "../measureValueFilter/types.js";
 import { type IAddAttributeFilterButtonProps } from "./addAttributeFilter/AddAttributeFilterButton.js";
 /**
  * @public
@@ -112,7 +113,9 @@ export type CustomDashboardAttributeFilterComponent = ComponentType<IDashboardAt
 export interface IDashboardFilterGroupProps {
     groupItem: IFilterBarFilterGroupItem;
     onAttributeFilterChanged: (filter: DashboardAttributeFilterItem) => void;
+    onMeasureValueFilterChanged?: (filter: IDashboardMeasureValueFilter, conditions: MeasureValueFilterCondition[] | undefined, isWorkingSelectionChange?: boolean) => void;
     DashboardAttributeFilterComponent?: CustomDashboardAttributeFilterComponent;
+    DashboardMeasureValueFilterComponent?: CustomDashboardMeasureValueFilterComponent;
 }
 /**
  * @public

package/esm/presentation/filterBar/filterBar/DefaultDashboardFilterGroup.js

@@ -3,45 +3,65 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { isEmpty } from "lodash-es";
 import { useIntl } from "react-intl";
-import { DashboardAttributeFilterConfigModeValues, dashboardAttributeFilterItemFilterElementsBy, dashboardAttributeFilterItemFilterElementsByDate, dashboardAttributeFilterItemLocalIdentifier, dashboardFilterLocalIdentifier, getSelectedElementsCount, isDashboardArbitraryAttributeFilter, isDashboardAttributeFilter, isDashboardMatchAttributeFilter, } from "@gooddata/sdk-model";
+import { DashboardAttributeFilterConfigModeValues, dashboardAttributeFilterItemFilterElementsBy, dashboardAttributeFilterItemFilterElementsByDate, dashboardAttributeFilterItemLocalIdentifier, dashboardFilterLocalIdentifier, getSelectedElementsCount, isAllDashboardMeasureValueFilter, isDashboardArbitraryAttributeFilter, isDashboardAttributeFilter, isDashboardMatchAttributeFilter, isDashboardMeasureValueFilter, } from "@gooddata/sdk-model";
 import { AttributeFilterDependencyTooltip, FilterGroup, useDeepEqualRefStablizer, } from "@gooddata/sdk-ui-filters";
 import { convertDashboardAttributeFilterElementsUrisToValues } from "../../../_staging/dashboard/legacyFilterConvertors.js";
 import { useDashboardSelector } from "../../../model/react/DashboardStoreProvider.js";
 import { selectBackendCapabilities, selectSupportsElementUris, } from "../../../model/store/backendCapabilities/backendCapabilitiesSelectors.js";
 import { selectEnableArbitraryFilterKD, selectEnableMatchFilterKD, selectIsApplyFiltersAllAtOnceEnabledAndSet, } from "../../../model/store/config/configSelectors.js";
 import { selectAttributeFilterConfigsDisplayAsLabelMap, selectEffectiveAttributeFiltersModeMap, } from "../../../model/store/tabs/attributeFilterConfigs/attributeFilterConfigsSelectors.js";
+import { selectEffectiveMeasureValueFiltersModeMap } from "../../../model/store/tabs/measureValueFilterConfigs/measureValueFilterConfigsSelectors.js";
+import { useDashboardComponentsContext } from "../../dashboardContexts/DashboardComponentsContext.js";
 import { DefaultDashboardAttributeFilter } from "../attributeFilter/DefaultDashboardAttributeFilter.js";
-import { isFilterBarAttributeFilter, } from "./useFiltersWithAddedPlaceholder.js";
+import { DefaultDashboardMeasureValueFilter } from "../measureValueFilter/DefaultDashboardMeasureValueFilter.js";
+import { isFilterBarAttributeFilter, isFilterBarMeasureValueFilter, } from "./useFiltersWithAddedPlaceholder.js";
 /**
  * @alpha
  */
 export function DefaultDashboardFilterGroup(props) {
-    const { groupItem, onAttributeFilterChanged, DashboardAttributeFilterComponent: CustomDashboardAttributeFilterComponent, } = props;
+    const { groupItem, onAttributeFilterChanged, onMeasureValueFilterChanged, DashboardAttributeFilterComponent: CustomDashboardAttributeFilterComponent, DashboardMeasureValueFilterComponent: CustomDashboardMeasureValueFilterComponent, } = props;
     const intl = useIntl();
+    const { DashboardMeasureValueFilterComponentProvider } = useDashboardComponentsContext();
     const supportElementUris = useDashboardSelector(selectSupportsElementUris);
     const isApplyAllAtOnceEnabledAndSet = useDashboardSelector(selectIsApplyFiltersAllAtOnceEnabledAndSet);
     const capabilities = useDashboardSelector(selectBackendCapabilities);
     const attributeFiltersDisplayAsLabelMap = useDashboardSelector(selectAttributeFilterConfigsDisplayAsLabelMap);
     const attributeFiltersModeMap = useDashboardSelector(selectEffectiveAttributeFiltersModeMap);
+    const measureValueFiltersModeMap = useDashboardSelector(selectEffectiveMeasureValueFiltersModeMap);
     const enableArbitraryFilter = useDashboardSelector(selectEnableArbitraryFilterKD);
     const enableMatchFilter = useDashboardSelector(selectEnableMatchFilterKD);
     const getFilterIdentifier = useCallback((filter) => {
-        return (dashboardAttributeFilterItemLocalIdentifier(filter.filter) ??
-            dashboardFilterLocalIdentifier(filter.filter));
+        if (isFilterBarAttributeFilter(filter)) {
+            return dashboardAttributeFilterItemLocalIdentifier(filter.filter);
+        }
+        return dashboardFilterLocalIdentifier(filter.filter);
     }, []);
-    const hasSelectedElements = useCallback((filter) => {
-        if (isDashboardAttributeFilter(filter.filter)) {
-            return getSelectedElementsCount(filter.filter) > 0;
+    const isFilterActive = useCallback((filter) => {
+        if (isFilterBarMeasureValueFilter(filter)) {
+            return !isAllDashboardMeasureValueFilter(filter.filter);
+        }
+        const dashboardFilter = filter.filter;
+        if (isDashboardAttributeFilter(dashboardFilter)) {
+            return getSelectedElementsCount(dashboardFilter) > 0;
         }
-        if (isDashboardArbitraryAttributeFilter(filter.filter)) {
-            return filter.filter.arbitraryAttributeFilter.values.length > 0;
+        if (isDashboardArbitraryAttributeFilter(dashboardFilter)) {
+            return dashboardFilter.arbitraryAttributeFilter.values.length > 0;
         }
-        if (isDashboardMatchAttributeFilter(filter.filter)) {
-            return filter.filter.matchAttributeFilter.literal.length > 0;
+        if (isDashboardMatchAttributeFilter(dashboardFilter)) {
+            return dashboardFilter.matchAttributeFilter.literal.length > 0;
         }
         return true;
     }, []);
-    const renderFilter = useCallback((filter, AttributeFilterComponent) => {
+    const renderFilter = useCallback((filter, AttributeFilterComponent, MeasureValueFilterComponent) => {
+        if (isFilterBarMeasureValueFilter(filter)) {
+            const localId = dashboardFilterLocalIdentifier(filter.filter);
+            const measureValueFilterMode = measureValueFiltersModeMap.get(localId) ??
+                DashboardAttributeFilterConfigModeValues.ACTIVE;
+            const DashboardMeasureValueFilterComponent = CustomDashboardMeasureValueFilterComponent ??
+                DashboardMeasureValueFilterComponentProvider(filter.filter) ??
+                DefaultDashboardMeasureValueFilter;
+            return (_jsx(DashboardMeasureValueFilterComponent, { filter: filter.filter, filterIndex: filter.filterIndex, readonly: measureValueFilterMode === DashboardAttributeFilterConfigModeValues.READONLY, onMeasureValueFilterChanged: onMeasureValueFilterChanged, MeasureValueFilterComponent: MeasureValueFilterComponent, passDropdownButton: false }));
+        }
         const localId = dashboardAttributeFilterItemLocalIdentifier(filter.filter);
         const displayAsLabel = attributeFiltersDisplayAsLabelMap.get(localId);
         const attributeFilterMode = attributeFiltersModeMap.get(localId);
@@ -53,10 +73,17 @@ export function DefaultDashboardFilterGroup(props) {
         attributeFiltersDisplayAsLabelMap,
         attributeFiltersModeMap,
         CustomDashboardAttributeFilterComponent,
+        CustomDashboardMeasureValueFilterComponent,
+        DashboardMeasureValueFilterComponentProvider,
+        measureValueFiltersModeMap,
+        onMeasureValueFilterChanged,
     ]);
     const itemFilters = useMemo(() => {
         return groupItem.filters
             .map((filter) => {
+            if (isFilterBarMeasureValueFilter(filter)) {
+                return filter;
+            }
             if (!isFilterBarAttributeFilter(filter)) {
                 return undefined;
             }
@@ -74,6 +101,14 @@ export function DefaultDashboardFilterGroup(props) {
         })
             .filter((filter) => filter !== undefined)
             .filter((filter) => {
+            if (isDashboardMeasureValueFilter(filter.filter)) {
+                if (!onMeasureValueFilterChanged) {
+                    return false;
+                }
+                const localId = dashboardFilterLocalIdentifier(filter.filter);
+                return (measureValueFiltersModeMap.get(localId) !==
+                    DashboardAttributeFilterConfigModeValues.HIDDEN);
+            }
             const localId = dashboardAttributeFilterItemLocalIdentifier(filter.filter);
             return (attributeFiltersModeMap.get(localId) !== DashboardAttributeFilterConfigModeValues.HIDDEN);
         })
@@ -91,11 +126,16 @@ export function DefaultDashboardFilterGroup(props) {
         groupItem.filters,
         supportElementUris,
         attributeFiltersModeMap,
+        measureValueFiltersModeMap,
         enableArbitraryFilter,
         enableMatchFilter,
+        onMeasureValueFilterChanged,
     ]);
     const filterDependenciesByLocalIdUnstable = useMemo(() => {
         return new Map(itemFilters.map((filter) => {
+            if (isFilterBarMeasureValueFilter(filter)) {
+                return [dashboardFilterLocalIdentifier(filter.filter), false];
+            }
             const localId = dashboardAttributeFilterItemLocalIdentifier(filter.filter);
             // Match filter type has no parent filter dependencies by design
             if (isDashboardMatchAttributeFilter(filter.filter)) {
@@ -125,5 +165,5 @@ export function DefaultDashboardFilterGroup(props) {
         });
         return (_jsx(AttributeFilterDependencyTooltip, { tooltipContent: filterDependencyIconTooltip, ariaLabel: filterDependencyIconAriaLabel }));
     }, [capabilities.supportsKeepingDependentFiltersSelection, filterDependenciesByLocalId, intl]);
-    return (_jsx(FilterGroup, { title: groupItem.groupConfig.title, filters: itemFilters, getFilterIdentifier: getFilterIdentifier, hasSelectedElements: hasSelectedElements, renderFilter: renderFilter, getTitleExtension: getTitleExtension }));
+    return (_jsx(FilterGroup, { title: groupItem.groupConfig.title, filters: itemFilters, getFilterIdentifier: getFilterIdentifier, isFilterActive: isFilterActive, renderFilter: renderFilter, getTitleExtension: getTitleExtension }));
 }

package/esm/presentation/filterBar/filterBar/DefaultFilterBarItem.js

@@ -52,7 +52,7 @@ export function DefaultFilterBarItem(props) {
             return null;
         }
         const CustomFilterGroupComponent = DashboardFilterGroupComponentProvider?.(item.groupConfig) ?? DefaultDashboardFilterGroup;
-        return (_jsx(CustomFilterGroupComponent, { groupItem: item, onAttributeFilterChanged: onAttributeFilterChanged }));
+        return (_jsx(CustomFilterGroupComponent, { groupItem: item, onAttributeFilterChanged: onAttributeFilterChanged, onMeasureValueFilterChanged: onMeasureValueFilterChanged }));
     }
     if (isFilterBarAttributeFilter(item)) {
         const { filter, filterIndex, workingFilter } = item;

package/esm/presentation/filterBar/filterBar/filterGroupUtils.js

@@ -1,5 +1,5 @@
 // (C) 2021-2026 GoodData Corporation
-import { dashboardAttributeFilterItemLocalIdentifier, isDashboardAttributeFilterItem, isDashboardDateFilter, } from "@gooddata/sdk-model";
+import { dashboardAttributeFilterItemLocalIdentifier, dashboardFilterLocalIdentifier, isDashboardAttributeFilterItem, isDashboardDateFilter, isDashboardMeasureValueFilter, } from "@gooddata/sdk-model";
 import { isFilterBarFilterGroupItem, isFilterBarFilterPlaceholder, } from "./useFiltersWithAddedPlaceholder.js";
 function findGroupForFilter(item, filterGroupsConfig) {
     return filterGroupsConfig?.groups.find((group) => group.filters.some((filter) => {
@@ -9,6 +9,9 @@ function findGroupForFilter(item, filterGroupsConfig) {
         if (isDashboardDateFilter(item)) {
             return filter.filterLocalIdentifier === item.dateFilter.localIdentifier;
         }
+        if (isDashboardMeasureValueFilter(item)) {
+            return filter.filterLocalIdentifier === dashboardFilterLocalIdentifier(item);
+        }
         return false;
     }));
 }

package/esm/presentation/filterBar/measureValueFilter/DefaultDashboardMeasureValueFilter.js

@@ -36,7 +36,7 @@ function MeasureValueFilterVisibilityIcon({ visibilityIcon, disabled, }) {
  * @alpha
  */
 export function DefaultDashboardMeasureValueFilter(props) {
-    const { filter, readonly, autoOpen, onMeasureValueFilterChanged, onMeasureValueFilterClose } = props;
+    const { filter, readonly, autoOpen, onMeasureValueFilterChanged, onMeasureValueFilterClose, MeasureValueFilterComponent: CustomMeasureValueFilterComponent, passDropdownButton = true, } = props;
     const intl = useIntl();
     const isEditMode = useDashboardSelector(selectIsInEditMode);
     const isApplyAllAtOnceEnabledAndSet = useDashboardSelector(selectIsApplyFiltersAllAtOnceEnabledAndSet);
@@ -146,8 +146,8 @@ export function DefaultDashboardMeasureValueFilter(props) {
     }, []);
     const BodyComponent = isConfigurationOpen ? ConfigurationBodyComponent : undefined;
     const DropdownButtonComponent = useMemo(() => {
-        function DashboardMeasureValueFilterDropdownButton({ isActive, buttonTitle, onClick, }) {
-            return (_jsx(UiControlButton, { title: buttonTitle, titleClassName: "s-mvf-button-title", subtitle: _jsx("span", { className: "gd-measure-value-filter-dropdown-button-selected-items__next s-mvf-button-subtitle", children: conditionLabel }), titleExtension: _jsx(MeasureValueFilterVisibilityIcon, { visibilityIcon: visibilityIcon, disabled: readonly }), isOpen: isActive, isDraggable: isEditMode, disabled: readonly, disabledTooltip: readonly ? intl.formatMessage({ id: "filters.locked.filter.tooltip" }) : undefined, onClick: onClick, className: cx("gd-mvf-dashboard-filter-button__next", "s-dashboard-mvf-button", {
+        function DashboardMeasureValueFilterDropdownButton({ isActive, buttonTitle, buttonSubtitle, buttonTitleExtension, disabled, onClick, }) {
+            return (_jsx(UiControlButton, { title: buttonTitle, titleClassName: "s-mvf-button-title", subtitle: _jsx("span", { className: "gd-measure-value-filter-dropdown-button-selected-items__next s-mvf-button-subtitle", children: buttonSubtitle ?? conditionLabel }), titleExtension: buttonTitleExtension ?? (_jsx(MeasureValueFilterVisibilityIcon, { visibilityIcon: visibilityIcon, disabled: readonly })), isOpen: isActive, isDraggable: isEditMode, disabled: disabled ?? readonly, disabledTooltip: readonly ? intl.formatMessage({ id: "filters.locked.filter.tooltip" }) : undefined, onClick: onClick, className: cx("gd-mvf-dashboard-filter-button__next", "s-dashboard-mvf-button", {
                     "gd-is-active": isActive,
                     "gd-is-draggable": isEditMode,
                     disabled: readonly,
@@ -155,5 +155,6 @@ export function DefaultDashboardMeasureValueFilter(props) {
         }
         return DashboardMeasureValueFilterDropdownButton;
     }, [conditionLabel, intl, isEditMode, readonly, visibilityIcon]);
-    return (_jsx(MeasureValueFilter, { ...getSharedDashboardMvfProps(mvfData), onApply: handleApply, onChange: isApplyAllAtOnceEnabledAndSet ? handleChange : undefined, withoutApply: isApplyAllAtOnceEnabledAndSet, BodyComponent: BodyComponent, DropdownActionsComponent: DropdownActionsComponent, DropdownButtonComponent: DropdownButtonComponent, onCancel: handleClose, autoOpen: autoOpen }));
+    const MeasureValueFilterComponent = CustomMeasureValueFilterComponent ?? MeasureValueFilter;
+    return (_jsx(MeasureValueFilterComponent, { ...getSharedDashboardMvfProps(mvfData), onApply: handleApply, buttonSubtitle: conditionLabel, buttonTitleExtension: _jsx(MeasureValueFilterVisibilityIcon, { visibilityIcon: visibilityIcon, disabled: readonly }), buttonDisabled: readonly, onChange: isApplyAllAtOnceEnabledAndSet ? handleChange : undefined, withoutApply: isApplyAllAtOnceEnabledAndSet, BodyComponent: BodyComponent, DropdownActionsComponent: DropdownActionsComponent, DropdownButtonComponent: passDropdownButton ? DropdownButtonComponent : undefined, onCancel: handleClose, autoOpen: autoOpen }));
 }

package/esm/presentation/filterBar/measureValueFilter/types.d.ts

@@ -1,5 +1,6 @@
 import { type ComponentType } from "react";
 import { type IDashboardMeasureValueFilter, type MeasureValueFilterCondition } from "@gooddata/sdk-model";
+import { type IMeasureValueFilterProps } from "@gooddata/sdk-ui-filters";
 /**
  * @alpha
  */
@@ -39,6 +40,19 @@ export interface IDashboardMeasureValueFilterProps {
      * undefined, the active tab's state is used.
      */
     tabId?: string;
+    /**
+     * Optional custom measure value filter component to change or extend the default rendered one.
+     *
+     * @alpha
+     */
+    MeasureValueFilterComponent?: ComponentType<IMeasureValueFilterProps>;
+    /**
+     * Controls whether the internal dashboard dropdown button should be passed to the SDK component.
+     * When false, the SDK component can inject its own button, for example when rendered in a filter group.
+     *
+     * @alpha
+     */
+    passDropdownButton?: boolean;
 }
 /**
  * @alpha

package/esm/presentation/localization/bundles/en-AU.localization-bundle.js

@@ -812,7 +812,7 @@ export const en_AU = {
     "kdaDialog.dialog.keyDrives.button.trendDown": "Decrease",
     "kdaDialog.dialog.keyDrives.button.trendAll": "All",
     "kdaDialog.dialog.keyDrives.drivers": "{count} {count, plural, one {driver} other {drivers}}",
-    "kdaDialog.dialog.keyDrives.overview.summary.home": "Summary",
+    "kdaDialog.dialog.keyDrives.overview.summary.home": "Home",
     "kdaDialog.dialog.keyDrives.overview.summary.home.tooltip": "Go to Analysis summary",
     "kdaDialog.dialog.keyDrives.overview.summary.breadcrumb.label": "Key driver analysis navigation",
     "kdaDialog.dialog.keyDrives.overview.summary.title": "Analysis summary",

package/esm/presentation/localization/bundles/en-GB.localization-bundle.js

@@ -812,7 +812,7 @@ export const en_GB = {
     "kdaDialog.dialog.keyDrives.button.trendDown": "Decrease",
     "kdaDialog.dialog.keyDrives.button.trendAll": "All",
     "kdaDialog.dialog.keyDrives.drivers": "{count} {count, plural, one {driver} other {drivers}}",
-    "kdaDialog.dialog.keyDrives.overview.summary.home": "Summary",
+    "kdaDialog.dialog.keyDrives.overview.summary.home": "Home",
     "kdaDialog.dialog.keyDrives.overview.summary.home.tooltip": "Go to Analysis summary",
     "kdaDialog.dialog.keyDrives.overview.summary.breadcrumb.label": "Key driver analysis navigation",
     "kdaDialog.dialog.keyDrives.overview.summary.title": "Analysis summary",

package/esm/presentation/localization/bundles/en-US.localization-bundle.js

@@ -3246,7 +3246,7 @@ export const en_US = {
         "crowdinContext": "Used to show the number of key drivers in the dialog. Example: '2 drivers'."
     },
     "kdaDialog.dialog.keyDrives.overview.summary.home": {
-        "text": "Summary",
+        "text": "Home",
         "crowdinContext": "Home button in the Key Driver Analysis dialog overview section"
     },
     "kdaDialog.dialog.keyDrives.overview.summary.home.tooltip": {

package/esm/sdk-ui-dashboard.d.ts

@@ -154,6 +154,7 @@ import { IMeasure } from '@gooddata/sdk-model';
 import { IMeasureDescriptor } from '@gooddata/sdk-model';
 import { IMeasureMetadataObject } from '@gooddata/sdk-model';
 import { IMeasureValueFilter } from '@gooddata/sdk-model';
+import { IMeasureValueFilterProps } from '@gooddata/sdk-ui-filters';
 import { INegativeAttributeFilter } from '@gooddata/sdk-model';
 import { INotificationChannelIdentifier } from '@gooddata/sdk-model';
 import { INotificationChannelMetadataObject } from '@gooddata/sdk-model';
@@ -9071,7 +9072,9 @@ export declare interface IDashboardFilterContextWorkingSelectionApplied extends
 export declare interface IDashboardFilterGroupProps {
     groupItem: IFilterBarFilterGroupItem;
     onAttributeFilterChanged: (filter: DashboardAttributeFilterItem) => void;
+    onMeasureValueFilterChanged?: (filter: IDashboardMeasureValueFilter, conditions: MeasureValueFilterCondition[] | undefined, isWorkingSelectionChange?: boolean) => void;
     DashboardAttributeFilterComponent?: CustomDashboardAttributeFilterComponent;
+    DashboardMeasureValueFilterComponent?: CustomDashboardMeasureValueFilterComponent;
 }
 
 /**
@@ -10927,6 +10930,19 @@ export declare interface IDashboardMeasureValueFilterProps {
      * undefined, the active tab's state is used.
      */
     tabId?: string;
+    /**
+     * Optional custom measure value filter component to change or extend the default rendered one.
+     *
+     * @alpha
+     */
+    MeasureValueFilterComponent?: ComponentType<IMeasureValueFilterProps>;
+    /**
+     * Controls whether the internal dashboard dropdown button should be passed to the SDK component.
+     * When false, the SDK component can inject its own button, for example when rendered in a filter group.
+     *
+     * @alpha
+     */
+    passDropdownButton?: boolean;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-dashboard",
-  "version": "11.37.0-alpha.1",
+  "version": "11.37.0-alpha.3",
   "description": "GoodData SDK - Dashboard Component",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -60,19 +60,19 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.0",
-    "@gooddata/sdk-backend-base": "11.37.0-alpha.1",
-    "@gooddata/sdk-model": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui": "11.37.0-alpha.1",
-    "@gooddata/sdk-backend-spi": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-charts": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-ext": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-filters": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-geo": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-pivot": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "11.37.0-alpha.1",
-    "@gooddata/sdk-ui-vis-commons": "11.37.0-alpha.1",
-    "@gooddata/util": "11.37.0-alpha.1"
+    "@gooddata/sdk-backend-base": "11.37.0-alpha.3",
+    "@gooddata/sdk-backend-spi": "11.37.0-alpha.3",
+    "@gooddata/sdk-model": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-charts": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-ext": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-filters": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-geo": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-kit": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-pivot": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-theme-provider": "11.37.0-alpha.3",
+    "@gooddata/sdk-ui-vis-commons": "11.37.0-alpha.3",
+    "@gooddata/util": "11.37.0-alpha.3"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -118,12 +118,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.0",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.37.0-alpha.1",
-    "@gooddata/i18n-toolkit": "11.37.0-alpha.1",
-    "@gooddata/oxlint-config": "11.37.0-alpha.1",
-    "@gooddata/reference-workspace": "11.37.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "11.37.0-alpha.1",
-    "@gooddata/stylelint-config": "11.37.0-alpha.1"
+    "@gooddata/eslint-config": "11.37.0-alpha.3",
+    "@gooddata/i18n-toolkit": "11.37.0-alpha.3",
+    "@gooddata/oxlint-config": "11.37.0-alpha.3",
+    "@gooddata/reference-workspace": "11.37.0-alpha.3",
+    "@gooddata/sdk-backend-mockingbird": "11.37.0-alpha.3",
+    "@gooddata/stylelint-config": "11.37.0-alpha.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/css/kdaDialog.css

@@ -220,18 +220,18 @@
 }
 .gd-kda-dialog .gd-kda-dialog-bar__metric {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__metric svg.gd-ui-kit-icon {
   fill: #00c18d;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__date {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__attribute {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-attribute-add-dropdown > div {
   margin: 0;
@@ -771,9 +771,9 @@
   flex-direction: row;
   gap: 5px;
   padding: 5px 10px;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
-  width: 100%;
+  width: calc(100% - 20px);
   height: 32px;
   cursor: pointer;
 }
@@ -804,6 +804,20 @@
 .gd-kda-trend-item.gd-kda-trend-item-selected:hover .gd-kda-trend-item-drivers {
   color: var(--gd-palette-primary-base);
 }
+.gd-kda-trend-item.gd-kda-trend-item-disabled {
+  cursor: default;
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled .gd-kda-trend-item-text,
+.gd-kda-trend-item.gd-kda-trend-item-disabled .gd-kda-trend-item-drivers {
+  color: var(--gd-palette-complementary-5);
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover {
+  background-color: transparent;
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover .gd-kda-trend-item-text,
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover .gd-kda-trend-item-drivers {
+  color: var(--gd-palette-complementary-5);
+}
 
 /* stylelint-disable declaration-no-important */
 body.gd-kda-dialog-opened .highcharts-tooltip-container {

package/styles/css/kdaDialog.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/kdaDialog.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;AAIR;EACI;EACA;EAEA;EACA;;AAII;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EAEI;;AAMJ;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EAEI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAIR;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;EACA;;AAMZ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI,MCvRI;;AD2RZ;EACI;EACA;;AAGJ;EACI;EACA;;AAMJ;EACI;;AAKR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAMA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAMZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,uBACI;EAEJ;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMhB;EAEQ;IACI;IACA;;EAKJ;IACI;;;AAMZ;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEI;;AAIR;EACI;;AAEA;AAAA;EAEI;;AAKJ;AAAA;EAEI;;;AAMZ;AACA;EACI","file":"kdaDialog.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/kdaDialog.scss","../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss"],"names":[],"mappings":"AAIA;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;IACA;;;AAIR;EACI;IACI;IACA;;EAGJ;IACI;;EAGJ;IACI;IACA;;;AAIR;EACI;EACA;EAEA;EACA;;AAII;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EAEI;;AAMJ;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;;AAEA;EAEI;;AAIR;EACI;;AAEA;EACI;EACA;;AAEA;EACI;EACA;;AAIR;EACI;;AAIR;EACI;;AAEA;EACI;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIA;EACI;EACA;;AAIR;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACI;EACA;;AAMZ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAKR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI,MCvRI;;AD2RZ;EACI;EACA;;AAGJ;EACI;EACA;;AAMJ;EACI;;AAKR;EACI;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKZ;EACI;EACA;EACA;EACA;;AAEA;EAEI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAEJ;EACI;EACA;;AAEJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAIR;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAQR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIR;EACI;;AAEA;EACI;;AAMZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;;AAMA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAMZ;EACI;;AAIJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA,uBACI;EAEJ;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMhB;EAEQ;IACI;IACA;;EAKJ;IACI;;;AAMZ;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAKA;AAAA;EAEI;;AAIR;EACI;;AAEA;AAAA;EAEI;;AAKJ;AAAA;EAEI;;AAIR;EACI;;AAEA;AAAA;EAEI;;AAGJ;EACI;;AAEA;AAAA;EAEI;;;AAOhB;AACA;EACI","file":"kdaDialog.css"}

package/styles/css/main.css

@@ -34211,18 +34211,18 @@ figure {
 }
 .gd-kda-dialog .gd-kda-dialog-bar__metric {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__metric svg.gd-ui-kit-icon {
   fill: #00c18d;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__date {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-dialog-bar__attribute {
   display: flex;
-  max-width: 300px;
+  max-width: 320px;
 }
 .gd-kda-dialog .gd-kda-attribute-add-dropdown > div {
   margin: 0;
@@ -34762,9 +34762,9 @@ figure {
   flex-direction: row;
   gap: 5px;
   padding: 5px 10px;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
-  width: 100%;
+  width: calc(100% - 20px);
   height: 32px;
   cursor: pointer;
 }
@@ -34795,6 +34795,20 @@ figure {
 .gd-kda-trend-item.gd-kda-trend-item-selected:hover .gd-kda-trend-item-drivers {
   color: var(--gd-palette-primary-base);
 }
+.gd-kda-trend-item.gd-kda-trend-item-disabled {
+  cursor: default;
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled .gd-kda-trend-item-text,
+.gd-kda-trend-item.gd-kda-trend-item-disabled .gd-kda-trend-item-drivers {
+  color: var(--gd-palette-complementary-5);
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover {
+  background-color: transparent;
+}
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover .gd-kda-trend-item-text,
+.gd-kda-trend-item.gd-kda-trend-item-disabled:hover .gd-kda-trend-item-drivers {
+  color: var(--gd-palette-complementary-5);
+}
 
 /* stylelint-disable declaration-no-important */
 body.gd-kda-dialog-opened .highcharts-tooltip-container {