@semcore/d3-chart 2.17.5 → 3.0.0-beta.1

package/lib/es6/Hover.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -6,17 +7,20 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
 import React from 'react';
-import { Component, sstyled } from '@semcore/core';
+import { Component, sstyled, Root } from '@semcore/core';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_eeal7_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_eeal7_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "eeal7_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_eeal7_gg_",
-  "__SHoverRect": "___SHoverRect_eeal7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1myii_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1myii_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1myii_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1myii_gg_",
+  "__SHoverRect": "___SHoverRect_1myii_gg_"
 });
+import Tooltip from './Tooltip';
 var Hover = /*#__PURE__*/function (_Component) {
   _inherits(Hover, _Component);
   var _super = _createSuper(Hover);
@@ -125,7 +129,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
   _createClass(HoverLineRoot, [{
     key: "render",
     value: function render() {
-      var _ref;
+      var _ref3;
       var SHoverLine = this.Element;
       var _this$asProps2 = this.asProps,
         styles = _this$asProps2.styles,
@@ -143,7 +147,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
       var yRange = yScale.range();
       var x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;
       var y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
         "aria-hidden": true,
         "render": 'line',
         "index": xIndex,
@@ -151,7 +155,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
         "y1": yRange[0],
         "x2": x1,
         "y2": yRange[1]
-      })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
+      })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
         "aria-hidden": true,
         "render": 'line',
         "index": yIndex,
@@ -175,7 +179,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
   _createClass(HoverRectRoot, [{
     key: "render",
     value: function render() {
-      var _ref2;
+      var _ref4;
       var SHoverRect = this.Element;
       var _this$asProps3 = this.asProps,
         styles = _this$asProps3.styles,
@@ -191,7 +195,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
         yScale = _scale3[1];
       var xRange = xScale.range();
       var yRange = yScale.range();
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
         "aria-hidden": true,
         "render": 'rect',
         "index": xIndex,
@@ -199,7 +203,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
         "height": yRange[0] - yRange[1],
         "x": xScale(data[xIndex][x]) - xScale.step() * xScale.paddingInner() / 2,
         "y": yRange[1]
-      })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
+      })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
         "aria-hidden": true,
         "render": 'rect',
         "index": yIndex,
@@ -213,7 +217,27 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
   return HoverRectRoot;
 }(Hover);
 _defineProperty(HoverRectRoot, "displayName", 'HoverRect');
-var HoverLine = createElement(HoverLineRoot);
-var HoverRect = createElement(HoverRectRoot);
+var HoverLineTooltip = function HoverLineTooltip(props) {
+  var _ref = arguments[0],
+    _ref5;
+  var SHoverLineTooltip = Tooltip;
+  return _ref5 = sstyled(props.styles), /*#__PURE__*/React.createElement(SHoverLineTooltip, _ref5.cn("SHoverLineTooltip", _objectSpread({}, _assignProps({
+    "tag": HoverLine
+  }, _ref))));
+};
+var HoverRectTooltip = function HoverRectTooltip(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var SHoverRectTooltip = Tooltip;
+  return _ref6 = sstyled(props.styles), /*#__PURE__*/React.createElement(SHoverRectTooltip, _ref6.cn("SHoverRectTooltip", _objectSpread({}, _assignProps2({
+    "tag": HoverRect
+  }, _ref2))));
+};
+var HoverLine = createElement(HoverLineRoot, {
+  Tooltip: [HoverLineTooltip, Tooltip._______childrenComponents]
+});
+var HoverRect = createElement(HoverRectRoot, {
+  Tooltip: [HoverRectTooltip, Tooltip._______childrenComponents]
+});
 export { HoverLine, HoverRect };
 //# sourceMappingURL=Hover.js.map

package/lib/es6/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","names":["React","Component","sstyled","canUseDOM","trottle","createElement","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","style","_sstyled","insert","Hover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","xIndex","yIndex","document","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray","xScale","yScale","_eventToPoint","current","_eventToPoint2","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","_createClass","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,OAAOC,OAAO,MAAM,+BAA+B;AACnD,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,YAAY,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,SAAS;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAAA,IAIvFC,KAAK,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,KAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,KAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YAGD;MACNa,MAAM,EAAE,IAAI;MACZC,MAAM,EAAE;IACV,CAAC;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,qBAEgBhB,SAAS,EAAE,GAAG+B,QAAQ,CAAC7B,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAAAyB,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,2BAM1Cf,OAAO,CAAC,UAAC+B,CAAC,EAAK;MACpC,IAAAC,aAAA,GAAqDjB,KAAA,CAAKkB,OAAO;QAAzDC,YAAY,GAAAF,aAAA,CAAZE,YAAY;QAAEC,IAAI,GAAAH,aAAA,CAAJG,IAAI;QAAEC,KAAK,GAAAJ,aAAA,CAALI,KAAK;QAAEC,CAAC,GAAAL,aAAA,CAADK,CAAC;QAAEC,CAAC,GAAAN,aAAA,CAADM,CAAC;QAAEC,OAAO,GAAAP,aAAA,CAAPO,OAAO;MAChD,IAAQC,OAAO,GAAcT,CAAC,CAAtBS,OAAO;QAAEC,OAAO,GAAKV,CAAC,CAAbU,OAAO;MACxB,IAAAC,MAAA,GAAAC,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAAF,MAAA;QAAEG,MAAM,GAAAH,MAAA;MACrB,IAAAI,aAAA,GAAiB1C,YAAY,CAAC2B,CAAC,EAAEQ,OAAO,CAACQ,OAAO,CAAC;QAAAC,cAAA,GAAAL,cAAA,CAAAG,aAAA;QAA1CG,EAAE,GAAAD,cAAA;QAAEE,EAAE,GAAAF,cAAA;MACb,IAAMG,EAAE,GAAG9C,MAAM,CAACuC,MAAM,EAAEK,EAAE,CAAC;MAC7B,IAAMG,EAAE,GAAG/C,MAAM,CAACwC,MAAM,EAAEK,EAAE,CAAC;MAC7B,IAAMtB,MAAM,GACVS,CAAC,KAAKgB,SAAS,IAAIF,EAAE,KAAKE,SAAS,GAAG,IAAI,GAAGlD,gBAAgB,CAACgC,IAAI,EAAES,MAAM,EAAEP,CAAC,EAAEc,EAAE,CAAC;MACpF,IAAMtB,MAAM,GACVS,CAAC,KAAKe,SAAS,IAAID,EAAE,KAAKC,SAAS,GAAG,IAAI,GAAGlD,gBAAgB,CAACgC,IAAI,EAAEU,MAAM,EAAEP,CAAC,EAAEc,EAAE,CAAC;MACpF,IAAME,KAAK,GAAG;QAAE1B,MAAM,EAANA,MAAM;QAAEC,MAAM,EAANA;MAAO,CAAC;MAChCd,KAAA,CAAKwC,cAAc,CAACC,qBAAqB,GAAGzC,KAAA,CAAK0C,6BAA6B,CAC5EjB,OAAO,EACPC,OAAO,CACR;MACD1B,KAAA,CAAKwC,cAAc,CAACjD,QAAQ,CAACoD,eAAe,CAAC,GAAG,IAAI;MAEpD3C,KAAA,CAAK4C,QAAQ,CAACL,KAAK,EAAE,YAAM;QACzBpB,YAAY,CAAC0B,IAAI,CACf,kBAAkB,EAClBhC,MAAM,KAAK,IAAI,IAAIC,MAAM,KAAK,IAAI,EAClCyB,KAAK,EACLvC,KAAA,CAAKwC,cAAc,CACpB;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAAA7B,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BAEsBf,OAAO,CAAC,YAAM;MACpC,IAAMsD,KAAK,GAAG;QACZ1B,MAAM,EAAE,IAAI;QACZC,MAAM,EAAE;MACV,CAAC;MACDd,KAAA,CAAK4C,QAAQ,CAACL,KAAK,EAAE,YAAM;QACzBvC,KAAA,CAAKkB,OAAO,CAACC,YAAY,CAAC0B,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAEN,KAAK,CAAC;MAClE,CAAC,CAAC;IACJ,CAAC,CAAC;IAAA,OAAAvC,KAAA;EAAA;EAAA8C,YAAA,CAAAnD,KAAA;IAAAoD,GAAA;IAAAC,KAAA,EAxCF,SAAAN,8BAAA,EAA4C;MAAA,IAAdpB,CAAC,GAAAnB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,CAAC;MAAA,IAAEoB,CAAC,GAAApB,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,CAAC;MACxC,OAAO;QAAA,OAAO;UAAE8C,KAAK,EAAE,CAAC;UAAEC,MAAM,EAAE,CAAC;UAAEC,GAAG,EAAE5B,CAAC;UAAE6B,KAAK,EAAE9B,CAAC;UAAE+B,MAAM,EAAE9B,CAAC;UAAE+B,IAAI,EAAEhC;QAAE,CAAC;MAAA,CAAC;IAC9E;EAAC;IAAAyB,GAAA;IAAAC,KAAA,EAwCD,SAAAO,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,IAAQrC,YAAY,GAAK,IAAI,CAACD,OAAO,CAA7BC,YAAY;MACpB,IAAI,CAACsC,wBAAwB,GAAGtC,YAAY,CAACuC,SAAS,CAAC,kBAAkB,EAAE,UAAC1C,CAAC,EAAK;QAChFA,CAAC,CAAC2C,OAAO,EAAE;QACXH,MAAI,CAACI,oBAAoB,CAAC5C,CAAC,CAAC;MAC9B,CAAC,CAAC;MACF,IAAI,CAAC6C,yBAAyB,GAAG1C,YAAY,CAACuC,SAAS,CACrD,mBAAmB,EACnB,IAAI,CAACI,qBAAqB,CAC3B;IACH;EAAC;IAAAf,GAAA;IAAAC,KAAA,EAED,SAAAe,qBAAA,EAAuB;MACrB,IAAI,IAAI,CAACN,wBAAwB,EAAE;QACjC,IAAI,CAACA,wBAAwB,EAAE;MACjC;MACA,IAAI,IAAI,CAACI,yBAAyB,EAAE;QAClC,IAAI,CAACA,yBAAyB,EAAE;MAClC;IACF;EAAC;EAAA,OAAAlE,KAAA;AAAA,EAvEiBb,SAAS;AAAA6B,eAAA,CAAvBhB,KAAK,WACMH,KAAK;AAAA,IAyEhBwE,aAAa,0BAAAC,MAAA;EAAApE,SAAA,CAAAmE,aAAA,EAAAC,MAAA;EAAA,IAAAC,OAAA,GAAAnE,YAAA,CAAAiE,aAAA;EAAA,SAAAA,cAAA;IAAA/D,eAAA,OAAA+D,aAAA;IAAA,OAAAE,OAAA,CAAAzD,KAAA,OAAAN,SAAA;EAAA;EAAA2C,YAAA,CAAAkB,aAAA;IAAAjB,GAAA;IAAAC,KAAA,EAGjB,SAAAmB,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,UAAU,GAAG,IAAI,CAACC,OAAO;MAC/B,IAAAC,cAAA,GAAsC,IAAI,CAACrD,OAAO;QAA1CsD,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAElD,CAAC,GAAAiD,cAAA,CAADjD,CAAC;QAAEC,CAAC,GAAAgD,cAAA,CAADhD,CAAC;QAAEH,IAAI,GAAAmD,cAAA,CAAJnD,IAAI;QAAEC,KAAK,GAAAkD,cAAA,CAALlD,KAAK;MACjC,IAAAoD,WAAA,GAA2B,IAAI,CAAClC,KAAK;QAA7B1B,MAAM,GAAA4D,WAAA,CAAN5D,MAAM;QAAEC,MAAM,GAAA2D,WAAA,CAAN3D,MAAM;MACtB,IAAA4D,OAAA,GAAA9C,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAA6C,OAAA;QAAE5C,MAAM,GAAA4C,OAAA;MAErB,IAAMC,MAAM,GAAG9C,MAAM,CAAC+C,KAAK,EAAE;MAC7B,IAAMC,MAAM,GAAG/C,MAAM,CAAC8C,KAAK,EAAE;MAC7B,IAAME,EAAE,GAAGjE,MAAM,KAAK,IAAI,GAAG1B,gBAAgB,CAAC0C,MAAM,EAAET,IAAI,CAACP,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAGgB,SAAS;MAClF,IAAMyC,EAAE,GAAGjE,MAAM,KAAK,IAAI,GAAG3B,gBAAgB,CAAC2C,MAAM,EAAEV,IAAI,CAACN,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAGe,SAAS;MAElF,OAAA8B,IAAA,GAAOrF,OAAO,CAACyF,MAAM,CAAC,eACpB3F,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAmG,QAAA,QACGnE,MAAM,KAAK,IAAI,gBACdhC,KAAA,CAAAK,aAAA,CAACmF,UAAU,EAAAD,IAAA,CAAAa,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNpE,MAAM;QAAA,MACTiE,EAAE;QAAA,MACFD,MAAM,CAAC,CAAC,CAAC;QAAA,MACTC,EAAE;QAAA,MACFD,MAAM,CAAC,CAAC;MAAC,GACb,GACA,IAAI,EACP/D,MAAM,KAAK,IAAI,gBACdjC,KAAA,CAAAK,aAAA,CAACmF,UAAU,EAAAD,IAAA,CAAAa,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNnE,MAAM;QAAA,MACT6D,MAAM,CAAC,CAAC,CAAC;QAAA,MACTI,EAAE;QAAA,MACFJ,MAAM,CAAC,CAAC,CAAC;QAAA,MACTI;MAAE,GACN,GACA,IAAI,CACP;IAEP;EAAC;EAAA,OAAAf,aAAA;AAAA,EAxCyBrE,KAAK;AAAAgB,eAAA,CAA3BqD,aAAa,iBACI,WAAW;AAAA,IA0C5BkB,aAAa,0BAAAC,OAAA;EAAAtF,SAAA,CAAAqF,aAAA,EAAAC,OAAA;EAAA,IAAAC,OAAA,GAAArF,YAAA,CAAAmF,aAAA;EAAA,SAAAA,cAAA;IAAAjF,eAAA,OAAAiF,aAAA;IAAA,OAAAE,OAAA,CAAA3E,KAAA,OAAAN,SAAA;EAAA;EAAA2C,YAAA,CAAAoC,aAAA;IAAAnC,GAAA;IAAAC,KAAA,EAGjB,SAAAmB,OAAA,EAAS;MAAA,IAAAkB,KAAA;MACP,IAAMC,UAAU,GAAG,IAAI,CAAChB,OAAO;MAC/B,IAAAiB,cAAA,GAAsC,IAAI,CAACrE,OAAO;QAA1CsD,MAAM,GAAAe,cAAA,CAANf,MAAM;QAAElD,CAAC,GAAAiE,cAAA,CAADjE,CAAC;QAAEC,CAAC,GAAAgE,cAAA,CAADhE,CAAC;QAAEH,IAAI,GAAAmE,cAAA,CAAJnE,IAAI;QAAEC,KAAK,GAAAkE,cAAA,CAALlE,KAAK;MACjC,IAAAmE,YAAA,GAA2B,IAAI,CAACjD,KAAK;QAA7B1B,MAAM,GAAA2E,YAAA,CAAN3E,MAAM;QAAEC,MAAM,GAAA0E,YAAA,CAAN1E,MAAM;MACtB,IAAA2E,OAAA,GAAA7D,cAAA,CAAyBP,KAAK;QAAvBQ,MAAM,GAAA4D,OAAA;QAAE3D,MAAM,GAAA2D,OAAA;MAErB,IAAMd,MAAM,GAAG9C,MAAM,CAAC+C,KAAK,EAAE;MAC7B,IAAMC,MAAM,GAAG/C,MAAM,CAAC8C,KAAK,EAAE;MAE7B,OAAAS,KAAA,GAAOtG,OAAO,CAACyF,MAAM,CAAC,eACpB3F,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAmG,QAAA,QACGnE,MAAM,KAAK,IAAI,gBACdhC,KAAA,CAAAK,aAAA,CAACoG,UAAU,EAAAD,KAAA,CAAAJ,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNpE,MAAM;QAAA,SACNgB,MAAM,CAAC6D,IAAI,EAAE,GAAG7D,MAAM,CAAC8D,YAAY,EAAE,GAAG,CAAC;QAAA,UACxCd,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;QAAA,KAC1BhD,MAAM,CAACT,IAAI,CAACP,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAIO,MAAM,CAAC6D,IAAI,EAAE,GAAG7D,MAAM,CAAC8D,YAAY,EAAE,GAAI,CAAC;QAAA,KACrEd,MAAM,CAAC,CAAC;MAAC,GACZ,GACA,IAAI,EACP/D,MAAM,KAAK,IAAI,gBACdjC,KAAA,CAAAK,aAAA,CAACoG,UAAU,EAAAD,KAAA,CAAAJ,EAAA;QAAA;QAAA,UAEF,MAAM;QAAA,SACNnE,MAAM;QAAA,SACN6D,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM,CAAC,CAAC,CAAC;QAAA,UACpB7C,MAAM,CAAC4D,IAAI,EAAE,GAAG5D,MAAM,CAAC6D,YAAY,EAAE,GAAG,CAAC;QAAA,KAC9ChB,MAAM,CAAC,CAAC,CAAC;QAAA,KACT7C,MAAM,CAACV,IAAI,CAACN,MAAM,CAAC,CAACS,CAAC,CAAC,CAAC,GAAIO,MAAM,CAAC4D,IAAI,EAAE,GAAG5D,MAAM,CAAC6D,YAAY,EAAE,GAAI;MAAC,GACxE,GACA,IAAI,CACP;IAEP;EAAC;EAAA,OAAAT,aAAA;AAAA,EAtCyBvF,KAAK;AAAAgB,eAAA,CAA3BuE,aAAa,iBACI,WAAW;AAwClC,IAAMU,SAAS,GAAG1G,aAAa,CAAC8E,aAAa,CAAC;AAC9C,IAAM6B,SAAS,GAAG3G,aAAa,CAACgG,aAAa,CAAC;AAE9C,SAASU,SAAS,EAAEC,SAAS"}
+{"version":3,"file":"Hover.js","names":["React","Component","sstyled","Root","canUseDOM","trottle","createElement","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","style","_sstyled","insert","Tooltip","Hover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","xIndex","yIndex","document","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray","xScale","yScale","_eventToPoint","current","_eventToPoint2","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","_createClass","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","HoverLineRoot","_Hover","_super2","render","_ref3","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref4","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLineTooltip","props","_ref","arguments[0]","_ref5","SHoverLineTooltip","_objectSpread","_assignProps","HoverLine","HoverRectTooltip","_ref2","_ref6","SHoverRectTooltip","_assignProps2","HoverRect","_______childrenComponents"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, Root } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\n\nimport style from './style/hover.shadow.css';\nimport Tooltip from './Tooltip';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLineTooltip = (props) => {\n  const SHoverLineTooltip = Root;\n  return sstyled(props.styles)(<SHoverLineTooltip render={Tooltip} tag={HoverLine} />);\n};\nconst HoverRectTooltip = (props) => {\n  const SHoverRectTooltip = Root;\n  return sstyled(props.styles)(<SHoverRectTooltip render={Tooltip} tag={HoverRect} />);\n};\n\nconst HoverLine = createElement(HoverLineRoot, {\n  Tooltip: [HoverLineTooltip, Tooltip._______childrenComponents],\n});\nconst HoverRect = createElement(HoverRectRoot, {\n  Tooltip: [HoverRectTooltip, Tooltip._______childrenComponents],\n});\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}

package/lib/es6/Line.js

@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
 import Dots from './Dots';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_zwl1a_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_zwl1a);transition-timing-function:ease-in-out}.___SLine_zwl1a_gg_.__color_zwl1a_gg_{stroke:var(--color_zwl1a)}.___SLine_zwl1a_gg_.__hide_zwl1a_gg_{display:none}.___SLine_zwl1a_gg_.__transparent_zwl1a_gg_{opacity:.3}.___SNull_zwl1a_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_zwl1a_gg_.__hide_zwl1a_gg_{display:none}" /*__inner_css_end__*/, "zwl1a_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_zwl1a_gg_",
-  "--duration": "--duration_zwl1a",
-  "_color": "__color_zwl1a_gg_",
-  "--color": "--color_zwl1a",
-  "_hide": "__hide_zwl1a_gg_",
-  "_transparent": "__transparent_zwl1a_gg_",
-  "__SNull": "___SNull_zwl1a_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1hhbi_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1hhbi);transition-timing-function:ease-in-out}.___SLine_1hhbi_gg_.__color_1hhbi_gg_{stroke:var(--color_1hhbi)}.___SLine_1hhbi_gg_.__hide_1hhbi_gg_{display:none}.___SLine_1hhbi_gg_.__transparent_1hhbi_gg_{opacity:.3}.___SNull_1hhbi_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1hhbi_gg_.__hide_1hhbi_gg_{display:none}" /*__inner_css_end__*/, "1hhbi_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_1hhbi_gg_",
+  "--duration": "--duration_1hhbi",
+  "_color": "__color_1hhbi_gg_",
+  "--color": "--color_1hhbi",
+  "_hide": "__hide_1hhbi_gg_",
+  "_transparent": "__transparent_1hhbi_gg_",
+  "__SNull": "___SNull_1hhbi_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   _inherits(LineRoot, _Component);

package/lib/es6/Plot.js

@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_19bk5_gg_{overflow:hidden}.___SPlot_19bk5_gg_:active,.___SPlot_19bk5_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_19bk5_gg_.__keyboardFocused_19bk5_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "19bk5_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_19bk5_gg_",
-  "_keyboardFocused": "__keyboardFocused_19bk5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_vz6af_gg_{overflow:hidden}.___SPlot_vz6af_gg_:active,.___SPlot_vz6af_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_vz6af_gg_.__keyboardFocused_vz6af_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "vz6af_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_vz6af_gg_",
+  "_keyboardFocused": "__keyboardFocused_vz6af_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(PlotRoot, _Component);

package/lib/es6/Radar.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
@@ -7,8 +8,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
 import React, { cloneElement } from 'react';
-import { Component, sstyled } from '@semcore/core';
+import { Component, sstyled, Root } from '@semcore/core';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
 import trottle from '@semcore/utils/lib/rafTrottle';
@@ -17,24 +19,25 @@ import { polygonContains } from 'd3-polygon';
 import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
 import createElement from './createElement';
 import { CONSTANT, eventToPoint, measureText } from './utils';
+import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_13syl_gg_,.___SAxisTick_13syl_gg_,.___SAxis_13syl_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_13syl_gg_,.___SAxisTick_13syl_gg_{stroke-dasharray:2}.___SAxisLine_13syl_gg_.__active_13syl_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_13syl_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_13syl_gg_.__xDirection_13syl_gg_{text-anchor:var(--xDirection_13syl)}.___SAxisLabel_13syl_gg_.__yDirection_13syl_gg_{dominant-baseline:var(--yDirection_13syl)}.___SPolygonDot_13syl_gg_,.___SPolygon_13syl_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_13syl_gg_{opacity:.2}.___SPolygon_13syl_gg_.__color_13syl_gg_{fill:var(--color_13syl)}.___SPolygonDot_13syl_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_13syl_gg_.__transparent_13syl_gg_{opacity:.3}.___SPolygonDot_13syl_gg_.__color_13syl_gg_{fill:var(--color_13syl)}.___SPolygonLine_13syl_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_13syl_gg_.__transparent_13syl_gg_{opacity:.3}.___SPolygonLine_13syl_gg_.__color_13syl_gg_{stroke:var(--color_13syl)}.___SPieRect_13syl_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "13syl_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_13syl_gg_",
-  "__SAxisLine": "___SAxisLine_13syl_gg_",
-  "__SAxisTick": "___SAxisTick_13syl_gg_",
-  "_active": "__active_13syl_gg_",
-  "__SAxisLabel": "___SAxisLabel_13syl_gg_",
-  "_xDirection": "__xDirection_13syl_gg_",
-  "--xDirection": "--xDirection_13syl",
-  "_yDirection": "__yDirection_13syl_gg_",
-  "--yDirection": "--yDirection_13syl",
-  "__SPolygon": "___SPolygon_13syl_gg_",
-  "_color": "__color_13syl_gg_",
-  "--color": "--color_13syl",
-  "__SPolygonDot": "___SPolygonDot_13syl_gg_",
-  "_transparent": "__transparent_13syl_gg_",
-  "__SPolygonLine": "___SPolygonLine_13syl_gg_",
-  "__SPieRect": "___SPieRect_13syl_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_w6n75_gg_,.___SAxisTick_w6n75_gg_,.___SAxis_w6n75_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_w6n75_gg_,.___SAxisTick_w6n75_gg_{stroke-dasharray:2}.___SAxisLine_w6n75_gg_.__active_w6n75_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_w6n75_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_w6n75_gg_.__xDirection_w6n75_gg_{text-anchor:var(--xDirection_w6n75)}.___SAxisLabel_w6n75_gg_.__yDirection_w6n75_gg_{dominant-baseline:var(--yDirection_w6n75)}.___SPolygonDot_w6n75_gg_,.___SPolygon_w6n75_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_w6n75_gg_{opacity:.2}.___SPolygon_w6n75_gg_.__color_w6n75_gg_{fill:var(--color_w6n75)}.___SPolygonDot_w6n75_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_w6n75_gg_.__transparent_w6n75_gg_{opacity:.3}.___SPolygonDot_w6n75_gg_.__color_w6n75_gg_{fill:var(--color_w6n75)}.___SPolygonLine_w6n75_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_w6n75_gg_.__transparent_w6n75_gg_{opacity:.3}.___SPolygonLine_w6n75_gg_.__color_w6n75_gg_{stroke:var(--color_w6n75)}.___SPieRect_w6n75_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "w6n75_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_w6n75_gg_",
+  "__SAxisLine": "___SAxisLine_w6n75_gg_",
+  "__SAxisTick": "___SAxisTick_w6n75_gg_",
+  "_active": "__active_w6n75_gg_",
+  "__SAxisLabel": "___SAxisLabel_w6n75_gg_",
+  "_xDirection": "__xDirection_w6n75_gg_",
+  "--xDirection": "--xDirection_w6n75",
+  "_yDirection": "__yDirection_w6n75_gg_",
+  "--yDirection": "--yDirection_w6n75",
+  "__SPolygon": "___SPolygon_w6n75_gg_",
+  "_color": "__color_w6n75_gg_",
+  "--color": "--color_w6n75",
+  "__SPolygonDot": "___SPolygonDot_w6n75_gg_",
+  "_transparent": "__transparent_w6n75_gg_",
+  "__SPolygonLine": "___SPolygonLine_w6n75_gg_",
+  "__SPieRect": "___SPieRect_w6n75_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
@@ -90,14 +93,14 @@ function getTicks(tickSize, radius) {
     return ticks;
   }, []);
 }
-function pieContains(_ref10, _ref11) {
-  var _ref12 = _slicedToArray(_ref10, 3),
-    startAngle = _ref12[0],
-    endAngle = _ref12[1],
-    radius = _ref12[2];
-  var _ref13 = _slicedToArray(_ref11, 2),
-    x = _ref13[0],
-    y = _ref13[1];
+function pieContains(_ref12, _ref13) {
+  var _ref14 = _slicedToArray(_ref12, 3),
+    startAngle = _ref14[0],
+    endAngle = _ref14[1],
+    radius = _ref14[2];
+  var _ref15 = _slicedToArray(_ref13, 2),
+    x = _ref15[0],
+    y = _ref15[1];
   var distance = Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2));
   if (distance > radius) return false;
   startAngle = clampAngle(startAngle);
@@ -177,8 +180,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
     }
   }, {
     key: "getPolygonProps",
-    value: function getPolygonProps(_ref14) {
-      var dataKey = _ref14.dataKey;
+    value: function getPolygonProps(_ref16) {
+      var dataKey = _ref16.dataKey;
       var _this$asProps2 = this.asProps,
         data = _this$asProps2.data,
         scale = _this$asProps2.scale,
@@ -203,7 +206,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref;
+      var _ref2;
       var SRadar = this.Element;
       var _this$asProps3 = this.asProps,
         Children = _this$asProps3.Children,
@@ -228,7 +231,7 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
         }
         this.categoriesKey = dataKey;
       }
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SRadar, _ref.cn("SRadar", {
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SRadar, _ref2.cn("SRadar", {
         "aria-hidden": true,
         "id": this.id,
         "render": 'g',
@@ -292,7 +295,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
   }, {
     key: "render",
     value: function render() {
-      var _ref2;
+      var _ref3;
       var _this$asProps6 = this.asProps,
         SPolygon = _this$asProps6.Element,
         styles = _this$asProps6.styles,
@@ -300,7 +303,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         data = _this$asProps6.data,
         color = _this$asProps6.color,
         fill = _this$asProps6.fill;
-      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygon, _ref2.cn("SPolygon", {
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygon, _ref3.cn("SPolygon", {
         "render": 'path',
         "d": d3(data),
         "color": fill || color
@@ -311,13 +314,13 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
 }(Component);
 _defineProperty(PolygonRoot, "displayName", 'Polygon');
 _defineProperty(PolygonRoot, "style", style);
-_defineProperty(PolygonRoot, "defaultProps", function (_ref19) {
-  var scale = _ref19.scale,
-    _ref19$curve = _ref19.curve,
-    curve = _ref19$curve === void 0 ? curveLinearClosed : _ref19$curve,
-    size = _ref19.size,
-    offset = _ref19.offset,
-    angleOffset = _ref19.angleOffset;
+_defineProperty(PolygonRoot, "defaultProps", function (_ref21) {
+  var scale = _ref21.scale,
+    _ref21$curve = _ref21.curve,
+    curve = _ref21$curve === void 0 ? curveLinearClosed : _ref21$curve,
+    size = _ref21.size,
+    offset = _ref21.offset,
+    angleOffset = _ref21.angleOffset;
   scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
   return {
     d3: lineRadial().curve(curve).radius(function (d) {
@@ -328,14 +331,14 @@ _defineProperty(PolygonRoot, "defaultProps", function (_ref19) {
   };
 });
 function PolygonLine(props) {
-  var _ref3;
+  var _ref4;
   var SPolygonLine = props.Element,
     styles = props.styles,
     d3 = props.d3,
     color = props.color,
     data = props.data,
     transparent = props.transparent;
-  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonLine, _ref3.cn("SPolygonLine", {
+  return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonLine, _ref4.cn("SPolygonLine", {
     "render": 'path',
     "d": d3(data),
     "color": color,
@@ -352,7 +355,7 @@ function PolygonDots(props) {
     categoryKey = props.categoryKey,
     angleOffset = props.angleOffset;
   return data.map(function (value, i) {
-    var _ref4;
+    var _ref5;
     if (value === null || value === undefined) return;
     var radius = scale(value);
     props.dataHintsHandler.describeGroupedValues(categoryKey, "".concat(categoryKey, ".").concat(i));
@@ -360,7 +363,7 @@ function PolygonDots(props) {
       _getRadianPosition2 = _slicedToArray(_getRadianPosition, 2),
       cx = _getRadianPosition2[0],
       cy = _getRadianPosition2[1];
-    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref4.cn("SPolygonDot", {
+    return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref5.cn("SPolygonDot", {
       "key": i,
       "render": 'circle',
       "cx": cx,
@@ -384,8 +387,8 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     _defineProperty(_assertThisInitialized(_this2), "state", {
       activeLineIndex: null
     });
-    _defineProperty(_assertThisInitialized(_this2), "handlerTooltipVisible", function (visible, _ref15) {
-      var index = _ref15.index;
+    _defineProperty(_assertThisInitialized(_this2), "handlerTooltipVisible", function (visible, _ref17) {
+      var index = _ref17.index;
       _this2.setState({
         activeLineIndex: index
       });
@@ -403,9 +406,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getTicksProps",
-    value: function getTicksProps(_ref16) {
-      var _ref16$tickSize = _ref16.tickSize,
-        tickSize = _ref16$tickSize === void 0 ? 100 : _ref16$tickSize;
+    value: function getTicksProps(_ref18) {
+      var _ref18$tickSize = _ref18.tickSize,
+        tickSize = _ref18$tickSize === void 0 ? 100 : _ref18$tickSize;
       var _this$asProps7 = this.asProps,
         data = _this$asProps7.data,
         offset = _this$asProps7.offset,
@@ -424,9 +427,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
     }
   }, {
     key: "getLabelsProps",
-    value: function getLabelsProps(_ref17) {
-      var _ref17$labelOffset = _ref17.labelOffset,
-        labelOffset = _ref17$labelOffset === void 0 ? 10 : _ref17$labelOffset;
+    value: function getLabelsProps(_ref19) {
+      var _ref19$labelOffset = _ref19.labelOffset,
+        labelOffset = _ref19$labelOffset === void 0 ? 10 : _ref19$labelOffset;
       var _this$asProps8 = this.asProps,
         offset = _this$asProps8.offset,
         categories = _this$asProps8.categories,
@@ -455,7 +458,7 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
   }, {
     key: "render",
     value: function render() {
-      var _ref5;
+      var _ref6;
       var _this$asProps9 = this.asProps,
         SAxis = _this$asProps9.Element,
         styles = _this$asProps9.styles,
@@ -467,12 +470,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var activeLineIndex = this.state.activeLineIndex;
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
-      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, type === 'circle' ? /*#__PURE__*/React.createElement(SAxis, _ref5.cn("SAxis", {
+      return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, type === 'circle' ? /*#__PURE__*/React.createElement(SAxis, _ref6.cn("SAxis", {
         "render": 'circle',
         "cx": 0,
         "cy": 0,
         "r": radius
-      })) : /*#__PURE__*/React.createElement(SAxis, _ref5.cn("SAxis", {
+      })) : /*#__PURE__*/React.createElement(SAxis, _ref6.cn("SAxis", {
         "render": 'path',
         "d": this.createLineRadial(radius, total)(categories)
       })), categories.map(function (category, i) {
@@ -499,9 +502,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
 }(Component);
 _defineProperty(AxisRoot, "displayName", 'Polygon');
 _defineProperty(AxisRoot, "style", style);
-_defineProperty(AxisRoot, "defaultProps", function (_ref20) {
-  var data = _ref20.data,
-    dataKey = _ref20.dataKey;
+_defineProperty(AxisRoot, "defaultProps", function (_ref22) {
+  var data = _ref22.data,
+    dataKey = _ref22.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -518,17 +521,17 @@ function AxisTicks(props) {
     type = props.type;
   var radius = Math.min(size[0], size[1]) / 2 - offset;
   return ticks.map(function (tick, i) {
-    var _ref6;
+    var _ref7;
     d3.radius(function () {
       return radius * tick;
     });
-    return _ref6 = sstyled(styles), type === 'circle' ? /*#__PURE__*/React.createElement(SAxisTick, _ref6.cn("SAxisTick", {
+    return _ref7 = sstyled(styles), type === 'circle' ? /*#__PURE__*/React.createElement(SAxisTick, _ref7.cn("SAxisTick", {
       "key": i,
       "render": 'circle',
       "cx": 0,
       "cy": 0,
       "r": radius * tick
-    })) : /*#__PURE__*/React.createElement(SAxisTick, _ref6.cn("SAxisTick", {
+    })) : /*#__PURE__*/React.createElement(SAxisTick, _ref7.cn("SAxisTick", {
       "render": 'path',
       "key": i,
       "d": d3(categories)
@@ -554,10 +557,10 @@ function AxisLabels(props) {
       xDirection = _getLabelPlacement2[0],
       yDirection = _getLabelPlacement2[1];
     if (typeof category === 'string') {
-      var _ref7;
+      var _ref8;
       props.dataHintsHandler.labelKey('value', i, category);
       var lines = category.split('\n');
-      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SAxisLabel, _ref7.cn("SAxisLabel", {
+      return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SAxisLabel, _ref8.cn("SAxisLabel", {
         "key": i,
         "render": 'text',
         "childrenPosition": 'inside',
@@ -575,11 +578,11 @@ function AxisLabels(props) {
     }
     if ( /*#__PURE__*/React.isValidElement(category)) {
       var _category$props;
-      var _ref18 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
-        _ref18$width = _ref18.width,
-        width = _ref18$width === void 0 ? 0 : _ref18$width,
-        _ref18$height = _ref18.height,
-        height = _ref18$height === void 0 ? 0 : _ref18$height;
+      var _ref20 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
+        _ref20$width = _ref20.width,
+        width = _ref20$width === void 0 ? 0 : _ref20$width,
+        _ref20$height = _ref20.height,
+        height = _ref20$height === void 0 ? 0 : _ref20$height;
       var _getLabelOffsetPositi = getLabelOffsetPosition(xDirection, yDirection, width, height),
         _getLabelOffsetPositi2 = _slicedToArray(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -747,20 +750,20 @@ var Hover = /*#__PURE__*/function (_Component4) {
       var SPieRect = this.Element;
       if (index !== null) {
         if (type === 'circle') {
-          var _ref8;
+          var _ref9;
           var _this$getPie = this.getPie(index),
             _this$getPie2 = _slicedToArray(_this$getPie, 3),
             startAngle = _this$getPie2[0],
             endAngle = _this$getPie2[1],
             radius = _this$getPie2[2];
           var circle = arc().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
-          return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref8.cn("SPieRect", {
+          return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref9.cn("SPieRect", {
             "render": 'path',
             "d": circle()
           }));
         } else {
-          var _ref9;
-          return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref9.cn("SPieRect", {
+          var _ref10;
+          return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref10.cn("SPieRect", {
             "render": 'path',
             "d": line()(this.getPolygon(index))
           }));
@@ -779,10 +782,19 @@ var Polygon = createElement(PolygonRoot, {
   Line: PolygonLine,
   Dots: PolygonDots
 });
+var RadarTooltip = function RadarTooltip(props) {
+  var _ref = arguments[0],
+    _ref11;
+  var SRadarTooltip = Tooltip;
+  return _ref11 = sstyled(props.styles), /*#__PURE__*/React.createElement(SRadarTooltip, _ref11.cn("SRadarTooltip", _objectSpread({}, _assignProps({
+    "tag": Radar.Hover
+  }, _ref))));
+};
 var Radar = createElement(RadarRoot, {
   Axis: Axis,
   Polygon: Polygon,
-  Hover: Hover
+  Hover: Hover,
+  Tooltip: [RadarTooltip, Tooltip._______childrenComponents]
 });
 export default Radar;
 //# sourceMappingURL=Radar.js.map