@gooddata/sdk-ui-ext 11.48.0-alpha.0 → 11.48.0-alpha.2

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.48.0-alpha.0",
+  "version": "11.48.0-alpha.2",
   "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.48.0-alpha.0",
-    "@gooddata/sdk-embedding": "11.48.0-alpha.0",
-    "@gooddata/sdk-backend-spi": "11.48.0-alpha.0",
-    "@gooddata/sdk-model": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-charts": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-filters": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-kit": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-pivot": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-geo": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-semantic-search": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-theme-provider": "11.48.0-alpha.0",
-    "@gooddata/sdk-ui-vis-commons": "11.48.0-alpha.0",
-    "@gooddata/util": "11.48.0-alpha.0"
+    "@gooddata/sdk-backend-base": "11.48.0-alpha.2",
+    "@gooddata/sdk-backend-spi": "11.48.0-alpha.2",
+    "@gooddata/sdk-model": "11.48.0-alpha.2",
+    "@gooddata/sdk-embedding": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-charts": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-filters": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-kit": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-geo": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-semantic-search": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-pivot": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-vis-commons": "11.48.0-alpha.2",
+    "@gooddata/sdk-ui-theme-provider": "11.48.0-alpha.2",
+    "@gooddata/util": "11.48.0-alpha.2"
   },
   "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/i18n-toolkit": "11.48.0-alpha.0",
-    "@gooddata/eslint-config": "11.48.0-alpha.0",
-    "@gooddata/oxlint-config": "11.48.0-alpha.0",
-    "@gooddata/reference-workspace": "11.48.0-alpha.0",
-    "@gooddata/sdk-backend-mockingbird": "11.48.0-alpha.0",
-    "@gooddata/stylelint-config": "11.48.0-alpha.0"
+    "@gooddata/eslint-config": "11.48.0-alpha.2",
+    "@gooddata/i18n-toolkit": "11.48.0-alpha.2",
+    "@gooddata/oxlint-config": "11.48.0-alpha.2",
+    "@gooddata/reference-workspace": "11.48.0-alpha.2",
+    "@gooddata/sdk-backend-mockingbird": "11.48.0-alpha.2",
+    "@gooddata/stylelint-config": "11.48.0-alpha.2"
   },
   "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;