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

package/lib/es6/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsiveContainer.js","names":["React","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","_createClass","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray","componentDidMount","observe","componentWillUnmount","disconnect","render","_ref","_ref2","SResponsiveContainer","styles","createElement","cn","_objectSpread","_assignProps","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}
+{"version":3,"file":"ResponsiveContainer.js","names":["React","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","canUseDOM","ResponsiveContainerRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","entries","_this$asProps","asProps","Children","aspect","$container","_this$$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","_createClass","key","get","containerRef","current","value","setContext","_this$size","_slicedToArray","componentDidMount","_this$observer","observe","componentWillUnmount","_this$observer2","disconnect","render","_ref","_ref2","SResponsiveContainer","styles","createElement","cn","_objectSpread","_assignProps","ResponsiveContainer"],"sources":["../../src/ResponsiveContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    if (canUseDOM()) {\n      this.observer = new ResizeObserver(this.handleResize);\n    }\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n\n    if (!this.$container) return;\n\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer?.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"mappings":"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"}

package/lib/es6/ScatterPlot.js

@@ -7,9 +7,10 @@ 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 _assignProps } from "@semcore/core";
 import React from 'react';
 import { transition } from 'd3-transition';
-import { Component, sstyled } from '@semcore/core';
+import { Component, Root, sstyled } from '@semcore/core';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 import createElement from './createElement';
@@ -17,13 +18,13 @@ import { CONSTANT } from './utils';
 import ClipPath from './ClipPath';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/scatterplot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1bsyi_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1bsyi);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1bsyi_gg_:hover{opacity:.8}}.___SScatterPlot_1bsyi_gg_.__color_1bsyi_gg_{fill:var(--color_1bsyi)}.___SScatterPlot_1bsyi_gg_.__transparent_1bsyi_gg_{opacity:.3}.___SValue_1bsyi_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1bsyi_gg_.__color_1bsyi_gg_{stroke:var(--color_1bsyi)}.___SValue_1bsyi_gg_.__transparent_1bsyi_gg_{opacity:.3}" /*__inner_css_end__*/, "1bsyi_gg_") /*__reshadow_css_end__*/, {
-  "__SScatterPlot": "___SScatterPlot_1bsyi_gg_",
-  "--duration": "--duration_1bsyi",
-  "_color": "__color_1bsyi_gg_",
-  "--color": "--color_1bsyi",
-  "_transparent": "__transparent_1bsyi_gg_",
-  "__SValue": "___SValue_1bsyi_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SScatterPlot_1scr4_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:cx,cy;transition-duration:var(--duration_1scr4);transition-timing-function:ease-in-out;opacity:.5}@media (hover:hover){.___SScatterPlot_1scr4_gg_:hover{opacity:.8}}.___SScatterPlot_1scr4_gg_.__color_1scr4_gg_{fill:var(--color_1scr4)}.___SScatterPlot_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}.___SValue_1scr4_gg_{text-anchor:middle;font-size:var(--intergalactic-fs-50, 10px);stroke:var(--intergalactic-chart-palette-order-9, #008ff8)}.___SValue_1scr4_gg_.__color_1scr4_gg_{stroke:var(--color_1scr4)}.___SValue_1scr4_gg_.__transparent_1scr4_gg_{opacity:.3}" /*__inner_css_end__*/, "1scr4_gg_") /*__reshadow_css_end__*/, {
+  "__SScatterPlot": "___SScatterPlot_1scr4_gg_",
+  "--duration": "--duration_1scr4",
+  "_color": "__color_1scr4_gg_",
+  "--color": "--color_1scr4",
+  "_transparent": "__transparent_1scr4_gg_",
+  "__SValue": "___SValue_1scr4_gg_"
 });
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   _inherits(ScatterPlotRoot, _Component);
@@ -36,14 +37,14 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref2) {
-        var x = _ref2.clientX,
-          y = _ref2.clientY;
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+      return function (_ref4) {
+        var x = _ref4.clientX,
+          y = _ref4.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
-        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+        eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
       };
     });
     return _this;
@@ -92,7 +93,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderCircle",
     value: function renderCircle(d, i) {
-      var _ref;
+      var _ref2;
       var _this$asProps2 = this.asProps,
         color = _this$asProps2.color,
         scale = _this$asProps2.scale,
@@ -111,18 +112,18 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         yScale = _scale[1];
       var SScatterPlot = this.Element;
       var SValue = 'text';
-      return _ref = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref.cn("g", {
+      return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref2.cn("g", {
         "aria-hidden": true,
         "key": "circle(#".concat(i, ")"),
-        "onMouseMove": this.bindHandlerTooltip(true, _objectSpread(_objectSpread({}, this.props), {}, {
+        "onMouseMove": this.bindHandlerTooltip(true, this.props, {
           xIndex: i,
           index: i
-        })),
-        "onMouseLeave": this.bindHandlerTooltip(false, _objectSpread(_objectSpread({}, this.props), {}, {
+        }),
+        "onMouseLeave": this.bindHandlerTooltip(false, this.props, {
           xIndex: i,
           index: i
-        }))
-      }), /*#__PURE__*/React.createElement(SScatterPlot, _ref.cn("SScatterPlot", {
+        })
+      }), /*#__PURE__*/React.createElement(SScatterPlot, _ref2.cn("SScatterPlot", {
         "aria-hidden": true,
         "id": "".concat(uid).concat(i),
         "index": i,
@@ -134,7 +135,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         "r": r,
         "use:duration": "".concat(duration, "ms"),
         "transparent": transparent
-      })), d[value] && /*#__PURE__*/React.createElement(SValue, _ref.cn("SValue", {
+      })), d[value] && /*#__PURE__*/React.createElement(SValue, _ref2.cn("SValue", {
         "aria-hidden": true,
         "x": xScale(d[x]) + offset[0],
         "y": yScale(d[y]) + offset[1],
@@ -182,8 +183,16 @@ _defineProperty(ScatterPlotRoot, "defaultProps", {
   offset: [0, 0],
   duration: 500
 });
+var ScatterPlotTooltip = function ScatterPlotTooltip(props) {
+  var _ref = arguments[0],
+    _ref3;
+  var SScatterPlotTooltip = Tooltip;
+  return _ref3 = sstyled(props.styles), /*#__PURE__*/React.createElement(SScatterPlotTooltip, _ref3.cn("SScatterPlotTooltip", _objectSpread({}, _assignProps({
+    "excludeAnchorProps": true
+  }, _ref))));
+};
 var ScatterPlot = createElement(ScatterPlotRoot, {
-  Tooltip: Tooltip
+  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents]
 });
 export default ScatterPlot;
 //# sourceMappingURL=ScatterPlot.js.map

package/lib/es6/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","ClipPath","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","_ref2","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref","_this$asProps2","color","scale","offset","styles","valueColor","transparent","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","_objectSpread","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlot"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\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  bindHandlerTooltip = (visible, props) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor, transparent } =\n      this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot, { Tooltip });\n\nexport default ScatterPlot;\n"],"mappings":"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"}
+{"version":3,"file":"ScatterPlot.js","names":["React","transition","Component","Root","sstyled","canUseDOM","uniqueIDEnhancement","createElement","CONSTANT","ClipPath","Tooltip","style","_sstyled","insert","ScatterPlotRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref4","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","_createClass","key","value","undefined","width","height","top","right","bottom","left","animationCircle","_this$asProps","duration","uid","r","radius","selectRect","selection","selectAll","attr","selectRectNode","node","componentDidUpdate","componentDidMount","renderCircle","d","i","_ref2","_this$asProps2","color","scale","offset","styles","valueColor","transparent","_scale","_slicedToArray","xScale","yScale","SScatterPlot","Element","SValue","cn","bindHandlerTooltip","xIndex","index","render","_this$asProps3","data","_scale2","xSize","Math","abs","range","ySize","xMargin","min","yMargin","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","map","bind","id","ScatterPlotTooltip","_ref","arguments[0]","_ref3","SScatterPlotTooltip","_objectSpread","_assignProps","ScatterPlot","_______childrenComponents"],"sources":["../../src/ScatterPlot.jsx"],"sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport ClipPath from './ClipPath';\nimport Tooltip from './Tooltip';\n\nimport style from './style/scatterplot.shadow.css';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\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  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor, transparent } =\n      this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n\n    return sstyled(styles)(\n      <g\n        aria-hidden\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, this.props, { xIndex: i, index: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, this.props, { xIndex: i, index: i })}\n      >\n        <SScatterPlot\n          aria-hidden\n          id={`${uid}${i}`}\n          index={i}\n          render='circle'\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n          transparent={transparent}\n        />\n        {d[value] && (\n          <SValue\n            aria-hidden\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy='.3em'\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n            transparent={transparent}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale, x, y, value } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y, value);\n    this.asProps.dataHintsHandler.establishDataType('points-cloud');\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath\n          aria-hidden\n          id={uid}\n          x={xMargin}\n          y={yMargin}\n          width={`${xSize}px`}\n          height={`${ySize}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst ScatterPlotTooltip = (props) => {\n  const SScatterPlotTooltip = Root;\n  return sstyled(props.styles)(<SScatterPlotTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst ScatterPlot = createElement(ScatterPlotRoot, {\n  Tooltip: [ScatterPlotTooltip, Tooltip._______childrenComponents],\n});\n\nexport default ScatterPlot;\n"],"mappings":"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"}

package/lib/es6/Tooltip.js

@@ -21,14 +21,14 @@ import resolveColor from '@semcore/utils/lib/color';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1hssd_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1hssd_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1hssd_gg_{display:flex;align-items:center}.___SDot_1hssd_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1hssd_gg_.__color_1hssd_gg_{background:var(--color_1hssd)}.___SFooter_1hssd_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1hssd_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_1hssd_gg_",
-  "__STitle": "___STitle_1hssd_gg_",
-  "__SDotGroup": "___SDotGroup_1hssd_gg_",
-  "__SDot": "___SDot_1hssd_gg_",
-  "_color": "__color_1hssd_gg_",
-  "--color": "--color_1hssd",
-  "__SFooter": "___SFooter_1hssd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_1cwc6_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_1cwc6_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_1cwc6_gg_{display:flex;align-items:center}.___SDot_1cwc6_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_1cwc6_gg_.__color_1cwc6_gg_{background:var(--color_1cwc6)}.___SFooter_1cwc6_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "1cwc6_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1cwc6_gg_",
+  "__STitle": "___STitle_1cwc6_gg_",
+  "__SDotGroup": "___SDotGroup_1cwc6_gg_",
+  "__SDot": "___SDot_1cwc6_gg_",
+  "_color": "__color_1cwc6_gg_",
+  "--color": "--color_1cwc6",
+  "__SFooter": "___SFooter_1cwc6_gg_"
 });
 var TooltipRoot = /*#__PURE__*/function (_Component) {
   _inherits(TooltipRoot, _Component);
@@ -41,7 +41,9 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "state", {
-      $visible: false
+      $visible: false,
+      anchorProps: {},
+      tooltipProps: {}
     });
     _defineProperty(_assertThisInitialized(_this), "handlerCancel", function () {
       return false;
@@ -63,7 +65,14 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getPopperProps",
     value: function getPopperProps() {
-      return _objectSpread({}, this.state);
+      if (this.asProps.excludeAnchorProps) {
+        return _objectSpread({
+          $visible: this.state.$visible
+        }, this.state.tooltipProps);
+      }
+      return _objectSpread(_objectSpread({
+        $visible: this.state.$visible
+      }, this.state.anchorProps), this.state.tooltipProps);
     }
   }, {
     key: "componentDidMount",
@@ -72,10 +81,12 @@ var TooltipRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps2 = this.asProps,
         eventEmitter = _this$asProps2.eventEmitter,
         rootRef = _this$asProps2.rootRef;
-      this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, data, node) {
-        _this2.setState(_objectSpread(_objectSpread({}, data), {}, {
+      this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, anchorProps, tooltipProps, node) {
+        _this2.setState({
+          anchorProps: anchorProps,
+          tooltipProps: tooltipProps,
           $visible: visible
-        }), function () {
+        }, function () {
           if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
             var _this2$popper$current;
             _this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);

package/lib/es6/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","resolveColor","createElement","CONSTANT","style","_sstyled","insert","TooltipRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","$visible","_createClass","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","_objectSpread","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties","_excluded","advanceMode","Tooltip","Trigger","displayName","_assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","PopperPopper","props","_ref5","STooltip","Element","styles","cn","Title","_ref2","arguments[0]","_ref6","STitle","_assignProps2","Dot","_ref3","_ref7","color","SDotGroup","SDot","_assignProps3","Footer","_ref4","_ref8","SFooter","_assignProps4"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction='none'\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition='inside'\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n      <SDot color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer(props) {\n  const { styles } = props;\n  const SFooter = Root;\n  return sstyled(styles)(<SFooter render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","resolveColor","createElement","CONSTANT","style","_sstyled","insert","TooltipRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","$visible","anchorProps","tooltipProps","_createClass","key","value","getTriggerProps","_this$asProps","asProps","x","y","getPopperProps","excludeAnchorProps","_objectSpread","state","componentDidMount","_this2","_this$asProps2","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","node","setState","VIRTUAL_ELEMENT","current","contains","_this2$popper$current","setPopperTrigger","popper","update","componentWillUnmount","render","_ref","_this3","_this$asProps3","Children","children","tag","other","_objectWithoutProperties","_excluded","advanceMode","Tooltip","Trigger","displayName","_assignProps","handlerCancel","allowedAutoPlacements","_ref9","_this3$popper$current","setTrigger","Fragment","PopperPopper","props","_ref5","STooltip","Element","styles","cn","Title","_ref2","arguments[0]","_ref6","STitle","_assignProps2","Dot","_ref3","_ref7","color","SDotGroup","SDot","_assignProps3","Footer","_ref4","_ref8","SFooter","_assignProps4"],"sources":["../../src/Tooltip.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport resolveColor from '@semcore/utils/lib/color';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n    anchorProps: {},\n    tooltipProps: {},\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    if (this.asProps.excludeAnchorProps) {\n      return {\n        $visible: this.state.$visible,\n        ...this.state.tooltipProps,\n      };\n    }\n\n    return {\n      $visible: this.state.$visible,\n      ...this.state.anchorProps,\n      ...this.state.tooltipProps,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, anchorProps, tooltipProps, node) => {\n        this.setState(\n          {\n            anchorProps,\n            tooltipProps,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction='none'\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition='inside'\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n      <SDot color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer(props) {\n  const { styles } = props;\n  const SFooter = Root;\n  return sstyled(styles)(<SFooter render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"mappings":"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"}

package/lib/es6/Venn.js

@@ -1,3 +1,4 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
@@ -7,22 +8,23 @@ 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 _assignProps } from "@semcore/core";
 import React from 'react';
 import { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';
-import { Component, sstyled } from '@semcore/core';
+import { Component, Root, sstyled } from '@semcore/core';
 import canUseDOM from '@semcore/utils/lib/canUseDOM';
 import { FadeInOut } from '@semcore/animation';
 import createElement from './createElement';
 import { CONSTANT } from './utils';
 import Tooltip from './Tooltip';
 /*__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_11cec_gg_,.___SIntersection_11cec_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_11cec_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_11cec);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_11cec_gg_:hover{fill-opacity:.7}}.___SCircle_11cec_gg_.__color_11cec_gg_{fill:var(--color_11cec)}.___SCircle_11cec_gg_.__transparent_11cec_gg_{opacity:.3}.___SIntersection_11cec_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_11cec_gg_:hover{fill-opacity:.1}}.___SIntersection_11cec_gg_.__transparent_11cec_gg_{opacity:.3}" /*__inner_css_end__*/, "11cec_gg_") /*__reshadow_css_end__*/, {
-  "__SCircle": "___SCircle_11cec_gg_",
-  "--duration": "--duration_11cec",
-  "_color": "__color_11cec_gg_",
-  "--color": "--color_11cec",
-  "_transparent": "__transparent_11cec_gg_",
-  "__SIntersection": "___SIntersection_11cec_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_d0aor_gg_,.___SIntersection_d0aor_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_d0aor_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_d0aor);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_d0aor_gg_:hover{fill-opacity:.7}}.___SCircle_d0aor_gg_.__color_d0aor_gg_{fill:var(--color_d0aor)}.___SCircle_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}.___SIntersection_d0aor_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_d0aor_gg_:hover{fill-opacity:.1}}.___SIntersection_d0aor_gg_.__transparent_d0aor_gg_{opacity:.3}" /*__inner_css_end__*/, "d0aor_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_d0aor_gg_",
+  "--duration": "--duration_d0aor",
+  "_color": "__color_d0aor_gg_",
+  "--color": "--color_d0aor",
+  "_transparent": "__transparent_d0aor_gg_",
+  "__SIntersection": "___SIntersection_d0aor_gg_"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
   _inherits(VennRoot, _Component);
@@ -35,14 +37,14 @@ var VennRoot = /*#__PURE__*/function (_Component) {
     }
     _this = _super.call.apply(_super, [this].concat(args));
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref3) {
-        var x = _ref3.clientX,
-          y = _ref3.clientY;
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
+      return function (_ref5) {
+        var x = _ref5.clientX,
+          y = _ref5.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
-        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+        eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
       };
     });
     _defineProperty(_assertThisInitialized(_this), "renderElement", /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -82,10 +84,10 @@ var VennRoot = /*#__PURE__*/function (_Component) {
       var _size = _slicedToArray(size, 2),
         width = _size[0],
         height = _size[1];
-      var vennData = Object.entries(data).map(function (_ref4) {
-        var _ref5 = _slicedToArray(_ref4, 2),
-          dataKey = _ref5[0],
-          size = _ref5[1];
+      var vennData = Object.entries(data).map(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 2),
+          dataKey = _ref7[0],
+          size = _ref7[1];
         return {
           sets: dataKey.split('/'),
           size: size
@@ -96,12 +98,17 @@ var VennRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getCircleProps",
     value: function getCircleProps(props) {
+      var tooltipProps = {
+        dataKey: props.dataKey,
+        name: props.name,
+        color: props.color
+      };
       return {
         duration: this.asProps.duration,
         data: this.vennData[props.dataKey],
         originalData: this.asProps.data[props.dataKey],
-        onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props),
+        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent: this.asProps.transparent
       };
     }
@@ -112,6 +119,13 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         duration = _this$asProps2.duration,
         transparent = _this$asProps2.transparent;
       var dataKeys = props.dataKey.split('/');
+      var tooltipProps = {
+        dataKey: props.dataKey,
+        name: props.name,
+        color: props.color,
+        duration: props.duration,
+        transparent: props.transparent
+      };
       return {
         duration: duration,
         delay: duration,
@@ -119,8 +133,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
           return dataKeys.includes(d.setid);
         }),
         originalData: this.asProps.data[props.dataKey],
-        onMouseMove: this.bindHandlerTooltip(true, props),
-        onMouseLeave: this.bindHandlerTooltip(false, props),
+        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent: transparent
       };
     }
@@ -149,19 +163,19 @@ _defineProperty(VennRoot, "defaultProps", {
   },
   duration: 500
 });
-function Circle(_ref6) {
-  var _ref;
-  var SCircle = _ref6.Element,
-    styles = _ref6.styles,
-    color = _ref6.color,
-    data = _ref6.data,
-    duration = _ref6.duration,
-    name = _ref6.name,
-    dataKey = _ref6.dataKey,
-    dataHintsHandler = _ref6.dataHintsHandler,
-    transparent = _ref6.transparent;
+function Circle(_ref8) {
+  var _ref2;
+  var SCircle = _ref8.Element,
+    styles = _ref8.styles,
+    color = _ref8.color,
+    data = _ref8.data,
+    duration = _ref8.duration,
+    name = _ref8.name,
+    dataKey = _ref8.dataKey,
+    dataHintsHandler = _ref8.dataHintsHandler,
+    transparent = _ref8.transparent;
   dataHintsHandler.describeValueEntity(dataKey, name);
-  return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref.cn("SCircle", {
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref2.cn("SCircle", {
     "aria-hidden": true,
     "render": 'circle',
     "color": color,
@@ -173,7 +187,7 @@ function Circle(_ref6) {
   }));
 }
 function Intersection(props) {
-  var _ref2;
+  var _ref3;
   var SIntersection = props.Element,
     styles = props.styles,
     data = props.data,
@@ -190,17 +204,25 @@ function Intersection(props) {
       visible: true
     }, props));
   }), [props]);
-  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SIntersection, _ref2.cn("SIntersection", {
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SIntersection, _ref3.cn("SIntersection", {
     "aria-hidden": true,
     "render": renderIntersection,
     "d": intersectionAreaPath(data),
     "transparent": transparent
   }));
 }
+var VennTooltip = function VennTooltip(props) {
+  var _ref = arguments[0],
+    _ref4;
+  var SVennTooltip = Tooltip;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", _objectSpread({}, _assignProps({
+    "excludeAnchorProps": true
+  }, _ref))));
+};
 var Venn = createElement(VennRoot, {
   Circle: Circle,
   Intersection: Intersection,
-  Tooltip: Tooltip
+  Tooltip: [VennTooltip, Tooltip._______childrenComponents]
 });
 export default Venn;
 //# sourceMappingURL=Venn.js.map

package/lib/es6/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","sstyled","canUseDOM","FadeInOut","createElement","CONSTANT","Tooltip","style","_sstyled","insert","VennRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","_ref3","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","forwardRef","ref","_extends","tag","_createClass","key","value","undefined","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref4","_ref5","dataKey","sets","split","getCircleProps","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Math","PI","c1","c2","radius","Circle","_ref6","_ref","SCircle","styles","color","name","describeValueEntity","cn","Intersection","_ref2","SIntersection","renderIntersection","useCallback","Venn"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\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  bindHandlerTooltip = (visible, props) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n  };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent: this.asProps.transparent,\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      transparent,\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition='inside'\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render='circle'\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      transparent={transparent}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const {\n    Element: SIntersection,\n    styles,\n    data,\n    name,\n    dataKey,\n    dataHintsHandler,\n    transparent,\n  } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag='path' visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection\n      aria-hidden\n      render={renderIntersection}\n      d={intersectionAreaPath(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nconst Venn = createElement(VennRoot, { Circle, Intersection, Tooltip });\n\nexport default Venn;\n"],"mappings":"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"}
+{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","Root","sstyled","canUseDOM","FadeInOut","createElement","CONSTANT","Tooltip","style","_sstyled","insert","VennRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","document","visible","props","tooltipProps","_ref5","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","forwardRef","ref","_extends","tag","_createClass","key","value","undefined","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getCircleProps","name","color","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","cn","Intersection","_ref3","SIntersection","renderIntersection","useCallback","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","_objectSpread","_assignProps","Venn","_______childrenComponents"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import React from 'react';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { FadeInOut } from '@semcore/animation';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\nimport Tooltip from './Tooltip';\n\nimport style from './style/venn.shadow.css';\n\nclass VennRoot extends Component {\n  static displayName = 'Venn';\n  static style = style;\n\n  static defaultProps = {\n    orientation: Math.PI / 2,\n    orientationOrder: (c1, c2) => c2.radius - c1.radius,\n    duration: 500,\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  bindHandlerTooltip = (visible, props, tooltipProps) => ({ clientX: x, clientY: y }) => {\n    const { eventEmitter } = this.asProps;\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n    eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, this.virtualElement);\n  };\n\n  getVennData() {\n    const { data, orientation, orientationOrder, size } = this.asProps;\n    const [width, height] = size;\n    const vennData = Object.entries(data).map(([dataKey, size]) => ({\n      sets: dataKey.split('/'),\n      size,\n    }));\n    return scaleSolution(\n      normalizeSolution(venn(vennData), orientation, orientationOrder),\n      width,\n      height,\n      10,\n    );\n  }\n\n  getCircleProps(props) {\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color: props.color,\n    };\n\n    return {\n      duration: this.asProps.duration,\n      data: this.vennData[props.dataKey],\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent: this.asProps.transparent,\n    };\n  }\n\n  getIntersectionProps(props) {\n    const { duration, transparent } = this.asProps;\n    const dataKeys = props.dataKey.split('/');\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color: props.color,\n      duration: props.duration,\n      transparent: props.transparent,\n    };\n\n    return {\n      duration,\n      delay: duration,\n      data: Object.values(this.vennData).filter((d) => dataKeys.includes(d.setid)),\n      originalData: this.asProps.data[props.dataKey],\n      onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),\n      onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),\n      transparent,\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n  });\n\n  render() {\n    const Element = this.Element;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    this.vennData = this.getVennData();\n    return (\n      <Element\n        aria-hidden\n        render={this.renderElement}\n        childrenPosition='inside'\n        vennData={this.vennData}\n      />\n    );\n  }\n}\n\nfunction Circle({\n  Element: SCircle,\n  styles,\n  color,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SCircle\n      aria-hidden\n      render='circle'\n      color={color}\n      cx={data.x}\n      cy={data.y}\n      r={data.radius}\n      transparent={transparent}\n      use:duration={`${duration}ms`}\n    />,\n  );\n}\n\nfunction Intersection(props) {\n  const {\n    Element: SIntersection,\n    styles,\n    data,\n    name,\n    dataKey,\n    dataHintsHandler,\n    transparent,\n  } = props;\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const renderIntersection = React.useCallback(\n    React.forwardRef((props, ref) => {\n      return <FadeInOut aria-hidden ref={ref} tag='path' visible {...props} />;\n    }),\n    [props],\n  );\n  return sstyled(styles)(\n    <SIntersection\n      aria-hidden\n      render={renderIntersection}\n      d={intersectionAreaPath(data)}\n      transparent={transparent}\n    />,\n  );\n}\n\nconst VennTooltip = (props) => {\n  const SVennTooltip = Root;\n  return sstyled(props.styles)(<SVennTooltip render={Tooltip} excludeAnchorProps />);\n};\n\nconst Venn = createElement(VennRoot, {\n  Circle,\n  Intersection,\n  Tooltip: [VennTooltip, Tooltip._______childrenComponents],\n});\n\nexport default Venn;\n"],"mappings":"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"}

package/lib/es6/a11y/PlotA11yModule.js

@@ -10,8 +10,8 @@ import { normalizeLocale } from './locale';
 import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
 import { Root, sstyled } from '@semcore/core';
 /*__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_b3u6c_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_b3u6c_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "b3u6c_gg_") /*__reshadow_css_end__*/, {
-  "__SPlotA11yModule": "___SPlotA11yModule_b3u6c_gg_"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_14mjm_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_14mjm_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "14mjm_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_14mjm_gg_"
 });
 import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
 import { Box } from '@semcore/flex-box';