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

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 React from "react";
-import createComponent from "@semcore/core";
+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 Donut from "../../Donut.mjs";
+import React from "react";
+import "../../index.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 i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
-var DonutChartComponent = /* @__PURE__ */ function(_AbstractChart) {
-  _inherits(DonutChartComponent2, _AbstractChart);
-  var _super = _createSuper(DonutChartComponent2);
+import Donut from "../../Donut.mjs";
+var DonutChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function DonutChartComponent2() {
     _classCallCheck(this, DonutChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, DonutChartComponent2, arguments);
   }
-  _createClass(DonutChartComponent2, [{
+  _inherits(DonutChartComponent2, _AbstractChart);
+  return _createClass(DonutChartComponent2, [{
     key: "xScale",
     get: function get() {
       var xScale = this.asProps.xScale;
@@ -47,12 +47,13 @@ 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;
+      var _this$asProps = this.asProps, innerRadius = _this$asProps.innerRadius, halfsize = _this$asProps.halfsize, innerLabel = _this$asProps.innerLabel, onClickPie = _this$asProps.onClickPie;
       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) {
@@ -69,11 +70,8 @@ var DonutChartComponent = /* @__PURE__ */ function(_AbstractChart) {
     key: "renderTooltip",
     value: function renderTooltip() {
       var _this = this;
-      var _this$asProps2 = this.asProps, data = _this$asProps2.data, showTooltip = _this$asProps2.showTooltip;
+      var data = this.asProps.data;
       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) {
@@ -96,8 +94,7 @@ var DonutChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       });
     }
   }]);
-  return DonutChartComponent2;
-}(AbstractChart);
+})(AbstractChart);
 _defineProperty(DonutChartComponent, "displayName", "Chart.Donut");
 _defineProperty(DonutChartComponent, "defaultProps", {
   direction: "row-reverse",

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

@@ -2,31 +2,28 @@ 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 _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 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 React from "react";
-import createComponent from "@semcore/core";
+import { createComponent } from "@semcore/core";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
-import Bar from "../../Bar.mjs";
-import StackBar from "../../StackBar.mjs";
-import { HoverRect } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import React from "react";
+import "../../index.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);
+import { minMax } from "../../utils.mjs";
+import StackBar from "../../StackBar.mjs";
+import Bar from "../../Bar.mjs";
+import { HoverRect } from "../../Hover.mjs";
+var HistogramChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function HistogramChartComponent2() {
     _classCallCheck(this, HistogramChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, HistogramChartComponent2, arguments);
   }
-  _createClass(HistogramChartComponent2, [{
+  _inherits(HistogramChartComponent2, _AbstractChart);
+  return _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;
@@ -63,7 +60,7 @@ var HistogramChartComponent = /* @__PURE__ */ function(_AbstractChart) {
           return max2;
         }, 0);
       } else {
-        var flatValues = _get(_getPrototypeOf(HistogramChartComponent2.prototype), "flatValues", this);
+        var flatValues = _superPropGet(HistogramChartComponent2, "flatValues", this, 1);
         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]);
@@ -100,7 +97,7 @@ var HistogramChartComponent = /* @__PURE__ */ function(_AbstractChart) {
         }));
       }
       var item = dataDefinitions[0];
-      return /* @__PURE__ */ React.createElement(Bar, {
+      return item.checked && /* @__PURE__ */ React.createElement(Bar, {
         x: invertAxis ? item.id : groupKey,
         y: invertAxis ? groupKey : item.id,
         key: item.id,
@@ -111,40 +108,20 @@ 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, showTotalInTooltip = _this$asProps4.showTotalInTooltip, showTooltip = _this$asProps4.showTooltip, invertAxis = _this$asProps4.invertAxis;
-      var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey, invertAxis = _this$asProps4.invertAxis;
       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: /* @__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)))
+          children: _this.getTooltipChildren({
+            Tooltip: HoverRect.Tooltip,
+            dataItem
+          })
         };
       });
     }
@@ -156,8 +133,7 @@ var HistogramChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       });
     }
   }]);
-  return HistogramChartComponent2;
-}(AbstractChart);
+})(AbstractChart);
 _defineProperty(HistogramChartComponent, "displayName", "Chart.Histogram");
 _defineProperty(HistogramChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
 var HistogramChart = createComponent(HistogramChartComponent);

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

@@ -1,30 +1,27 @@
 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 _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 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 React from "react";
-import createComponent from "@semcore/core";
+import { createComponent } from "@semcore/core";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
-import Line from "../../Line.mjs";
-import { HoverLine } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import React from "react";
+import "../../index.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);
+import { minMax } from "../../utils.mjs";
+import Line from "../../Line.mjs";
+import { HoverLine } from "../../Hover.mjs";
+var LineChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function LineChartComponent2() {
     _classCallCheck(this, LineChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, LineChartComponent2, arguments);
   }
-  _createClass(LineChartComponent2, [{
+  _inherits(LineChartComponent2, _AbstractChart);
+  return _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;
@@ -46,7 +43,7 @@ var LineChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       if (yScale) {
         return yScale;
       }
-      var flatValues = _get(_getPrototypeOf(LineChartComponent2.prototype), "flatValues", this);
+      var flatValues = _superPropGet(LineChartComponent2, "flatValues", this, 1);
       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]);
@@ -54,7 +51,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;
+      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$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
       return dataDefinitions.map(function(item, index) {
         return item.checked && /* @__PURE__ */ React.createElement(Line, {
@@ -63,7 +60,8 @@ var LineChartComponent = /* @__PURE__ */ function(_AbstractChart) {
           key: item.id,
           color: item.color,
           transparent: highlightedLine !== -1 && highlightedLine !== index,
-          curve
+          curve,
+          onClick: onClickLine
         }, showDots && /* @__PURE__ */ React.createElement(Line.Dots, {
           display: true
         }), (area === null || area === void 0 ? void 0 : area[item.id]) && /* @__PURE__ */ React.createElement(Line.Area, {
@@ -78,38 +76,18 @@ 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, showTotalInTooltip = _this$asProps4.showTotalInTooltip, showTooltip = _this$asProps4.showTooltip;
-      var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
+      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey;
       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: /* @__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)))
+          children: _this.getTooltipChildren({
+            Tooltip: HoverLine.Tooltip,
+            dataItem
+          })
         };
       });
     }
@@ -121,8 +99,7 @@ var LineChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       });
     }
   }]);
-  return LineChartComponent2;
-}(AbstractChart);
+})(AbstractChart);
 _defineProperty(LineChartComponent, "displayName", "Chart.Line");
 _defineProperty(LineChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
 var LineChart = createComponent(LineChartComponent);

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

@@ -1,32 +1,31 @@
 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 _get from "@babel/runtime/helpers/esm/get";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
 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 React from "react";
-import createComponent from "@semcore/core";
+import { createComponent } from "@semcore/core";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleLinear } from "d3-scale";
+import React from "react";
 import { AbstractChart } from "./AbstractChart.mjs";
-import Radar from "../../Radar.mjs";
+import "../../index.mjs";
 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);
+import Radar from "../../Radar.mjs";
+var RadarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function RadarChartComponent2() {
     _classCallCheck(this, RadarChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, RadarChartComponent2, arguments);
   }
-  _createClass(RadarChartComponent2, [{
+  _inherits(RadarChartComponent2, _AbstractChart);
+  return _createClass(RadarChartComponent2, [{
     key: "renderChart",
     value: function renderChart() {
-      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;
+      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;
       return /* @__PURE__ */ React.createElement(Radar, {
+        onClick: onClickRadar,
         scale: this.xScale,
         type: circle ? "circle" : void 0
       }, /* @__PURE__ */ React.createElement(Radar.Axis, {
@@ -103,11 +102,10 @@ var RadarChartComponent = /* @__PURE__ */ function(_AbstractChart) {
   }, {
     key: "domain",
     get: function get() {
-      return [Math.min.apply(Math, _toConsumableArray(_get(_getPrototypeOf(RadarChartComponent2.prototype), "flatValues", this))), Math.max.apply(Math, _toConsumableArray(_get(_getPrototypeOf(RadarChartComponent2.prototype), "flatValues", this)))];
+      return [Math.min.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent2, "flatValues", this, 1))), Math.max.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent2, "flatValues", this, 1)))];
     }
   }]);
-  return RadarChartComponent2;
-}(AbstractChart);
+})(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 React from "react";
-import createComponent from "@semcore/core";
+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 ScatterPlot from "../../ScatterPlot.mjs";
-import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import React from "react";
+import "../../index.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";
-var ScatterPlotChartComponent = /* @__PURE__ */ function(_AbstractChart) {
-  _inherits(ScatterPlotChartComponent2, _AbstractChart);
-  var _super = _createSuper(ScatterPlotChartComponent2);
+import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import ScatterPlot from "../../ScatterPlot.mjs";
+var ScatterPlotChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function ScatterPlotChartComponent2() {
     _classCallCheck(this, ScatterPlotChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, ScatterPlotChartComponent2, arguments);
   }
-  _createClass(ScatterPlotChartComponent2, [{
+  _inherits(ScatterPlotChartComponent2, _AbstractChart);
+  return _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,10 +76,11 @@ var ScatterPlotChartComponent = /* @__PURE__ */ function(_AbstractChart) {
   }, {
     key: "renderChart",
     value: function renderChart() {
-      var _this$asProps4 = this.asProps, groupKey = _this$asProps4.groupKey, valueKey = _this$asProps4.valueKey;
+      var _this$asProps4 = this.asProps, groupKey = _this$asProps4.groupKey, valueKey = _this$asProps4.valueKey, onClickScatterItem = _this$asProps4.onClickScatterItem;
       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,
@@ -92,11 +93,8 @@ 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, showTooltip = _this$asProps5.showTooltip;
+      var _this$asProps5 = this.asProps, data = _this$asProps5.data, groupKey = _this$asProps5.groupKey;
       var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
       return dataDefinitions.filter(function(item) {
         return item.checked;
       }).map(function(item) {
@@ -112,9 +110,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])))
           };
         });
       });
@@ -127,8 +125,7 @@ var ScatterPlotChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       });
     }
   }]);
-  return ScatterPlotChartComponent2;
-}(AbstractChart);
+})(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 React from "react";
-import createComponent from "@semcore/core";
+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 Venn from "../../Venn.mjs";
+import React from "react";
+import "../../index.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";
-var VennChartComponent = /* @__PURE__ */ function(_AbstractChart) {
-  _inherits(VennChartComponent2, _AbstractChart);
-  var _super = _createSuper(VennChartComponent2);
+import Venn from "../../Venn.mjs";
+var VennChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
   function VennChartComponent2() {
     _classCallCheck(this, VennChartComponent2);
-    return _super.apply(this, arguments);
+    return _callSuper(this, VennChartComponent2, arguments);
   }
-  _createClass(VennChartComponent2, [{
+  _inherits(VennChartComponent2, _AbstractChart);
+  return _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 data = this.asProps.data;
+      var _this$asProps = this.asProps, data = _this$asProps.data, onClickVennItem = _this$asProps.onClickVennItem;
       var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
       var checkedLegendItems = dataDefinitions.filter(function(item) {
         return item.checked;
@@ -72,7 +72,9 @@ var VennChartComponent = /* @__PURE__ */ function(_AbstractChart) {
         }
         return result;
       }, []);
-      return /* @__PURE__ */ React.createElement(Venn, null, checkedLegendItems.map(function(item, index) {
+      return /* @__PURE__ */ React.createElement(Venn, {
+        onClick: onClickVennItem
+      }, checkedLegendItems.map(function(item, index) {
         return /* @__PURE__ */ React.createElement(Venn.Circle, {
           key: item.id,
           dataKey: item.id,
@@ -104,10 +106,6 @@ 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 {
@@ -125,8 +123,7 @@ var VennChartComponent = /* @__PURE__ */ function(_AbstractChart) {
       });
     }
   }]);
-  return VennChartComponent2;
-}(AbstractChart);
+})(AbstractChart);
 _defineProperty(VennChartComponent, "displayName", "Chart.Venn");
 _defineProperty(VennChartComponent, "defaultProps", {
   direction: "row-reverse",

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

@@ -1,14 +1,14 @@
-import { LineChart } from "./LineChart.mjs";
+import { AreaChart } from "./AreaChart.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,