@gooddata/sdk-ui-charts 10.3.0-alpha.2 → 10.3.0-alpha.4

package/esm/highcharts/chartTypes/scatterPlot/scatterPlotSeries.js

@@ -1,12 +1,34 @@
-// (C) 2020-2022 GoodData Corporation
+// (C) 2020-2024 GoodData Corporation
 import { BucketNames, getMappingHeaderFormattedName } from "@gooddata/sdk-ui";
 import { valueWithEmptyHandling } from "@gooddata/sdk-ui-vis-commons";
 import { parseValue } from "../_util/common.js";
+import debounce from "lodash/debounce.js";
+function _decreaseOpacityOfOtherSegmentsOnMouseOver() {
+    const segmentName = this?.segmentName;
+    const allDataPoints = this?.series?.data;
+    const otherSegmentsDataPoints = allDataPoints?.filter((dp) => dp.segmentName !== segmentName);
+    otherSegmentsDataPoints?.forEach((dp) => {
+        dp.graphic?.attr({ opacity: 0.3 });
+    });
+}
+const decreaseOpacityOfOtherSegmentsOnMouseOver = debounce(_decreaseOpacityOfOtherSegmentsOnMouseOver, 50);
+function _resetOpacityOfOtherSegmentsOnMouseOut() {
+    const segmentName = this?.segmentName;
+    const allDataPoints = this?.series?.data;
+    const otherSegmentsDataPoints = allDataPoints?.filter((dp) => dp.segmentName !== segmentName);
+    otherSegmentsDataPoints?.forEach((dp) => {
+        dp.graphic?.attr({ opacity: 1 });
+    });
+}
+const resetOpacityOfOtherSegmentsOnMouseOut = debounce(_resetOpacityOfOtherSegmentsOnMouseOut, 50);
 export function getScatterPlotSeries(dv, 
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+viewByAttribute, 
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 stackByAttribute, colorStrategy, emptyHeaderTitle) {
     const primaryMeasuresBucketEmpty = dv.def().isBucketEmpty(BucketNames.MEASURES);
     const secondaryMeasuresBucketEmpty = dv.def().isBucketEmpty(BucketNames.SECONDARY_MEASURES);
+    const colorAssignments = colorStrategy.getColorAssignment();
     const data = dv
         .rawData()
         .twoDimData()
@@ -14,12 +36,31 @@ stackByAttribute, colorStrategy, emptyHeaderTitle) {
         const values = seriesItem.map((value) => {
             return parseValue(value);
         });
+        const colorAssignment = stackByAttribute
+            ? colorAssignments.find((a) => stackByAttribute.items[seriesIndex]
+                .attributeHeaderItem.uri ===
+                a.headerItem.attributeHeaderItem.uri)
+            : colorAssignments[0];
+        const colorAssignmentIndex = colorAssignments.indexOf(colorAssignment);
+        const assignedColor = colorStrategy.getColorByIndex(colorAssignmentIndex);
         return {
             x: !primaryMeasuresBucketEmpty ? values[0] : 0,
             y: !secondaryMeasuresBucketEmpty ? (primaryMeasuresBucketEmpty ? values[0] : values[1]) : 0,
-            name: stackByAttribute
+            name: viewByAttribute
+                ? valueWithEmptyHandling(getMappingHeaderFormattedName(viewByAttribute.items[seriesIndex]), emptyHeaderTitle)
+                : "",
+            segmentName: stackByAttribute
                 ? valueWithEmptyHandling(getMappingHeaderFormattedName(stackByAttribute.items[seriesIndex]), emptyHeaderTitle)
                 : "",
+            color: assignedColor,
+            ...(stackByAttribute
+                ? {
+                    events: {
+                        mouseOver: decreaseOpacityOfOtherSegmentsOnMouseOver,
+                        mouseOut: resetOpacityOfOtherSegmentsOnMouseOut,
+                    },
+                }
+                : {}),
         };
     });
     return [

package/esm/highcharts/chartTypes/scatterPlot/scatterPlotSeries.js.map

@@ -1 +1 @@
-{"version":3,"file":"scatterPlotSeries.js","sourceRoot":"","sources":["../../../../src/highcharts/chartTypes/scatterPlot/scatterPlotSeries.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,WAAW,EAAkB,6BAA6B,EAAE,MAAM,kBAAkB,CAAC;AAC9F,OAAO,EAAkB,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAEtF,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,UAAU,oBAAoB,CAChC,EAAkB;AAClB,6EAA6E;AAC7E,gBAAqB,EACrB,aAA6B,EAC7B,gBAAwB;IAExB,MAAM,0BAA0B,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAChF,MAAM,4BAA4B,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAE5F,MAAM,IAAI,GAAiB,EAAE;SACxB,OAAO,EAAE;SACT,UAAU,EAAE;SACZ,GAAG,CAAC,CAAC,UAAoB,EAAE,WAAmB,EAAE,EAAE;QAC/C,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAa,EAAE,EAAE;YAC5C,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,OAAO;YACH,CAAC,EAAE,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9C,CAAC,EAAE,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3F,IAAI,EAAE,gBAAgB;gBAClB,CAAC,CAAC,sBAAsB,CAClB,6BAA6B,CAAC,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,EAClE,gBAAgB,CACnB;gBACH,CAAC,CAAC,EAAE;SACX,CAAC;IACN,CAAC,CAAC,CAAC;IAEP,OAAO;QACH;YACI,cAAc,EAAE,CAAC;YACjB,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC,CAAC;YACvC,WAAW,EAAE,CAAC;YACd,IAAI;YACJ,WAAW,EAAE,CAAC;SACjB;KACJ,CAAC;AACN,CAAC"}
+{"version":3,"file":"scatterPlotSeries.js","sourceRoot":"","sources":["../../../../src/highcharts/chartTypes/scatterPlot/scatterPlotSeries.ts"],"names":[],"mappings":"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"}

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

@@ -2145,6 +2145,10 @@ export declare interface IScatterPlotBucketProps {
      * Specify attribute whose values will be used to create data points.
      */
     attribute?: AttributeOrPlaceholder;
+    /**
+     * Specify attribute whose values will be used to segment the data.
+     */
+    segmentBy?: AttributeOrPlaceholder;
     /**
      * Specify filters to apply on the data to chart.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-charts",
-  "version": "10.3.0-alpha.2",
+  "version": "10.3.0-alpha.4",
   "description": "GoodData.UI SDK - Charts",
   "repository": {
     "type": "git",
@@ -66,13 +66,13 @@
     "ts-invariant": "^0.7.5",
     "tslib": "^2.5.0",
     "uuid": "^8.3.2",
-    "@gooddata/sdk-backend-spi": "10.3.0-alpha.2",
-    "@gooddata/sdk-model": "10.3.0-alpha.2",
-    "@gooddata/sdk-ui-kit": "10.3.0-alpha.2",
-    "@gooddata/sdk-ui": "10.3.0-alpha.2",
-    "@gooddata/sdk-ui-vis-commons": "10.3.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "10.3.0-alpha.2",
-    "@gooddata/util": "10.3.0-alpha.2"
+    "@gooddata/sdk-backend-spi": "10.3.0-alpha.4",
+    "@gooddata/sdk-model": "10.3.0-alpha.4",
+    "@gooddata/sdk-ui": "10.3.0-alpha.4",
+    "@gooddata/sdk-ui-kit": "10.3.0-alpha.4",
+    "@gooddata/util": "10.3.0-alpha.4",
+    "@gooddata/sdk-ui-theme-provider": "10.3.0-alpha.4",
+    "@gooddata/sdk-ui-vis-commons": "10.3.0-alpha.4"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -122,8 +122,8 @@
     "typescript": "5.3.3",
     "vitest": "1.0.4",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.3.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "10.3.0-alpha.2"
+    "@gooddata/sdk-backend-mockingbird": "10.3.0-alpha.4",
+    "@gooddata/reference-workspace": "10.3.0-alpha.4"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",