@gooddata/sdk-ui-ext 11.47.0 → 11.48.0-alpha.1

package/NOTICE

@@ -9,7 +9,7 @@ The following 3rd-party software packages may be used by or distributed with goo
 
 Date generated: 2026-7-16
 
-Revision ID: a9c1bae6689fa76eb7a3de0ef1c0e7153ce0579c
+Revision ID: 673cff1911eb24f1e212d2c51b5463b98c9b6c96
 
 ================================================================================
 ================================================================================

package/esm/internal/components/configurationControls/CheckboxControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/CheckboxControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAIlF,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC5B,OAAe,EACf,QAAgB,EAChB,mBAA2B,EAC3B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,eAAuB,EACvB,YAAY,EACf,EAAE,qBAAqB,2CAkCvB"}
+{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/CheckboxControl.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAoB,KAAK,SAAS,EAAe,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAIlF,MAAM,WAAW,qBAAqB;IAClC,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,eAAe,CAAC,EAC5B,OAAe,EACf,QAAgB,EAChB,mBAA2B,EAC3B,SAAS,EACT,YAAY,EACZ,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,QAAQ,EACR,eAAuB,EACvB,YAAY,EACf,EAAE,qBAAqB,2CAiCvB"}

package/esm/internal/components/configurationControls/CheckboxControl.js

@@ -18,5 +18,5 @@ export function CheckboxControl({ checked = false, disabled = false, showDisable
         pushData?.({ properties: clonedProperties });
     }, [properties, isValueInverted, pushData, valuePath, defaultValue]);
     return (_jsx(DisabledBubbleMessage, { showDisabledMessage: showDisabledMessage, messageId: disabledMessageId, children: _jsxs("label", { className: "input-checkbox-label", children: [
-                _jsx("input", { "aria-label": valuePath, checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox", onChange: onValueChanged }), labelText ? (_jsx("span", { className: "input-label-text", children: getTranslation(labelText, intl) })) : null, labelContent ? _jsx("span", { className: "input-label-text", children: labelContent }) : null] }) }));
+                _jsx("input", { checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox", onChange: onValueChanged }), labelText ? (_jsx("span", { className: "input-label-text", children: getTranslation(labelText, intl) })) : null, labelContent ? _jsx("span", { className: "input-label-text", children: labelContent }) : null] }) }));
 }

package/esm/internal/components/configurationControls/ContinuousLineControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContinuousLineControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/ContinuousLineControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,MAAM,WAAW,2BAA2B;IACxC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,SAAoC,EACpC,OAAe,EACf,QAAgB,EAChB,QAAQ,EACX,EAAE,2BAA2B,2CAoC7B"}
+{"version":3,"file":"ContinuousLineControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/ContinuousLineControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,MAAM,WAAW,2BAA2B;IACxC,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,qBAAqB,CAAC,EAClC,UAAU,EACV,SAAoC,EACpC,OAAe,EACf,QAAgB,EAChB,QAAQ,EACX,EAAE,2BAA2B,2CAmC7B"}

package/esm/internal/components/configurationControls/ContinuousLineControl.js

@@ -13,6 +13,6 @@ export function ContinuousLineControl({ properties, valuePath = "continuousLine.
     };
     return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
             _jsxs("label", { className: "input-checkbox-label", children: [
-                    _jsx("input", { "aria-label": valuePath, checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox s-continuous-line", onChange: onValueChanged }), _jsx("span", { className: "input-label-text", children: getTranslation(messages["canvasContinuousLineLabel"].id, intl) })
+                    _jsx("input", { checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox s-continuous-line", onChange: onValueChanged }), _jsx("span", { className: "input-label-text", children: getTranslation(messages["canvasContinuousLineLabel"].id, intl) })
                 ] }), !disabled && (_jsx(Bubble, { className: "bubble-primary continuous-line-tooltip", alignPoints: [{ align: "cr cl" }], arrowOffsets: { "cr cl": [-75, 0] }, children: getTranslation(messages["canvasContinuousLineTooltip"].id, intl) }))] }));
 }

package/esm/internal/components/configurationControls/DistintcPointShapesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DistintcPointShapesControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/DistintcPointShapesControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,MAAM,WAAW,gCAAgC;IAC7C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,0BAA0B,CAAC,EACvC,UAAU,EACV,SAAyC,EACzC,OAAe,EACf,QAAgB,EAChB,QAAQ,EACX,EAAE,gCAAgC,2CAoClC"}
+{"version":3,"file":"DistintcPointShapesControl.d.ts","sourceRoot":"","sources":["../../../../src/internal/components/configurationControls/DistintcPointShapesControl.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,mCAAmC,CAAC;AAGlF,MAAM,WAAW,gCAAgC;IAC7C,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,CAAC,IAAI,EAAE,GAAG,GAAG,IAAI,CAAC;CAC9B;AAED,wBAAgB,0BAA0B,CAAC,EACvC,UAAU,EACV,SAAyC,EACzC,OAAe,EACf,QAAgB,EAChB,QAAQ,EACX,EAAE,gCAAgC,2CAmClC"}

package/esm/internal/components/configurationControls/DistintcPointShapesControl.js

@@ -13,6 +13,6 @@ export function DistinctPointShapesControl({ properties, valuePath = "distinctPo
     };
     return (_jsxs(BubbleHoverTrigger, { showDelay: 0, hideDelay: 0, children: [
             _jsxs("label", { className: "input-checkbox-label", children: [
-                    _jsx("input", { "aria-label": valuePath, checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox s-distinct-points-shapes", onChange: onValueChanged }), _jsx("span", { className: "input-label-text", children: getTranslation(messages["canvasDistinctPointShapesLabel"].id, intl) })
+                    _jsx("input", { checked: checked, disabled: disabled, type: "checkbox", className: "input-checkbox s-distinct-points-shapes", onChange: onValueChanged }), _jsx("span", { className: "input-label-text", children: getTranslation(messages["canvasDistinctPointShapesLabel"].id, intl) })
                 ] }), disabled ? (_jsx(Bubble, { className: "bubble-primary continuous-line-tooltip", alignPoints: [{ align: "cr cl" }], arrowOffsets: { "cr cl": [-75, 0] }, children: getTranslation(messages["canvasDistinctPointShapesTooltip"].id, intl) })) : null] }));
 }

package/esm/internal/components/configurationControls/colors/ColorsSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/colors/ColorsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAAE,KAAK,mBAAmB,EAAqB,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAQvG,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,wBAAgB,aAAa,CAAC,EAC1B,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,wBAA6B,EAC7B,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACrB,EAAE,mBAAmB,2CAyKrB"}
+{"version":3,"file":"ColorsSection.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/configurationControls/colors/ColorsSection.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,OAAO,EAAE,KAAK,mBAAmB,EAAqB,MAAM,+BAA+B,CAAC;AAC5F,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAcvG,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,wBAAwB,CAAC;IACtC,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wBAAwB,CAAC,EAAE,MAAM,EAAE,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,8EAA8E;IAC9E,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,qBAAqB,0BAA0B,CAAC;AAE7D,wBAAgB,aAAa,CAAC,EAC1B,gBAAgB,EAChB,UAAU,EACV,cAAc,EACd,QAAQ,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,iBAAiB,EACjB,wBAA6B,EAC7B,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACrB,EAAE,mBAAmB,2CA8IrB"}

package/esm/internal/components/configurationControls/colors/ColorsSection.js

@@ -1,12 +1,9 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cx from "classnames";
-import { cloneDeep, set } from "lodash-es";
 import { useIntl } from "react-intl";
 import { isMeasureDescriptor } from "@gooddata/sdk-model";
-import { Button } from "@gooddata/sdk-ui-kit";
 import { messages } from "../../../../locales.js";
 import { fillDropdownItems } from "../../../constants/dropdowns.js";
-import { getColoredInputItems, getLineStyleProperties, getProperties } from "../../../utils/colors.js";
+import { getColoredInputItems, getLineStyleProperties, getMappingHeaderId, getProperties, removeColorMappingFromProperties, } from "../../../utils/colors.js";
 import { getTranslatedDropdownItems, getTranslation } from "../../../utils/translations.js";
 import { ConfigSection } from "../../configurationControls/ConfigSection.js";
 import { DropdownControl } from "../DropdownControl.js";
@@ -40,28 +37,15 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
     const isColoredListVisible = () => {
         return isLoading || (!controlsDisabled && colors?.colorPalette && hasMeasures);
     };
-    const isDefaultColorMapping = () => {
-        const colorMapping = properties?.controls?.["colorMapping"] ?? [];
-        const lineStyleMapping = supportsLineStyles ? (properties?.controls?.["lineStyleMapping"] ?? []) : [];
-        return ((!colorMapping || colorMapping.length === 0) &&
-            (!lineStyleMapping || lineStyleMapping.length === 0));
-    };
-    const onResetColors = () => {
-        if (isDefaultColorMapping()) {
+    const onResetItem = (item) => {
+        const id = item.mappingHeader ? getMappingHeaderId(item.mappingHeader) : undefined;
+        if (id === undefined) {
             return;
         }
-        let updatedProperties = set(cloneDeep(properties), "controls.colorMapping", undefined);
-        if (supportsLineStyles) {
-            updatedProperties = set(updatedProperties, "controls.lineStyleMapping", undefined);
-        }
-        pushData?.({ messageId: COLOR_MAPPING_CHANGED, properties: updatedProperties, references: {} });
-    };
-    const renderResetButton = () => {
-        const isDisabled = controlsDisabled || isDefaultColorMapping();
-        const classes = cx("gd-color-reset-colors-section", {
-            disabled: isDisabled,
+        pushData?.({
+            messageId: COLOR_MAPPING_CHANGED,
+            properties: removeColorMappingFromProperties(properties, id),
         });
-        return (_jsx("div", { className: classes, children: _jsx(Button, { value: getTranslation(supportsLineStyles ? messages["resetColorsAndStyles"].id : messages["resetColors"].id, intl), className: "gd-button-link s-reset-colors-button", onClick: onResetColors, disabled: isDisabled }) }));
     };
     const renderFillDropdown = () => {
         if (!supportsChartFill) {
@@ -80,11 +64,11 @@ export function ColorsSection({ controlsDisabled, properties, propertiesMeta, pu
         const lineStyleMapping = supportsLineStyles
             ? (properties?.controls?.["lineStyleMapping"] ?? [])
             : undefined;
-        const inputItems = getColoredInputItems(colors, lineStyleMapping);
+        const inputItems = getColoredInputItems(colors, lineStyleMapping, properties?.controls?.["colorMapping"]);
         const colorPalette = colors?.colorPalette ? colors.colorPalette : [];
         const chartFill = isChartFillDisabled ? undefined : properties?.controls?.["chartFill"];
         return (_jsxs(_Fragment, { children: [
-                _jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, supportsLineStyles: supportsLineStyles, onLineStyleChange: supportsLineStyles ? onLineStyleChange : undefined, onLineWidthChange: supportsLineStyles ? onLineWidthChange : undefined }), renderResetButton(), additionalControls, renderFillDropdown()] }));
+                _jsx(ColoredItemsList, { colorPalette: colorPalette, inputItems: inputItems, onSelect: onSelect, onResetItem: onResetItem, disabled: controlsDisabled, isLoading: isLoading, chartFill: chartFill, chartFillIgnoredMeasures: chartFillIgnoredMeasures, supportsLineStyles: supportsLineStyles, onLineStyleChange: supportsLineStyles ? onLineStyleChange : undefined, onLineWidthChange: supportsLineStyles ? onLineWidthChange : undefined }), additionalControls, renderFillDropdown()] }));
     };
     const renderUnsupportedColoredList = () => {
         return (_jsx("div", { className: "gd-color-unsupported", children: getTranslation(messages["unsupportedColors"].id, intl) }));

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.d.ts

@@ -22,6 +22,8 @@ export interface IColorDropdownOwnProps {
     onClear?: () => void;
     /** Accessibility label for the "no color" swatch (localized by the caller); required when onClear is set. */
     noneColorAriaLabel?: string;
+    /** When provided, the palette popup shows a "Reset" item that reverts this item's custom color. */
+    onReset?: () => void;
 }
 export type IColorDropdownProps = IColorDropdownOwnProps;
 export declare const ColorDropdown: import("react").NamedExoticComponent<IColorDropdownOwnProps>;

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAIf,OAAO,EACH,KAAK,MAAM,EACX,KAAK,aAAa,EAKrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM3F,oBAAY,YAAY;IACpB,IAAI,IAAA;IACJ,KAAK,IAAA;CACR;AAED,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AAQzD,eAAO,MAAM,aAAa,8DAkLxB,CAAC"}
+{"version":3,"file":"ColorDropdown.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,SAAS,EAKjB,MAAM,OAAO,CAAC;AAIf,OAAO,EACH,KAAK,MAAM,EACX,KAAK,aAAa,EAKrB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAO3F,oBAAY,YAAY;IACpB,IAAI,IAAA;IACJ,KAAK,IAAA;CACR;AAED,MAAM,WAAW,gBAAgB;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,aAAa,CAAC;IAC5B,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6GAA6G;IAC7G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mGAAmG;IACnG,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,CAAC;AAQzD,eAAO,MAAM,aAAa,8DA+LxB,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ColorDropdown.js

@@ -7,6 +7,7 @@ import { ColorPicker } from "@gooddata/sdk-ui-kit";
 import { ColorOverlay, DropdownVersionType } from "./ColorOverlay.js";
 import { ColorPalette } from "./ColorPalette.js";
 import { CustomColorButton } from "./CustomColorButton.js";
+import { ResetColorButton } from "./ResetColorButton.js";
 export { IconPosition };
 var IconPosition;
 (function (IconPosition) {
@@ -18,7 +19,7 @@ const COLOR_FOR_UNKNOWN_ITEM = {
     g: 0,
     b: 0,
 };
-export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, colorPalette, onColorSelected: onColorSelectedProp, disabled, children, chartFill, patternFillIndex, onClear, noneColorAriaLabel, }) {
+export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, colorPalette, onColorSelected: onColorSelectedProp, disabled, children, chartFill, patternFillIndex, onClear, noneColorAriaLabel, onReset, }) {
     const [id] = useState(() => uuidv4());
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
     const [dropdownVersion, setDropdownVersion] = useState(DropdownVersionType.ColorPalette);
@@ -69,6 +70,13 @@ export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, co
             onClear?.();
         }, 100);
     }, [onClear]);
+    const onResetSelected = useCallback(() => {
+        setIsDropdownOpen(false);
+        setDropdownVersion(DropdownVersionType.ColorPalette);
+        setTimeout(() => {
+            onReset?.();
+        }, 100);
+    }, [onReset]);
     const onColorPickerSubmit = useCallback((color) => {
         const item = {
             type: "rgb",
@@ -101,7 +109,7 @@ export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, co
     }, [isDropdownOpen, getIconPosition, disabled, children]);
     const renderColorPaletteContent = useCallback(() => {
         return (_jsxs("div", { className: "gd-color-drop-down", children: [
-                _jsx(ColorPalette, { selectedColorGuid: getSelectedGuidFromColorItem(), colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, showNoneColor: !!onClear, isNoneSelected: !selectedColorItem, onNoneSelected: onNoneSelected, noneColorAriaLabel: noneColorAriaLabel }), _jsx(CustomColorButton, { onClick: onCustomColorButtonClick })
+                _jsx(ColorPalette, { selectedColorGuid: getSelectedGuidFromColorItem(), colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, showNoneColor: !!onClear, isNoneSelected: !selectedColorItem, onNoneSelected: onNoneSelected, noneColorAriaLabel: noneColorAriaLabel }), onReset ? _jsx(ResetColorButton, { onClick: onResetSelected }) : null, _jsx(CustomColorButton, { onClick: onCustomColorButtonClick })
             ] }));
     }, [
         getSelectedGuidFromColorItem,
@@ -114,6 +122,8 @@ export const ColorDropdown = memo(function ColorDropdown({ selectedColorItem, co
         selectedColorItem,
         onNoneSelected,
         noneColorAriaLabel,
+        onReset,
+        onResetSelected,
     ]);
     const renderColorPickerContent = useCallback(() => {
         return (_jsx(ColorPicker, { initialRgbColor: getSelectedColorFromPalette(), onSubmit: onColorPickerSubmit, onCancel: onColorPickerCancel }));

package/esm/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.d.ts

@@ -0,0 +1,5 @@
+export interface IResetColorButtonProps {
+    onClick: () => void;
+}
+export declare const ResetColorButton: import("react").NamedExoticComponent<IResetColorButtonProps>;
+//# sourceMappingURL=ResetColorButton.d.ts.map

package/esm/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetColorButton.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,sBAAsB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,8DAY3B,CAAC"}

package/esm/internal/components/configurationControls/colors/colorDropdown/ResetColorButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2026 GoodData Corporation
+import { memo } from "react";
+import { useIntl } from "react-intl";
+import { Button } from "@gooddata/sdk-ui-kit";
+import { messages } from "../../../../../locales.js";
+import { getTranslation } from "../../../../utils/translations.js";
+export const ResetColorButton = memo(function ResetColorButton({ onClick }) {
+    const intl = useIntl();
+    return (_jsx("div", { className: "gd-color-drop-down-reset-section", children: _jsx(Button, { value: getTranslation(messages["resetColor"].id, intl), className: "gd-button-link gd-color-drop-down-reset-section-button s-reset-color-button", onClick: onClick }) }));
+});

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts

@@ -7,6 +7,7 @@ export interface IColoredItemProps {
     className?: string;
     item?: IColoredItem;
     onSelect?: (source: IColoredItem, color: IColor) => void;
+    onReset?: () => void;
     isSelected?: boolean;
     disabled?: boolean;
     chartFill?: IChartFillConfig;

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,yDAiDtB,CAAC"}
+{"version":3,"file":"ColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAEpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,yDAkDtB,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItem.js

@@ -9,7 +9,7 @@ import { ColorDropdown } from "../colorDropdown/ColorDropdown.js";
 import { ColoredItemContent } from "./ColoredItemContent.js";
 export const ColoredItem = memo(function ColoredItem(props) {
     const intl = useIntl();
-    const { item, colorPalette, onSelect, chartFill, patternFillIndex, disabled } = props;
+    const { item, colorPalette, onSelect, onReset, chartFill, patternFillIndex, disabled } = props;
     const renderLoadingItem = () => {
         return _jsx("div", { className: "gd-list-item gd-list-item-not-loaded" });
     };
@@ -31,5 +31,5 @@ export const ColoredItem = memo(function ColoredItem(props) {
     }
     const headerItem = coloredItem.mappingHeader;
     const headerText = getText(headerItem);
-    return (_jsx(ColorDropdown, { selectedColorItem: coloredItem.colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, chartFill: chartFill, patternFillIndex: patternFillIndex, disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: coloredItem.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex }) }));
+    return (_jsx(ColorDropdown, { selectedColorItem: coloredItem.colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, onReset: onReset, chartFill: chartFill, patternFillIndex: patternFillIndex, disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: coloredItem.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex }) }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts

@@ -5,6 +5,7 @@ export interface IColoredItemsListProps {
     colorPalette: IColorPalette;
     inputItems: IColoredItem[];
     onSelect: (selectedColorItem: IColoredItem, color: IColor) => void;
+    onResetItem?: (item: IColoredItem) => void;
     disabled?: boolean;
     isLoading?: boolean;
     chartFill?: IChartFillConfig;

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AASD,eAAO,MAAM,gBAAgB,8DAqG3B,CAAC"}
+{"version":3,"file":"ColoredItemsList.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAuB,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGhF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAUrE,MAAM,WAAW,sBAAsB;IACnC,YAAY,EAAE,aAAa,CAAC;IAC5B,UAAU,EAAE,YAAY,EAAE,CAAC;IAC3B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,wBAAwB,EAAE,MAAM,EAAE,CAAC;IACnC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AASD,eAAO,MAAM,gBAAgB,8DAyG3B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/ColoredItemsList.js

@@ -14,7 +14,7 @@ function isChartFillIgnoredMeasure(item, chartFillIgnoredMeasures) {
         chartFillIgnoredMeasures.includes(item.mappingHeader.measureHeaderItem.localIdentifier));
 }
 export const ColoredItemsList = memo(function ColoredItemsList(props) {
-    const { colorPalette, inputItems, onSelect: onSelectProp, disabled = false, isLoading = false, chartFill, chartFillIgnoredMeasures, supportsLineStyles, onLineStyleChange, onLineWidthChange, } = props;
+    const { colorPalette, inputItems, onSelect: onSelectProp, onResetItem, disabled = false, isLoading = false, chartFill, chartFillIgnoredMeasures, supportsLineStyles, onLineStyleChange, onLineWidthChange, } = props;
     const [searchString, setSearchString] = useState("");
     const listRef = useRef(null);
     const onScroll = () => {
@@ -54,9 +54,10 @@ export const ColoredItemsList = memo(function ColoredItemsList(props) {
                 const appliedChartFill = isChartFillIgnoredMeasure(item, chartFillIgnoredMeasures)
                     ? undefined
                     : chartFill;
+                const onReset = item.isCustomMapped && onResetItem ? () => onResetItem(item) : undefined;
                 if (supportsLineStyles && isMeasureDescriptor(item.mappingHeader)) {
-                    return (_jsx(LineStyleColoredItem, { colorPalette: colorPalette, onSelect: onSelect, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex], onLineStyleChange: onLineStyleChange, onLineWidthChange: onLineWidthChange }));
+                    return (_jsx(LineStyleColoredItem, { colorPalette: colorPalette, onSelect: onSelect, onReset: onReset, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex], onLineStyleChange: onLineStyleChange, onLineWidthChange: onLineWidthChange }));
                 }
-                return (_jsx(ColoredItem, { colorPalette: colorPalette, onSelect: onSelect, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex] }));
+                return (_jsx(ColoredItem, { colorPalette: colorPalette, onSelect: onSelect, onReset: onReset, disabled: disabled, item: item, chartFill: appliedChartFill, patternFillIndex: itemPatternFillIndexes[rowIndex] }));
             } }) }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts

@@ -6,6 +6,7 @@ export interface ILineStyleColoredItemProps {
     colorPalette: IColorPalette;
     item: IColoredItem;
     onSelect?: (source: IColoredItem, color: IColor) => void;
+    onReset?: () => void;
     disabled?: boolean;
     chartFill?: IChartFillConfig;
     patternFillIndex?: number | PatternFillName;

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineStyleColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,0BAA0B;IACvC,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,oBAAoB,kEAgE/B,CAAC"}
+{"version":3,"file":"LineStyleColoredItem.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAChF,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAGpE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,MAAM,WAAW,0BAA0B;IACvC,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvE,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CAC9E;AAED,eAAO,MAAM,oBAAoB,kEAkE/B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleColoredItem.js

@@ -10,7 +10,7 @@ import { ColoredItemContent } from "./ColoredItemContent.js";
 import { LineStyleDialog } from "./LineStyleDialog.js";
 export const LineStyleColoredItem = memo(function LineStyleColoredItem(props) {
     const intl = useIntl();
-    const { item, colorPalette, onSelect, chartFill, patternFillIndex, disabled, onLineStyleChange, onLineWidthChange, } = props;
+    const { item, colorPalette, onSelect, onReset, chartFill, patternFillIndex, disabled, onLineStyleChange, onLineWidthChange, } = props;
     const anchorRef = useRef(null);
     const [dialogOpen, setDialogOpen] = useState(false);
     const headerText = getMappingHeaderFormattedName(item.mappingHeader) || `(${getTranslation("empty_value", intl)})`;
@@ -18,5 +18,5 @@ export const LineStyleColoredItem = memo(function LineStyleColoredItem(props) {
     return (_jsxs(_Fragment, { children: [
             _jsx("button", { ref: anchorRef, type: "button", className: "gd-line-style-item-trigger", "aria-haspopup": "dialog", "aria-expanded": dialogOpen, "aria-label": getTranslation(messages.lineStyleTriggerAriaLabel.id, intl, {
                     name: headerText,
-                }), onClick: () => setDialogOpen((v) => !v), disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: item.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex, isSelected: dialogOpen, position: IconPosition.Down }) }), dialogOpen ? (_jsx(LineStyleDialog, { alignTo: anchorRef.current, ignoreClicksOn: anchorRef.current ? [anchorRef.current] : undefined, color: item.color, colorItem: item.colorItem, colorPalette: colorPalette, lineStyle: item.lineStyle, lineWidth: item.lineWidth, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, onColorSelected: onColorSelected, onLineStyleChange: (lineStyle) => onLineStyleChange?.(item, lineStyle), onLineWidthChange: (lineWidth) => onLineWidthChange?.(item, lineWidth), onClose: () => setDialogOpen(false) })) : null] }));
+                }), onClick: () => setDialogOpen((v) => !v), disabled: disabled, children: _jsx(ColoredItemContent, { text: headerText, color: item.color, chartFill: chartFill?.type, patternFillIndex: patternFillIndex, isSelected: dialogOpen, position: IconPosition.Down }) }), dialogOpen ? (_jsx(LineStyleDialog, { alignTo: anchorRef.current, ignoreClicksOn: anchorRef.current ? [anchorRef.current] : undefined, color: item.color, colorItem: item.colorItem, colorPalette: colorPalette, lineStyle: item.lineStyle, lineWidth: item.lineWidth, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, onColorSelected: onColorSelected, onReset: onReset, onLineStyleChange: (lineStyle) => onLineStyleChange?.(item, lineStyle), onLineWidthChange: (lineWidth) => onLineWidthChange?.(item, lineWidth), onClose: () => setDialogOpen(false) })) : null] }));
 });

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts

@@ -13,6 +13,7 @@ export interface ILineStyleDialogProps {
     chartFill?: IChartFillConfig;
     patternFillIndex?: number | PatternFillName;
     onColorSelected: (color: IColor) => void;
+    onReset?: () => void;
     onLineStyleChange: (lineStyle: LineStyle) => void;
     onLineWidthChange: (lineWidth: 1 | 2 | 3 | 4) => void;
     onClose: () => void;

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LineStyleDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAsD3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6DA8J1B,CAAC"}
+{"version":3,"file":"LineStyleDialog.d.ts","sourceRoot":"","sources":["../../../../../../src/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,aAAa,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC3F,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASzD,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAsD3F,MAAM,WAAW,qBAAqB;IAClC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAC/B,KAAK,EAAE,cAAc,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC;IAC5C,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,iBAAiB,EAAE,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6DAgK1B,CAAC"}

package/esm/internal/components/configurationControls/colors/coloredItemsList/LineStyleDialog.js

@@ -26,7 +26,7 @@ function StrokeStyleIcon({ style, size = 20 }) {
 function StrokeWeightIcon({ weight, size = 14 }) {
     return (_jsx("svg", { width: size, height: size, viewBox: "0 0 14 14", "aria-hidden": "true", children: _jsx("line", { x1: "1", y1: "7", x2: "13", y2: "7", stroke: "currentColor", strokeWidth: weight, strokeLinecap: "round" }) }));
 }
-export const LineStyleDialog = memo(function LineStyleDialog({ alignTo, ignoreClicksOn, color, colorItem, colorPalette, lineStyle = "solid", lineWidth = 3, disabled, chartFill, patternFillIndex, onColorSelected, onLineStyleChange, onLineWidthChange, onClose, }) {
+export const LineStyleDialog = memo(function LineStyleDialog({ alignTo, ignoreClicksOn, color, colorItem, colorPalette, lineStyle = "solid", lineWidth = 3, disabled, chartFill, patternFillIndex, onColorSelected, onReset, onLineStyleChange, onLineWidthChange, onClose, }) {
     const intl = useIntl();
     const theme = useTheme();
     if (!alignTo) {
@@ -46,7 +46,7 @@ export const LineStyleDialog = memo(function LineStyleDialog({ alignTo, ignoreCl
         { id: 4, title: intl.formatMessage({ id: messages.lineWidth4.id }) },
     ];
     return (_jsx(Overlay, { alignTo: alignTo, alignPoints: TOOLBAR_ALIGN_POINTS, closeOnParentScroll: true, closeOnOutsideClick: true, ignoreClicksOn: ignoreClicksOn, onClose: onClose, children: _jsxs("div", { className: cx("gd-line-style-toolbar", { "is-disabled": disabled }), children: [
-                _jsx(ColorDropdown, { selectedColorItem: colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsxs("div", { className: cx("gd-line-style-toolbar__btn", `s-color-${r}-${g}-${b}`, {
+                _jsx(ColorDropdown, { selectedColorItem: colorItem, colorPalette: colorPalette, onColorSelected: onColorSelected, onReset: onReset, disabled: disabled, chartFill: chartFill, patternFillIndex: patternFillIndex, children: _jsxs("div", { className: cx("gd-line-style-toolbar__btn", `s-color-${r}-${g}-${b}`, {
                             "is-disabled": disabled,
                         }), "aria-label": intl.formatMessage({ id: messages.colors.id }), children: [
                             _jsx("div", { className: "gd-line-style-toolbar__color-swatch", style: colorSwatchStyle, children: _jsx(OptionalPatternFill, { chartFill: chartFill?.type ?? "solid", patternFillIndex: patternFillIndex ?? 0 }) }), _jsx("i", { className: "gd-icon-navigatedown", "aria-hidden": "true" })

package/esm/internal/interfaces/Colors.d.ts

@@ -7,6 +7,7 @@ export interface IColoredItem {
     mappingHeader?: IMappingHeader;
     lineStyle?: LineStyle;
     lineWidth?: 1 | 2 | 3 | 4;
+    isCustomMapped?: boolean;
 }
 export interface IColorConfiguration {
     colorAssignments: IColorAssignment[];

package/esm/internal/interfaces/Colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/internal/interfaces/Colors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,YAAY;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,YAAY,EAAE,iBAAiB,EAAE,CAAC;CACrC"}
+{"version":3,"file":"Colors.d.ts","sourceRoot":"","sources":["../../../src/internal/interfaces/Colors.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC/F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,YAAY;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,CAAC;IACtB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAChC,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,YAAY,EAAE,iBAAiB,EAAE,CAAC;CACrC"}

package/esm/internal/translations/en-US.localization-bundle.d.ts

@@ -1115,19 +1115,19 @@ export declare const en_US: {
         text: string;
         crowdinContext: string;
     };
-    "properties.colors": {
+    "properties.colors.reset-color": {
         text: string;
         crowdinContext: string;
     };
-    "properties.colorsAndFills": {
+    "properties.colors": {
         text: string;
         crowdinContext: string;
     };
-    "properties.colorsAndStyles": {
+    "properties.colorsAndFills": {
         text: string;
         crowdinContext: string;
     };
-    "properties.colors.reset-colors-and-styles": {
+    "properties.colorsAndStyles": {
         text: string;
         crowdinContext: string;
     };

package/esm/internal/translations/en-US.localization-bundle.js

@@ -1117,6 +1117,10 @@ export const en_US = {
         "text": "Reset Colors",
         "crowdinContext": "Button to reset colors to default values"
     },
+    "properties.colors.reset-color": {
+        "text": "Reset",
+        "crowdinContext": "Menu item in the color picker that reverts one item's custom color to its default"
+    },
     "properties.colors": {
         "text": "Colors",
         "crowdinContext": "Label for colors configuration section"
@@ -1129,10 +1133,6 @@ export const en_US = {
         "text": "Colors and styles",
         "crowdinContext": "Label for colors and line styles configuration section on line charts"
     },
-    "properties.colors.reset-colors-and-styles": {
-        "text": "Reset Colors and styles",
-        "crowdinContext": "Button to reset colors and line styles to default values on line charts"
-    },
     "properties.lineStyle.label": {
         "text": "Line style",
         "crowdinContext": "Accessible label for the line style dropdown in the series configuration toolbar"

package/esm/internal/utils/colors.d.ts

@@ -1,11 +1,13 @@
-import { type IColor } from "@gooddata/sdk-model";
+import { type IColor, type IColorMappingItem } from "@gooddata/sdk-model";
 import { type IColorAssignment, type IMappingHeader } from "@gooddata/sdk-ui";
 import { type ILineStyleMappingItem } from "@gooddata/sdk-ui-charts";
 import { type IColorConfiguration, type IColoredItem } from "../interfaces/Colors.js";
 import { type IVisualizationProperties } from "../interfaces/Visualization.js";
 export declare function getSearchedItems(inputItems: IColoredItem[], searchString: string): IColoredItem[];
-export declare function getColoredInputItems(colors: IColorConfiguration | undefined, lineStyleMapping?: ILineStyleMappingItem[]): IColoredItem[];
+export declare function getMappingHeaderId(item: IMappingHeader): string | undefined;
+export declare function getColoredInputItems(colors: IColorConfiguration | undefined, lineStyleMapping?: ILineStyleMappingItem[], colorMapping?: IColorMappingItem[]): IColoredItem[];
 export declare function getProperties(properties: IVisualizationProperties, item: IMappingHeader, color: IColor): IVisualizationProperties;
+export declare function removeColorMappingFromProperties(properties: IVisualizationProperties, id: string): IVisualizationProperties;
 export declare function getLineStyleProperties(properties: IVisualizationProperties, id: string, lineStyle: ILineStyleMappingItem["lineStyle"], lineWidth: ILineStyleMappingItem["lineWidth"]): IVisualizationProperties;
 export declare function getValidProperties(properties: IVisualizationProperties, colorAssignments: IColorAssignment[] | undefined): IVisualizationProperties;
 //# sourceMappingURL=colors.d.ts.map

package/esm/internal/utils/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/colors.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,MAAM,EAUd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,YAAY,EAAE,CAQjG;AAED,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,mBAAmB,GAAG,SAAS,EACvC,gBAAgB,CAAC,EAAE,qBAAqB,EAAE,GAC3C,YAAY,EAAE,CAsChB;AAuBD,wBAAgB,aAAa,CACzB,UAAU,EAAE,wBAAwB,EACpC,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,MAAM,GACd,wBAAwB,CAgB1B;AAED,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,wBAAwB,EACpC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,EAC7C,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,GAC9C,wBAAwB,CAO1B;AAED,wBAAgB,kBAAkB,CAC9B,UAAU,EAAE,wBAAwB,EACpC,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,SAAS,GACjD,wBAAwB,CAgE1B"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/internal/utils/colors.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,KAAK,MAAM,EACX,KAAK,iBAAiB,EASzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAwB,MAAM,kBAAkB,CAAC;AACpG,OAAO,EAAc,KAAK,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEjF,OAAO,EAAE,KAAK,mBAAmB,EAAE,KAAK,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAM/E,wBAAgB,gBAAgB,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,YAAY,EAAE,CAQjG;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,GAAG,SAAS,CAa3E;AAED,wBAAgB,oBAAoB,CAChC,MAAM,EAAE,mBAAmB,GAAG,SAAS,EACvC,gBAAgB,CAAC,EAAE,qBAAqB,EAAE,EAC1C,YAAY,CAAC,EAAE,iBAAiB,EAAE,GACnC,YAAY,EAAE,CA4ChB;AAuBD,wBAAgB,aAAa,CACzB,UAAU,EAAE,wBAAwB,EACpC,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,MAAM,GACd,wBAAwB,CAM1B;AAED,wBAAgB,gCAAgC,CAC5C,UAAU,EAAE,wBAAwB,EACpC,EAAE,EAAE,MAAM,GACX,wBAAwB,CAU1B;AAED,wBAAgB,sBAAsB,CAClC,UAAU,EAAE,wBAAwB,EACpC,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,EAC7C,SAAS,EAAE,qBAAqB,CAAC,WAAW,CAAC,GAC9C,wBAAwB,CAO1B;AAED,wBAAgB,kBAAkB,CAC9B,UAAU,EAAE,wBAAwB,EACpC,gBAAgB,EAAE,gBAAgB,EAAE,GAAG,SAAS,GACjD,wBAAwB,CAmE1B"}

package/esm/internal/utils/colors.js

@@ -15,16 +15,35 @@ export function getSearchedItems(inputItems, searchString) {
         return name.toLowerCase().includes(searchString.toLowerCase());
     });
 }
-export function getColoredInputItems(colors, lineStyleMapping) {
+export function getMappingHeaderId(item) {
+    if (isMeasureDescriptor(item)) {
+        return getMeasureMappingIdentifier(item);
+    }
+    else if (isResultAttributeHeader(item)) {
+        return item.attributeHeaderItem.uri;
+    }
+    else if (isAttributeDescriptor(item)) {
+        return isUriRef(item.attributeHeader.ref)
+            ? item.attributeHeader.uri
+            : item.attributeHeader.identifier;
+    }
+    else if (isColorDescriptor(item)) {
+        return item.colorHeaderItem.id;
+    }
+    return undefined;
+}
+export function getColoredInputItems(colors, lineStyleMapping, colorMapping) {
     let inputItems = [];
     if (colors?.colorAssignments) {
         inputItems = colors.colorAssignments.map((assignmentItem, index) => {
             let base;
+            const isCustomMapped = colorMapping?.some((entry) => entry.color && entry.id === getMappingHeaderId(assignmentItem.headerItem));
             if (isColorFromPalette(assignmentItem.color)) {
                 base = {
                     colorItem: assignmentItem.color,
                     mappingHeader: assignmentItem.headerItem,
                     color: ColorUtils.getColorByGuid(colors.colorPalette, assignmentItem.color.value, index),
+                    isCustomMapped,
                 };
             }
             else if (isRgbColor(assignmentItem.color)) {
@@ -32,6 +51,7 @@ export function getColoredInputItems(colors, lineStyleMapping) {
                     colorItem: assignmentItem.color,
                     mappingHeader: assignmentItem.headerItem,
                     color: assignmentItem.color.value,
+                    isCustomMapped,
                 };
             }
             if (base && lineStyleMapping && isMeasureDescriptor(assignmentItem.headerItem)) {
@@ -67,23 +87,20 @@ function mergeColorMappingToProperties(properties, id, color) {
     return newProperties;
 }
 export function getProperties(properties, item, color) {
-    if (isMeasureDescriptor(item)) {
-        const id = getMeasureMappingIdentifier(item);
-        return mergeColorMappingToProperties(properties, id, color);
-    }
-    else if (isResultAttributeHeader(item)) {
-        return mergeColorMappingToProperties(properties, item.attributeHeaderItem.uri, color);
-    }
-    else if (isAttributeDescriptor(item)) {
-        const id = isUriRef(item.attributeHeader.ref)
-            ? item.attributeHeader.uri
-            : item.attributeHeader.identifier;
-        return mergeColorMappingToProperties(properties, id, color);
-    }
-    else if (isColorDescriptor(item)) {
-        return mergeColorMappingToProperties(properties, item.colorHeaderItem.id, color);
+    const id = getMappingHeaderId(item);
+    if (id === undefined) {
+        return {};
     }
-    return {};
+    return mergeColorMappingToProperties(properties, id, color);
+}
+export function removeColorMappingFromProperties(properties, id) {
+    const previousColorMapping = properties?.controls?.["colorMapping"] ?? [];
+    // a null color instructs the host application to remove the stored entry;
+    // omitting the entry is not enough because hosts merge pushed properties additively
+    const updatedMapping = previousColorMapping.map((item) => item.id === id ? { id, color: null } : item);
+    const newProperties = cloneDeep(properties);
+    set(newProperties, "controls.colorMapping", updatedMapping);
+    return newProperties;
 }
 export function getLineStyleProperties(properties, id, lineStyle, lineWidth) {
     const newEntry = { id, lineStyle, lineWidth };
@@ -105,6 +122,9 @@ export function getValidProperties(properties, colorAssignments) {
     let updatedControls = { ...properties.controls };
     if (hasColorMapping) {
         const reducedColorMapping = (properties.controls?.["colorMapping"] ?? []).filter((mappingItem) => {
+            if (!mappingItem.color) {
+                return false;
+            }
             const { id } = mappingItem;
             const colorValue = mappingItem.color.value;
             const assignmentValid = colorAssignments?.find((colorAssignment) => {

package/esm/locales.d.ts

@@ -393,7 +393,7 @@ export declare const messages: {
     resetColors: {
         id: string;
     };
-    resetColorsAndStyles: {
+    resetColor: {
         id: string;
     };
     unsupportedColors: {

package/esm/locales.js

@@ -231,7 +231,7 @@ export const messages = defineMessages({
     pointsSizeMaxTitle: { id: "properties.points.size.max.title" },
     customColor: { id: "gs.color-dropdown.custom-color" },
     resetColors: { id: "properties.colors.reset-colors" },
-    resetColorsAndStyles: { id: "properties.colors.reset-colors-and-styles" },
+    resetColor: { id: "properties.colors.reset-color" },
     unsupportedColors: { id: "properties.colors.unsupported" },
     colors: { id: "properties.colors" },
     colorsAndFills: { id: "properties.colorsAndFills" },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-ext",
-  "version": "11.47.0",
+  "version": "11.48.0-alpha.1",
   "description": "GoodData.UI SDK - Extensions",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -63,20 +63,20 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.1",
-    "@gooddata/sdk-backend-base": "11.47.0",
-    "@gooddata/sdk-backend-spi": "11.47.0",
-    "@gooddata/sdk-model": "11.47.0",
-    "@gooddata/sdk-embedding": "11.47.0",
-    "@gooddata/sdk-ui": "11.47.0",
-    "@gooddata/sdk-ui-charts": "11.47.0",
-    "@gooddata/sdk-ui-filters": "11.47.0",
-    "@gooddata/sdk-ui-geo": "11.47.0",
-    "@gooddata/sdk-ui-pivot": "11.47.0",
-    "@gooddata/sdk-ui-semantic-search": "11.47.0",
-    "@gooddata/sdk-ui-theme-provider": "11.47.0",
-    "@gooddata/sdk-ui-vis-commons": "11.47.0",
-    "@gooddata/util": "11.47.0",
-    "@gooddata/sdk-ui-kit": "11.47.0"
+    "@gooddata/sdk-embedding": "11.48.0-alpha.1",
+    "@gooddata/sdk-backend-base": "11.48.0-alpha.1",
+    "@gooddata/sdk-model": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui": "11.48.0-alpha.1",
+    "@gooddata/sdk-backend-spi": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-charts": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-geo": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-filters": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-kit": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-pivot": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-theme-provider": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-vis-commons": "11.48.0-alpha.1",
+    "@gooddata/util": "11.48.0-alpha.1",
+    "@gooddata/sdk-ui-semantic-search": "11.48.0-alpha.1"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -124,12 +124,12 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.47.0",
-    "@gooddata/sdk-backend-mockingbird": "11.47.0",
-    "@gooddata/i18n-toolkit": "11.47.0",
-    "@gooddata/stylelint-config": "11.47.0",
-    "@gooddata/oxlint-config": "11.47.0",
-    "@gooddata/reference-workspace": "11.47.0"
+    "@gooddata/eslint-config": "11.48.0-alpha.1",
+    "@gooddata/i18n-toolkit": "11.48.0-alpha.1",
+    "@gooddata/oxlint-config": "11.48.0-alpha.1",
+    "@gooddata/reference-workspace": "11.48.0-alpha.1",
+    "@gooddata/stylelint-config": "11.48.0-alpha.1",
+    "@gooddata/sdk-backend-mockingbird": "11.48.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/styles/internal/css/config_panel.css

@@ -179,13 +179,13 @@
   margin: 5px 10px 0;
 }
 
-.gd-color-drop-down-custom-section, .gd-color-reset-colors-section {
+.gd-color-drop-down-custom-section, .gd-color-reset-colors-section, .gd-color-drop-down-reset-section {
   position: relative;
   display: flex;
   margin: 0 5px;
   padding: 10px 0 0;
 }
-.gd-color-drop-down-custom-section::before, .gd-color-reset-colors-section::before {
+.gd-color-drop-down-custom-section::before, .gd-color-reset-colors-section::before, .gd-color-drop-down-reset-section::before {
   content: "";
   position: absolute;
   top: 5px;
@@ -194,15 +194,21 @@
   height: 0;
   border-top: 1px solid var(--gd-palette-complementary-3, #dde4eb);
 }
-.gd-color-drop-down-custom-section .gd-button-link, .gd-color-reset-colors-section .gd-button-link {
+.gd-color-drop-down-custom-section .gd-button-link, .gd-color-reset-colors-section .gd-button-link, .gd-color-drop-down-reset-section .gd-button-link {
   justify-content: center;
   width: 100%;
   margin: 0;
   padding: 0;
+  font-size: 12px;
+  line-height: 28px;
   text-align: center;
   text-decoration: none;
 }
 
+.gd-colored-items-list .gd-ui-kit-paged-virtual-list__item {
+  justify-content: center;
+}
+
 .gd-color-reset-colors-section {
   overflow: hidden;
   transition: all 0.4s;

package/styles/internal/css/config_panel.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/colorPicker.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/config_panel.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EAGI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EAGI;;;AAKZ;EACI;EACA,OC3BY;ED4BZ;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AEhHR;EACI,QAHmB;;;AAOnB;EACI,OD2BQ;EC1BR,YDsGgB;;ACjGhB;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA,OAjCqB;EAkCrB,QAlCqB;EAmCrB;EACA;EACA,aArCqB;EAsCrB;;AAEA;EACI;EACA;EACA,OD1BS;EC2BT;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OAlEqB;EAmErB,QAnEqB;EAoErB,QAnEmB;EAoEnB;EACA;EACA;EACA;;AAEA;EAII,cD7DS;EC8DT;;;AAIR;EACI;;;AASJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,KA1Ge;EA2Gf;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,OD5HgB;;;AC+HpB;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,kBD3HgB;EC4HhB;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MDxPQ;;AC2PhB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI,ODvPmB;;;AC0PvB;EACI;;;AAGJ;EACI;EACA;;;AAIA;EACI;;;AAKJ;AAAA;EAEI;;AAIA;AAAA;EAEI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,ODvOQ;;AC0OZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AASJ;EACI,ODnWe;ECoWf;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,kBDnSgB;ECoShB;;AAEA;EACI,ODhYW;ECiYX;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,ODzZQ;EC0ZR;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OD3ae;EC4af;;AAEA;EACI;EACA;;AAIR;EACI;EACA,ODtbe;ECubf;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,YD/WY;;ACiXZ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,ODjeY;;;AC0ehB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,YD5fS;;AC8fT;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,ODxgBQ;ECygBR;EACA;;AAIA;EACI;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,YDxjBa;ECyjBb;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA,YD/iBU;ECgjBV;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,ODnkBQ;ECokBR;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,YD7fY;;ACggBhB;EACI,YDjgBY;ECkgBZ,OD/mBS;;ACknBb;EAEI;EACA;EACA;;AAGJ;EACI;EACA,ODpmBI;;ACwmBZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA,ODlnBQ;ECmnBR;EACA;EACA","file":"config_panel.css"}
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/colorPicker.scss","../../../node_modules/@gooddata/sdk-ui-kit/styles/scss/variables.scss","../scss/config_panel.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAGJ;EAGI;EACA;EACA;;AAIA;EACI;;AAGJ;EACI;;AAGJ;EAGI;;;AAKZ;EACI;EACA,OC3BY;ED4BZ;EACA;;AAEA;AAAA;EAEI;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AEhHR;EACI,QAHmB;;;AAOnB;EACI,OD2BQ;EC1BR,YDsGgB;;ACjGhB;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA,OAjCqB;EAkCrB,QAlCqB;EAmCrB;EACA;EACA,aArCqB;EAsCrB;;AAEA;EACI;EACA;EACA,OD1BS;EC2BT;EACA;EACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI,OAlEqB;EAmErB,QAnEqB;EAoErB,QAnEmB;EAoEnB;EACA;EACA;EACA;;AAEA;EAII,cD7DS;EC8DT;;;AAIR;EACI;;;AASJ;EACI;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,KA1Ge;EA2Gf;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AASJ;EACI;;;AAIR;EACI;EACA;;AAIA;EACI;EACA;;AAGJ;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,ODxIgB;;;AC2IpB;EACI;;AAEA;EACI;;AAGJ;EACI;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAIR;EACI;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;;AAEA;EACI,kBDvIgB;ECwIhB;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI,MDpQQ;;ACuQhB;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAIR;EACI,ODnQmB;;;ACsQvB;EACI;;;AAGJ;EACI;EACA;;;AAIA;EACI;;;AAKJ;AAAA;EAEI;;AAIA;AAAA;EAEI;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,ODnPQ;;ACsPZ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AASJ;EACI,OD/We;ECgXf;EACA;;AAGJ;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA,kBD/SgB;ECgThB;;AAEA;EACI,OD5YW;EC6YX;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;AAKZ;EACI;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA,ODraQ;ECsaR;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,ODvbe;ECwbf;;AAEA;EACI;EACA;;AAIR;EACI;EACA,ODlce;ECmcf;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI,YD3XY;;AC6XZ;EACI;;AAKZ;EACI;EACA;EACA;EACA;EACA;;;AAIR;EACI;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA,OD7eY;;;ACsfhB;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA,YDxgBS;;AC0gBT;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA,ODphBQ;ECqhBR;EACA;;AAIA;EACI;EACA;EACA;EACA;;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA,YDpkBa;ECqkBb;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;EACA,YD3jBU;EC4jBV;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA,OD/kBQ;ECglBR;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI,YDzgBY;;AC4gBhB;EACI,YD7gBY;EC8gBZ,OD3nBS;;AC8nBb;EAEI;EACA;EACA;;AAGJ;EACI;EACA,ODhnBI;;AConBZ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA,OD9nBQ;EC+nBR;EACA;EACA","file":"config_panel.css"}

package/styles/internal/scss/config_panel.scss

@@ -123,11 +123,23 @@ $color-picker-spacing: 5px;
         width: 100%;
         margin: 0;
         padding: 0;
+        font-size: 12px;
+        line-height: 28px;
         text-align: center;
         text-decoration: none;
     }
 }
 
+.gd-color-drop-down-reset-section {
+    @extend .gd-color-drop-down-custom-section;
+}
+
+.gd-colored-items-list {
+    .gd-ui-kit-paged-virtual-list__item {
+        justify-content: center;
+    }
+}
+
 .gd-color-reset-colors-section {
     overflow: hidden;
     transition: all 0.4s;