mdt-charts 1.38.1 → 1.38.3

package/lib/engine/elementHighlighter/elementHighlighter.js

@@ -5,7 +5,7 @@ import { DomSelectionHelper, SelectionCondition } from "../helpers/domSelectionH
 import { Donut } from "../polarNotation/donut/donut";
 import { MarkDot } from "../features/markDots/markDot";
 import { Helper } from "../helpers/helper";
-import * as chroma from "chroma-js";
+import chroma from "chroma-js";
 import { NamesHelper } from "../helpers/namesHelper";
 import { DonutHelper } from "../polarNotation/donut/donutHelper";
 export class ElementHighlighter {

package/lib/model/chartStyleModel/chartStyleModel.js

@@ -1,4 +1,4 @@
-import * as chroma from "chroma-js";
+import chroma from "chroma-js";
 export class ChartStyleModelService {
     static getCssClasses(chartIndex) {
         const cssClasses = [`chart-${chartIndex}`];

package/lib/model/chartStyleModel/twoDimensionalChartStyleModel.js

@@ -1,4 +1,4 @@
-import * as chroma from "chroma-js";
+import chroma from "chroma-js";
 import { ModelHelper } from "../helpers/modelHelper";
 import { ChartStyleModelService } from "./chartStyleModel";
 export class TwoDimensionalChartStyleModel {

package/lib/model/featuresModel/tooltipModel/contentByNotations/polarInitialRowsProvider.d.ts

@@ -3,6 +3,7 @@ import { ValueField } from "../../../model";
 import { TooltipContentInitialRow, TooltipContentInitialRowsProvider, TooltipContentInitialRowsProviderContext } from "./tooltipContentInitialRowsProvider";
 export interface PolarInitialRowsProviderOptions {
     valueField: ValueField;
+    colorField?: string;
     datasource: MdtChartsDataRow[];
     chartColors: string[];
     keyFieldName: string;

package/lib/model/featuresModel/tooltipModel/contentByNotations/polarInitialRowsProvider.js

@@ -5,7 +5,13 @@ export class PolarInitialRowsProvider {
     }
     getInitialRows(context) {
         const indexOfCurrentDataRow = this.options.datasource.findIndex((row) => row[this.options.keyFieldName] === context.keyFieldValue);
-        const markerColor = this.options.chartColors[indexOfCurrentDataRow];
+        let markerColor;
+        if (this.options.colorField) {
+            const currentDataRow = this.options.datasource[indexOfCurrentDataRow];
+            markerColor = currentDataRow[this.options.colorField];
+        }
+        else
+            markerColor = this.options.chartColors[indexOfCurrentDataRow];
         return [
             {
                 marker: Object.assign(Object.assign({}, POLAR_LEGEND_MARKER), { color: markerColor }),

package/lib/model/notations/polar/polarModel.js

@@ -30,7 +30,8 @@ export class PolarModel {
                             datasource: modelInstance.dataModel.repository.getRawRows(),
                             valueField: options.chart.data.valueField,
                             keyFieldName: options.data.keyField.name,
-                            chartColors: chart.style.elementColors
+                            chartColors: chart.style.elementColors,
+                            colorField: options.chart.data.colorField
                         }),
                         valueGlobalFormatter: designerConfig.dataFormat.formatters
                     });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "mdt-charts",
-	"version": "1.38.1",
+	"version": "1.38.3",
 	"description": "",
 	"main": "lib/main.js",
 	"scripts": {
@@ -46,7 +46,7 @@
 		"webpack-cli": "^6.0.1"
 	},
 	"dependencies": {
-		"chroma-js": "^2.1.1",
+		"chroma-js": "^2.6.0",
 		"d3-array": "^3.2.4",
 		"d3-axis": "^3.0.0",
 		"d3-ease": "^3.0.1",

package/tsconfig.production.json

@@ -8,7 +8,8 @@
 		"allowJs": true,
 		"types": ["jest"],
 		"declaration": true,
-		"moduleResolution": "Node"
+		"moduleResolution": "Node",
+		"allowSyntheticDefaultImports": true
 	},
 	"include": ["src"],
 	"exclude": ["node_modules", "**/__tests__/*", "src/playground/*", "**/*Example.ts", "**/*.test.ts"]