@semcore/d3-chart 1.7.0 → 1.9.0

package/src/Donut.jsx

@@ -111,7 +111,7 @@ class DonutRoot extends Component {
   }
 
   getArcs() {
-    let { Children, data, d3Pie } = this.asProps;
+    const { Children, data, d3Pie } = this.asProps;
     let pieData = Object.entries(data);
 
     if (d3Pie[DEFAULT_INSTANCE]) {
@@ -137,14 +137,12 @@ class DonutRoot extends Component {
     return d3Pie(pieData);
   }
 
-  bindHandlerTooltip =
-    (visible, props) =>
-    ({ clientX: x, clientY: y }) => {
-      const { eventEmitter } = this.asProps;
-      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);
-      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
-      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);
-    };
+  bindHandlerTooltip = (visible, props) => ({ clientX: x, clientY: y }) => {
+    const { eventEmitter } = this.asProps;
+    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);
+    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
+    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);
+  };
 
   getPieProps(props) {
     let { d3Arc, duration, innerRadius } = this.asProps;

package/src/Plot.jsx

@@ -3,9 +3,11 @@ import createComponent, { Component, Root, sstyled } from '@semcore/core';
 import { Box } from '@semcore/flex-box';
 import EventEmitter from '@semcore/utils/lib/eventEmitter';
 import { eventToPoint } from './utils';
+import style from './style/plot.shadow.css';
 
 class PlotRoot extends Component {
   static displayName = 'Plot';
+  static style = style;
 
   constructor(props) {
     super(props);