@semcore/d3-chart 3.61.0-prerelease.0 → 3.61.0-prerelease.4

package/lib/esm/component/Chart/DonutChart.mjs

@@ -1,25 +1,25 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { Flex } from "@semcore/base-components";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Text } from "@semcore/typography";
-import { scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
+import createComponent from "@semcore/core";
+import { scaleLinear } from "d3-scale";
+import Donut from "../../Donut.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
+import { Text } from "@semcore/typography";
+import { Flex } from "@semcore/flex-box";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import Donut from "../../Donut.mjs";
-var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+var DonutChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(DonutChartComponent2, _AbstractChart);
+  var _super = _createSuper(DonutChartComponent2);
   function DonutChartComponent2() {
     _classCallCheck(this, DonutChartComponent2);
-    return _callSuper(this, DonutChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(DonutChartComponent2, _AbstractChart);
-  return _createClass(DonutChartComponent2, [{
+  _createClass(DonutChartComponent2, [{
     key: "xScale",
     get: function get() {
       var xScale = this.asProps.xScale;
@@ -47,13 +47,12 @@ var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps = this.asProps, innerRadius = _this$asProps.innerRadius, halfsize = _this$asProps.halfsize, innerLabel = _this$asProps.innerLabel, onClickPie = _this$asProps.onClickPie;
+      var _this$asProps = this.asProps, innerRadius = _this$asProps.innerRadius, halfsize = _this$asProps.halfsize, innerLabel = _this$asProps.innerLabel;
       var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
       var checkedLegendItems = dataDefinitions.filter(function(item) {
         return item.checked;
       });
       return /* @__PURE__ */ React.createElement(Donut, {
-        onClick: onClickPie,
         halfsize,
         innerRadius
       }, checkedLegendItems.length === 0 && /* @__PURE__ */ React.createElement(Donut.EmptyData, null), checkedLegendItems.map(function(item, index) {
@@ -70,8 +69,11 @@ var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
     key: "renderTooltip",
     value: function renderTooltip() {
       var _this = this;
-      var data = this.asProps.data;
+      var _this$asProps2 = this.asProps, data = _this$asProps2.data, showTooltip = _this$asProps2.showTooltip;
       var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
       return /* @__PURE__ */ React.createElement(Donut.Tooltip, null, function(_ref) {
         var dataKey = _ref.dataKey;
         var title = dataDefinitions.find(function(item) {
@@ -94,7 +96,8 @@ var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       });
     }
   }]);
-})(AbstractChart);
+  return DonutChartComponent2;
+}(AbstractChart);
 _defineProperty(DonutChartComponent, "displayName", "Chart.Donut");
 _defineProperty(DonutChartComponent, "defaultProps", {
   direction: "row-reverse",

package/lib/esm/component/Chart/HistogramChart.mjs

@@ -2,28 +2,31 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
-import { AbstractChart } from "./AbstractChart.mjs";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import { minMax } from "../../utils.mjs";
-import StackBar from "../../StackBar.mjs";
+import createComponent from "@semcore/core";
+import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import Bar from "../../Bar.mjs";
+import StackBar from "../../StackBar.mjs";
 import { HoverRect } from "../../Hover.mjs";
-var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+import { minMax } from "../../utils.mjs";
+import { AbstractChart } from "./AbstractChart.mjs";
+import { Flex, Box } from "@semcore/flex-box";
+import { Text } from "@semcore/typography";
+import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+var HistogramChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(HistogramChartComponent2, _AbstractChart);
+  var _super = _createSuper(HistogramChartComponent2);
   function HistogramChartComponent2() {
     _classCallCheck(this, HistogramChartComponent2);
-    return _callSuper(this, HistogramChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(HistogramChartComponent2, _AbstractChart);
-  return _createClass(HistogramChartComponent2, [{
+  _createClass(HistogramChartComponent2, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps, xScale = _this$asProps.xScale, _this$asProps$marginY = _this$asProps.marginY, marginY = _this$asProps$marginY === void 0 ? 30 : _this$asProps$marginY, _this$asProps$marginX = _this$asProps.marginX, marginX = _this$asProps$marginX === void 0 ? 30 : _this$asProps$marginX, plotWidth = _this$asProps.plotWidth, plotHeight = _this$asProps.plotHeight, invertAxis = _this$asProps.invertAxis, data = _this$asProps.data, groupKey = _this$asProps.groupKey;
@@ -60,7 +63,7 @@ var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
           return max2;
         }, 0);
       } else {
-        var flatValues = _superPropGet(HistogramChartComponent2, "flatValues", this, 1);
+        var flatValues = _get(_getPrototypeOf(HistogramChartComponent2.prototype), "flatValues", this);
         max = Math.max.apply(Math, _toConsumableArray(flatValues));
       }
       return yScale !== null && yScale !== void 0 ? yScale : scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
@@ -97,7 +100,7 @@ var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
         }));
       }
       var item = dataDefinitions[0];
-      return item.checked && /* @__PURE__ */ React.createElement(Bar, {
+      return /* @__PURE__ */ React.createElement(Bar, {
         x: invertAxis ? item.id : groupKey,
         y: invertAxis ? groupKey : item.id,
         key: item.id,
@@ -108,20 +111,40 @@ var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
     key: "renderTooltip",
     value: function renderTooltip() {
       var _this = this;
-      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey, invertAxis = _this$asProps4.invertAxis;
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey, showTotalInTooltip = _this$asProps4.showTotalInTooltip, showTooltip = _this$asProps4.showTooltip, invertAxis = _this$asProps4.invertAxis;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
       return /* @__PURE__ */ React.createElement(HoverRect.Tooltip, {
         x: invertAxis ? void 0 : groupKey,
         y: invertAxis ? groupKey : void 0,
         wMin: 100
       }, function(_ref) {
+        var _dataItem$groupKey;
         var xIndex = _ref.xIndex, yIndex = _ref.yIndex;
         var index = invertAxis ? yIndex : xIndex;
         var dataItem = data[index];
+        var total = _this.totalValue(dataItem);
         return {
-          children: _this.getTooltipChildren({
-            Tooltip: HoverRect.Tooltip,
-            dataItem
-          })
+          children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HoverRect.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function(item) {
+            return item.checked && /* @__PURE__ */ React.createElement(Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /* @__PURE__ */ React.createElement(HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /* @__PURE__ */ React.createElement(Text, {
+              bold: true
+            }, _this.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /* @__PURE__ */ React.createElement(Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /* @__PURE__ */ React.createElement(Box, {
+            mr: 4
+          }, "Total"), /* @__PURE__ */ React.createElement(Text, {
+            bold: true
+          }, total)))
         };
       });
     }
@@ -133,7 +156,8 @@ var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       });
     }
   }]);
-})(AbstractChart);
+  return HistogramChartComponent2;
+}(AbstractChart);
 _defineProperty(HistogramChartComponent, "displayName", "Chart.Histogram");
 _defineProperty(HistogramChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
 var HistogramChart = createComponent(HistogramChartComponent);

package/lib/esm/component/Chart/LineChart.mjs

@@ -1,27 +1,30 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
-import { AbstractChart } from "./AbstractChart.mjs";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import { minMax } from "../../utils.mjs";
+import createComponent from "@semcore/core";
+import { scaleTime, scaleLinear } from "d3-scale";
 import Line from "../../Line.mjs";
 import { HoverLine } from "../../Hover.mjs";
-var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+import { minMax } from "../../utils.mjs";
+import { AbstractChart } from "./AbstractChart.mjs";
+import { Flex, Box } from "@semcore/flex-box";
+import { Text } from "@semcore/typography";
+import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+var LineChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(LineChartComponent2, _AbstractChart);
+  var _super = _createSuper(LineChartComponent2);
   function LineChartComponent2() {
     _classCallCheck(this, LineChartComponent2);
-    return _callSuper(this, LineChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(LineChartComponent2, _AbstractChart);
-  return _createClass(LineChartComponent2, [{
+  _createClass(LineChartComponent2, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps, xScale = _this$asProps.xScale, _this$asProps$marginY = _this$asProps.marginY, marginY = _this$asProps$marginY === void 0 ? 30 : _this$asProps$marginY, plotWidth = _this$asProps.plotWidth, data = _this$asProps.data, groupKey = _this$asProps.groupKey;
@@ -43,7 +46,7 @@ var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       if (yScale) {
         return yScale;
       }
-      var flatValues = _superPropGet(LineChartComponent2, "flatValues", this, 1);
+      var flatValues = _get(_getPrototypeOf(LineChartComponent2.prototype), "flatValues", this);
       var max = Math.max.apply(Math, _toConsumableArray(flatValues));
       var min = Math.min.apply(Math, _toConsumableArray(flatValues));
       return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
@@ -51,7 +54,7 @@ var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps3 = this.asProps, groupKey = _this$asProps3.groupKey, curve = _this$asProps3.curve, showDots = _this$asProps3.showDots, area = _this$asProps3.area, areaCurve = _this$asProps3.areaCurve, onClickLine = _this$asProps3.onClickLine;
+      var _this$asProps3 = this.asProps, groupKey = _this$asProps3.groupKey, curve = _this$asProps3.curve, showDots = _this$asProps3.showDots, area = _this$asProps3.area, areaCurve = _this$asProps3.areaCurve;
       var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
       return dataDefinitions.map(function(item, index) {
         return item.checked && /* @__PURE__ */ React.createElement(Line, {
@@ -60,8 +63,7 @@ var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
           key: item.id,
           color: item.color,
           transparent: highlightedLine !== -1 && highlightedLine !== index,
-          curve,
-          onClick: onClickLine
+          curve
         }, showDots && /* @__PURE__ */ React.createElement(Line.Dots, {
           display: true
         }), (area === null || area === void 0 ? void 0 : area[item.id]) && /* @__PURE__ */ React.createElement(Line.Area, {
@@ -76,18 +78,38 @@ var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
     key: "renderTooltip",
     value: function renderTooltip() {
       var _this = this;
-      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey;
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey, showTotalInTooltip = _this$asProps4.showTotalInTooltip, showTooltip = _this$asProps4.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
       return /* @__PURE__ */ React.createElement(HoverLine.Tooltip, {
         x: groupKey,
         wMin: 100
       }, function(_ref) {
+        var _dataItem$groupKey;
         var xIndex = _ref.xIndex;
         var dataItem = data[xIndex];
+        var total = _this.totalValue(dataItem);
         return {
-          children: _this.getTooltipChildren({
-            Tooltip: HoverLine.Tooltip,
-            dataItem
-          })
+          children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(HoverLine.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function(item) {
+            return item.checked && /* @__PURE__ */ React.createElement(Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /* @__PURE__ */ React.createElement(HoverLine.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /* @__PURE__ */ React.createElement(Text, {
+              bold: true
+            }, _this.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /* @__PURE__ */ React.createElement(Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /* @__PURE__ */ React.createElement(Box, {
+            mr: 4
+          }, "Total"), /* @__PURE__ */ React.createElement(Text, {
+            bold: true
+          }, total)))
         };
       });
     }
@@ -99,7 +121,8 @@ var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       });
     }
   }]);
-})(AbstractChart);
+  return LineChartComponent2;
+}(AbstractChart);
 _defineProperty(LineChartComponent, "displayName", "Chart.Line");
 _defineProperty(LineChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
 var LineChart = createComponent(LineChartComponent);

package/lib/esm/component/Chart/RadarChart.mjs

@@ -1,31 +1,32 @@
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
+import _get from "@babel/runtime/helpers/esm/get";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { scaleLinear } from "d3-scale";
 import React from "react";
+import createComponent from "@semcore/core";
+import { scaleLinear } from "d3-scale";
 import { AbstractChart } from "./AbstractChart.mjs";
-import "../../index.mjs";
-import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 import Radar from "../../Radar.mjs";
-var RadarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
+var RadarChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(RadarChartComponent2, _AbstractChart);
+  var _super = _createSuper(RadarChartComponent2);
   function RadarChartComponent2() {
     _classCallCheck(this, RadarChartComponent2);
-    return _callSuper(this, RadarChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(RadarChartComponent2, _AbstractChart);
-  return _createClass(RadarChartComponent2, [{
+  _createClass(RadarChartComponent2, [{
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps = this.asProps, groupKey = _this$asProps.groupKey, showDots = _this$asProps.showDots, circle = _this$asProps.circle, onClickRadar = _this$asProps.onClickRadar;
-      var dataDefinitions = this.state.dataDefinitions;
+      var _this$asProps = this.asProps, groupKey = _this$asProps.groupKey, showDots = _this$asProps.showDots, circle = _this$asProps.circle;
+      var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions;
+      _this$state.highlightedLine;
       return /* @__PURE__ */ React.createElement(Radar, {
-        onClick: onClickRadar,
         scale: this.xScale,
         type: circle ? "circle" : void 0
       }, /* @__PURE__ */ React.createElement(Radar.Axis, {
@@ -102,10 +103,11 @@ var RadarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "domain",
     get: function get() {
-      return [Math.min.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent2, "flatValues", this, 1))), Math.max.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent2, "flatValues", this, 1)))];
+      return [Math.min.apply(Math, _toConsumableArray(_get(_getPrototypeOf(RadarChartComponent2.prototype), "flatValues", this))), Math.max.apply(Math, _toConsumableArray(_get(_getPrototypeOf(RadarChartComponent2.prototype), "flatValues", this)))];
     }
   }]);
-})(AbstractChart);
+  return RadarChartComponent2;
+}(AbstractChart);
 _defineProperty(RadarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
 var RadarChart = createComponent(RadarChartComponent);
 export {

package/lib/esm/component/Chart/ScatterPlotChart.mjs

@@ -2,26 +2,26 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Text } from "@semcore/typography";
-import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
+import createComponent from "@semcore/core";
+import { scaleTime, scaleLinear } from "d3-scale";
+import ScatterPlot from "../../ScatterPlot.mjs";
+import { getScatterPlotRadius, minMax } from "../../utils.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
+import { Text } from "@semcore/typography";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import { getScatterPlotRadius, minMax } from "../../utils.mjs";
-import ScatterPlot from "../../ScatterPlot.mjs";
-var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+var ScatterPlotChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(ScatterPlotChartComponent2, _AbstractChart);
+  var _super = _createSuper(ScatterPlotChartComponent2);
   function ScatterPlotChartComponent2() {
     _classCallCheck(this, ScatterPlotChartComponent2);
-    return _callSuper(this, ScatterPlotChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(ScatterPlotChartComponent2, _AbstractChart);
-  return _createClass(ScatterPlotChartComponent2, [{
+  _createClass(ScatterPlotChartComponent2, [{
     key: "dataKeys",
     get: function get() {
       var _this$props = this.props, data = _this$props.data, groupKey = _this$props.groupKey, valueKey = _this$props.valueKey;
@@ -76,11 +76,10 @@ var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps4 = this.asProps, groupKey = _this$asProps4.groupKey, valueKey = _this$asProps4.valueKey, onClickScatterItem = _this$asProps4.onClickScatterItem;
+      var _this$asProps4 = this.asProps, groupKey = _this$asProps4.groupKey, valueKey = _this$asProps4.valueKey;
       var dataDefinitions = this.state.dataDefinitions;
       return dataDefinitions.map(function(item) {
         return item.checked && /* @__PURE__ */ React.createElement(ScatterPlot, {
-          onClick: onClickScatterItem,
           x: groupKey,
           y: item.id,
           key: item.id,
@@ -93,8 +92,11 @@ var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
     key: "renderTooltip",
     value: function renderTooltip() {
       var _this = this;
-      var _this$asProps5 = this.asProps, data = _this$asProps5.data, groupKey = _this$asProps5.groupKey;
+      var _this$asProps5 = this.asProps, data = _this$asProps5.data, groupKey = _this$asProps5.groupKey, showTooltip = _this$asProps5.showTooltip;
       var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
       return dataDefinitions.filter(function(item) {
         return item.checked;
       }).map(function(item) {
@@ -110,9 +112,9 @@ var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
               color: item.color
             }, "Data"), /* @__PURE__ */ React.createElement(Text, {
               tag: "div"
-            }, "X axis", _this.tooltipValueFormatter(data[index][x])), /* @__PURE__ */ React.createElement(Text, {
+            }, "X axis ", _this.tooltipValueFormatter(data[index][x])), /* @__PURE__ */ React.createElement(Text, {
               tag: "div"
-            }, "Y axis", _this.tooltipValueFormatter(data[index][y])))
+            }, "Y axis ", _this.tooltipValueFormatter(data[index][y])))
           };
         });
       });
@@ -125,7 +127,8 @@ var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       });
     }
   }]);
-})(AbstractChart);
+  return ScatterPlotChartComponent2;
+}(AbstractChart);
 _defineProperty(ScatterPlotChartComponent, "displayName", "Chart.ScatterPlot");
 _defineProperty(ScatterPlotChartComponent, "defaultProps", {
   direction: "column",

package/lib/esm/component/Chart/VennChart.mjs

@@ -1,24 +1,24 @@
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent } from "@semcore/core";
-import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
-import { Text } from "@semcore/typography";
-import { scaleLinear } from "d3-scale";
 import React from "react";
-import "../../index.mjs";
+import createComponent from "@semcore/core";
+import { scaleLinear } from "d3-scale";
+import Venn from "../../Venn.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
+import { Text } from "@semcore/typography";
+import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-import Venn from "../../Venn.mjs";
-var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
+var VennChartComponent = /* @__PURE__ */ function(_AbstractChart) {
+  _inherits(VennChartComponent2, _AbstractChart);
+  var _super = _createSuper(VennChartComponent2);
   function VennChartComponent2() {
     _classCallCheck(this, VennChartComponent2);
-    return _callSuper(this, VennChartComponent2, arguments);
+    return _super.apply(this, arguments);
   }
-  _inherits(VennChartComponent2, _AbstractChart);
-  return _createClass(VennChartComponent2, [{
+  _createClass(VennChartComponent2, [{
     key: "xScale",
     get: function get() {
       var xScale = this.asProps.xScale;
@@ -56,7 +56,7 @@ var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps = this.asProps, data = _this$asProps.data, onClickVennItem = _this$asProps.onClickVennItem;
+      var data = this.asProps.data;
       var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
       var checkedLegendItems = dataDefinitions.filter(function(item) {
         return item.checked;
@@ -72,9 +72,7 @@ var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
         }
         return result;
       }, []);
-      return /* @__PURE__ */ React.createElement(Venn, {
-        onClick: onClickVennItem
-      }, checkedLegendItems.map(function(item, index) {
+      return /* @__PURE__ */ React.createElement(Venn, null, checkedLegendItems.map(function(item, index) {
         return /* @__PURE__ */ React.createElement(Venn.Circle, {
           key: item.id,
           dataKey: item.id,
@@ -106,6 +104,10 @@ var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
+      var showTooltip = this.asProps.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
       return /* @__PURE__ */ React.createElement(Venn.Tooltip, null, function(_ref) {
         var name = _ref.name, dataKey = _ref.dataKey, data = _ref.data;
         return {
@@ -123,7 +125,8 @@ var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
       });
     }
   }]);
-})(AbstractChart);
+  return VennChartComponent2;
+}(AbstractChart);
 _defineProperty(VennChartComponent, "displayName", "Chart.Venn");
 _defineProperty(VennChartComponent, "defaultProps", {
   direction: "row-reverse",

package/lib/esm/component/Chart/index.mjs

@@ -1,14 +1,14 @@
-import { AreaChart } from "./AreaChart.mjs";
+import { LineChart } from "./LineChart.mjs";
 import { BarChart } from "./BarChart.mjs";
-import { BubbleChart } from "./BubbleChart.mjs";
-import { CigaretteChart } from "./CigaretteChart.mjs";
 import { CompactHorizontalBarChart } from "./CompactHorizontalBarChart.mjs";
-import { DonutChart } from "./DonutChart.mjs";
 import { HistogramChart } from "./HistogramChart.mjs";
-import { LineChart } from "./LineChart.mjs";
-import { RadarChart } from "./RadarChart.mjs";
 import { ScatterPlotChart } from "./ScatterPlotChart.mjs";
+import { AreaChart } from "./AreaChart.mjs";
+import { BubbleChart } from "./BubbleChart.mjs";
+import { DonutChart } from "./DonutChart.mjs";
 import { VennChart } from "./VennChart.mjs";
+import { RadarChart } from "./RadarChart.mjs";
+import { CigaretteChart } from "./CigaretteChart.mjs";
 const index = {
   Line: LineChart,
   Bar: BarChart,