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

package/lib/esm/Tooltip.mjs

@@ -2,82 +2,78 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { assignProps, Component, sstyled as sstyled$1 } from "@semcore/core";
+import { sstyled, assignProps, Component } from "@semcore/core";
+import { Popper, Box } from "@semcore/base-components";
+import findComponent from "@semcore/core/lib/utils/findComponent";
+import { useColorResolver } from "@semcore/core/lib/utils/use/useColorResolver";
 import React from "react";
-import Popper from "@semcore/popper";
-import { Box } from "@semcore/flex-box";
-import findComponent from "@semcore/utils/lib/findComponent";
 import createElement from "./createElement.mjs";
-import { getChartDefaultColorName } from "./utils.mjs";
-import { useColorResolver } from "@semcore/utils/lib/use/useColorResolver";
 import { PatternSymbol } from "./Pattern.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
 var _excluded = ["Children", "children", "tag", "forcedAdvancedMode", "onClick"];
 /*!__reshadow-styles__:"./style/tooltip.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___STooltip_1mmbh_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0)){.___STooltip_1mmbh_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1mmbh_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0)){.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1mmbh_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1mmbh_gg_{display:flex;align-items:center}.___SDot_1mmbh_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1mmbh_gg_.__color_1mmbh_gg_{background-color:var(--color_1mmbh);width:8px;height:8px;border-radius:50%}.___SFooter_1mmbh_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));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))}",
+    ".___STooltip_1ou5d_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, rgb(255, 255, 255));border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07));padding:var(--intergalactic-spacing-3x, 12px)}@supports (color:color(display-p3 0 0 0%)){.___STooltip_1ou5d_gg_{border:1px solid var(--intergalactic-border-secondary, rgba(0, 21, 16, 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px rgba(0, 21, 16, 0.07))}@media (color-gamut:p3){.___STooltip_1ou5d_gg_{border:1px solid var(--intergalactic-border-secondary, color(display-p3 0.01753 0.08157 0.06372 / 0.07));box-shadow:var(--intergalactic-box-shadow-popper, 1px 1px 10px 0px color(display-p3 0.01753 0.08157 0.06372 / 0.07))}}}.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));margin-bottom:var(--intergalactic-spacing-2x, 8px)}@supports (color:color(display-p3 0 0 0%)){.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___STitle_1ou5d_gg_{color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SDotGroup_1ou5d_gg_{display:flex;align-items:center}.___SDot_1ou5d_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SDotCircle_1ou5d_gg_.__color_1ou5d_gg_{background-color:var(--color_1ou5d);width:8px;height:8px;border-radius:50%}.___SFooter_1ou5d_gg_{background:var(--intergalactic-bg-secondary-neutral, rgb(248, 249, 248));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__*/
-    "1mmbh_gg_"
+    "1ou5d_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__STooltip": "___STooltip_1mmbh_gg_",
-    "__STitle": "___STitle_1mmbh_gg_",
-    "__SDotGroup": "___SDotGroup_1mmbh_gg_",
-    "__SDot": "___SDot_1mmbh_gg_",
-    "__SDotCircle": "___SDotCircle_1mmbh_gg_",
-    "_color": "__color_1mmbh_gg_",
-    "--color": "--color_1mmbh",
-    "__SFooter": "___SFooter_1mmbh_gg_"
+    "__STooltip": "___STooltip_1ou5d_gg_",
+    "__STitle": "___STitle_1ou5d_gg_",
+    "__SDotGroup": "___SDotGroup_1ou5d_gg_",
+    "__SDot": "___SDot_1ou5d_gg_",
+    "__SDotCircle": "___SDotCircle_1ou5d_gg_",
+    "_color": "__color_1ou5d_gg_",
+    "--color": "--color_1ou5d",
+    "__SFooter": "___SFooter_1ou5d_gg_"
   })
 );
 var TooltipDotRenderContext = /* @__PURE__ */ React.createContext({
   index: -1,
   indexKeysCache: /* @__PURE__ */ new Set()
 });
-var TooltipRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(TooltipRoot2, _Component);
-  var _super = _createSuper(TooltipRoot2);
+var TooltipRoot = /* @__PURE__ */ (function(_Component) {
   function TooltipRoot2() {
     var _this;
     _classCallCheck(this, TooltipRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    _this = _callSuper(this, TooltipRoot2, [].concat(args));
+    _defineProperty(_this, "state", {
       $visible: false,
       anchorProps: {},
       tooltipProps: {}
     });
-    _defineProperty(_assertThisInitialized(_this), "renderContext", {
+    _defineProperty(_this, "renderContext", {
       index: -1,
       indexKeysCache: /* @__PURE__ */ new Set()
     });
-    _defineProperty(_assertThisInitialized(_this), "handlerCancel", function() {
+    _defineProperty(_this, "handlerCancel", function() {
       return false;
     });
-    _defineProperty(_assertThisInitialized(_this), "virtualElementPosition", {
+    _defineProperty(_this, "virtualElementPosition", {
       x: 0,
       y: 0
     });
-    _defineProperty(_assertThisInitialized(_this), "virtualTriggerElement", null);
-    _defineProperty(_assertThisInitialized(_this), "unsubscribe", []);
-    _defineProperty(_assertThisInitialized(_this), "handleTriggerClick", function(e) {
+    _defineProperty(_this, "virtualTriggerElement", null);
+    _defineProperty(_this, "unsubscribe", []);
+    _defineProperty(_this, "handleTriggerClick", function(e) {
       var onClick = _this.asProps.onClick;
       var _this$state$tooltipPr = _this.state.tooltipProps, xIndex = _this$state$tooltipPr.xIndex, yIndex = _this$state$tooltipPr.yIndex;
       var index = xIndex !== null && xIndex !== void 0 ? xIndex : yIndex;
-      onClick === null || onClick === void 0 ? void 0 : onClick(index, e);
+      onClick === null || onClick === void 0 || onClick(index, e);
     });
     return _this;
   }
-  _createClass(TooltipRoot2, [{
+  _inherits(TooltipRoot2, _Component);
+  return _createClass(TooltipRoot2, [{
     key: "getTriggerProps",
     value: function getTriggerProps() {
       var _this$asProps = this.asProps, x = _this$asProps.x, y = _this$asProps.y, hideHoverLine = _this$asProps.hideHoverLine;
@@ -103,17 +99,17 @@ var TooltipRoot = /* @__PURE__ */ function(_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      var eventEmitter = this.asProps.eventEmitter;
-      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps", function(anchorProps, tooltipProps) {
+      var _this$asProps2 = this.asProps, eventEmitter = _this$asProps2.eventEmitter, plotId = _this$asProps2.plotId;
+      this.unsubscribe.push(eventEmitter.subscribe("setTooltipRenderingProps_".concat(plotId), function(anchorProps, tooltipProps) {
         _this2.setState({
           anchorProps,
           tooltipProps
         });
-      }), eventEmitter.subscribe("setTooltipVisible", function(visible) {
+      }), eventEmitter.subscribe("setTooltipVisible_".concat(plotId), function(visible) {
         return _this2.setState({
           $visible: visible
         });
-      }), eventEmitter.subscribe("setTooltipPosition", function(x, y) {
+      }), eventEmitter.subscribe("setTooltipPosition_".concat(plotId), function(x, y) {
         var _this2$popper$current;
         _this2.virtualElementPosition.x = x;
         _this2.virtualElementPosition.y = y;
@@ -134,7 +130,7 @@ var TooltipRoot = /* @__PURE__ */ function(_Component) {
             left: x2
           };
         };
-        (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
+        (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 || _this2$popper$current.update();
       }));
     }
   }, {
@@ -148,9 +144,7 @@ var TooltipRoot = /* @__PURE__ */ function(_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps, _this$asProps$pattern, _this3 = this;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, children = _this$asProps2.children, tag = _this$asProps2.tag, forcedAdvancedMode = _this$asProps2.forcedAdvancedMode;
-      _this$asProps2.onClick;
-      var other = _objectWithoutProperties(_this$asProps2, _excluded);
+      var _this$asProps3 = this.asProps, Children = _this$asProps3.Children, children = _this$asProps3.children, tag = _this$asProps3.tag, forcedAdvancedMode = _this$asProps3.forcedAdvancedMode, _ = _this$asProps3.onClick, other = _objectWithoutProperties(_this$asProps3, _excluded);
       var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
       this.renderContext.index = -1;
       this.renderContext.indexKeysCache.clear();
@@ -167,12 +161,12 @@ var TooltipRoot = /* @__PURE__ */ function(_Component) {
         "flip": {
           allowedAutoPlacements: ["left", "right"]
         }
-      }, _ref), function(_ref9) {
+      }, _ref), function(_ref0) {
         var _this3$popper$current;
-        var popper = _ref9.popper, setTrigger = _ref9.setTrigger;
+        var popper = _ref0.popper, setTrigger = _ref0.setTrigger;
         _this3.setPopperTrigger = setTrigger;
         _this3.popper = popper;
-        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
+        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 || _this3$popper$current.update();
         return advancedMode ? /* @__PURE__ */ React.createElement(Children, null) : /* @__PURE__ */ React.createElement(React.Fragment, null, tag && /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
           tag,
           onClick: _this3.handleTriggerClick
@@ -180,18 +174,21 @@ var TooltipRoot = /* @__PURE__ */ function(_Component) {
       }));
     }
   }]);
-  return TooltipRoot2;
-}(Component);
+})(Component);
 _defineProperty(TooltipRoot, "displayName", "Tooltip");
 _defineProperty(TooltipRoot, "style", style);
+function PopperTrigger() {
+  var _ref2 = arguments[0];
+  return /* @__PURE__ */ React.createElement(Popper.Trigger, assignProps({}, _ref2));
+}
 function PopperPopper(props) {
-  var _ref5;
+  var _ref6;
   var STooltip = props.Element, styles = props.styles, $visible = props.$visible, x = props.x, y = props.y;
   var handlerCancel = React.useCallback(function() {
     return false;
   }, []);
   if (!$visible) return null;
-  return _ref5 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STooltip, _ref5.cn("STooltip", {
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(STooltip, _ref6.cn("STooltip", {
     "render": Popper.Popper,
     "childrenPosition": "inside",
     "onMouseMove": handlerCancel,
@@ -201,16 +198,16 @@ function PopperPopper(props) {
 }
 PopperPopper.style = style;
 function Title(props) {
-  var _ref2 = arguments[0], _ref6;
+  var _ref3 = arguments[0], _ref7;
   var STitle = Box;
   var styles = props.styles;
-  return _ref6 = sstyled$1(styles), /* @__PURE__ */ React.createElement(STitle, _ref6.cn("STitle", _objectSpread({}, assignProps({
+  return _ref7 = sstyled(styles), /* @__PURE__ */ React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, assignProps({
     "__excludeProps": ["data", "scale"]
-  }, _ref2))));
+  }, _ref3))));
 }
 Title.style = style;
 function Dot(props) {
-  var _ref3 = arguments[0], _ref7, _props$patterns;
+  var _ref4 = arguments[0], _ref8, _props$patterns;
   var styles = props.styles, color = props.color, Children = props.Children;
   var resolveColor = useColorResolver();
   var renderContext = React.useContext(TooltipDotRenderContext);
@@ -224,27 +221,27 @@ function Dot(props) {
   var SDotGroup = Box;
   var SDot = Box;
   var SDotCircle = Box;
-  return _ref7 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref7.cn("SDotGroup", _objectSpread({}, assignProps({
+  return _ref8 = sstyled(styles), /* @__PURE__ */ React.createElement(SDotGroup, _ref8.cn("SDotGroup", _objectSpread({}, assignProps({
     "__excludeProps": ["data", "scale"]
-  }, _ref3))), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref7.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref7.cn("PatternSymbol", {
+  }, _ref4))), patterns ? /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(PatternSymbol, _ref8.cn("PatternSymbol", {
     "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor),
     "patternKey": color !== null && color !== void 0 ? color : defaultColor
-  }))) : /* @__PURE__ */ React.createElement(SDot, _ref7.cn("SDot", {}), /* @__PURE__ */ React.createElement(SDotCircle, _ref7.cn("SDotCircle", {
+  }))) : /* @__PURE__ */ React.createElement(SDot, _ref8.cn("SDot", {}), /* @__PURE__ */ React.createElement(SDotCircle, _ref8.cn("SDotCircle", {
     "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor)
-  }))), /* @__PURE__ */ React.createElement(Children, _ref7.cn("Children", {})));
+  }))), /* @__PURE__ */ React.createElement(Children, _ref8.cn("Children", {})));
 }
 Dot.style = style;
 function Footer(props) {
-  var _ref4 = arguments[0], _ref8;
+  var _ref5 = arguments[0], _ref9;
   var styles = props.styles;
   var SFooter = Box;
-  return _ref8 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SFooter, _ref8.cn("SFooter", _objectSpread({}, assignProps({
+  return _ref9 = sstyled(styles), /* @__PURE__ */ React.createElement(SFooter, _ref9.cn("SFooter", _objectSpread({}, assignProps({
     "__excludeProps": ["data", "scale"]
-  }, _ref4))));
+  }, _ref5))));
 }
 Footer.style = style;
 var Tooltip = createElement(TooltipRoot, {
-  Trigger: Popper.Trigger,
+  Trigger: PopperTrigger,
   Popper: PopperPopper,
   Title,
   Footer,

package/lib/esm/Venn.mjs

@@ -3,62 +3,59 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import { Component, sstyled as sstyled$1, assignProps } from "@semcore/core";
-import React from "react";
+import { sstyled, Component, assignProps } from "@semcore/core";
+import { FadeInOut } from "@semcore/base-components";
+import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
+import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import { scaleSolution, normalizeSolution, venn, intersectionAreaPath } from "@upsetjs/venn.js";
-import canUseDOM from "@semcore/utils/lib/canUseDOM";
-import { FadeInOut } from "@semcore/animation";
+import React from "react";
 import createElement from "./createElement.mjs";
-import { getChartDefaultColorName } from "./utils.mjs";
-import Tooltip from "./Tooltip.mjs";
 import { PatternFill } from "./Pattern.mjs";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import Tooltip from "./Tooltip.mjs";
+import { getChartDefaultColorName } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCircle_17mhn_gg_,.___SIntersection_17mhn_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_17mhn_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_17mhn);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_17mhn_gg_:hover{fill-opacity:.7}}.___SCircle_17mhn_gg_.__color_17mhn_gg_{fill:var(--color_17mhn)}.___SCircle_17mhn_gg_.__pattern_17mhn_gg_.__color_17mhn_gg_{fill:var(--pattern_17mhn);fill-opacity:.7;stroke:var(--color_17mhn);stroke-width:1px}@media (hover:hover){.___SCircle_17mhn_gg_.__pattern_17mhn_gg_.__color_17mhn_gg_:hover{fill-opacity:.85}}.___SCircle_17mhn_gg_.__transparent_17mhn_gg_{opacity:.3}.___SIntersection_17mhn_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_17mhn_gg_:hover{fill-opacity:.1}}.___SIntersection_17mhn_gg_.__transparent_17mhn_gg_{opacity:.3}",
+    ".___SCircle_itic7_gg_,.___SIntersection_itic7_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_itic7_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_itic7);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_itic7_gg_:hover{fill-opacity:.7}}.___SCircle_itic7_gg_.__color_itic7_gg_{fill:var(--color_itic7)}.___SCircle_itic7_gg_.__pattern_itic7_gg_.__color_itic7_gg_{fill:var(--pattern_itic7);fill-opacity:.7;stroke:var(--color_itic7);stroke-width:1px}@media (hover:hover){.___SCircle_itic7_gg_.__pattern_itic7_gg_.__color_itic7_gg_:hover{fill-opacity:.85}}.___SCircle_itic7_gg_.__transparent_itic7_gg_{opacity:.3}.___SIntersection_itic7_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_itic7_gg_:hover{fill-opacity:.1}}.___SIntersection_itic7_gg_.__transparent_itic7_gg_{opacity:.3}",
     /*__inner_css_end__*/
-    "17mhn_gg_"
+    "itic7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SCircle": "___SCircle_17mhn_gg_",
-    "_color": "__color_17mhn_gg_",
-    "--color": "--color_17mhn",
-    "_transparent": "__transparent_17mhn_gg_",
-    "__SIntersection": "___SIntersection_17mhn_gg_",
-    "--duration": "--duration_17mhn",
-    "_pattern": "__pattern_17mhn_gg_",
-    "--pattern": "--pattern_17mhn"
+    "__SCircle": "___SCircle_itic7_gg_",
+    "_color": "__color_itic7_gg_",
+    "--color": "--color_itic7",
+    "_transparent": "__transparent_itic7_gg_",
+    "__SIntersection": "___SIntersection_itic7_gg_",
+    "--duration": "--duration_itic7",
+    "_pattern": "__pattern_itic7_gg_",
+    "--pattern": "--pattern_itic7"
   })
 );
-var VennRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(VennRoot2, _Component);
-  var _super = _createSuper(VennRoot2);
+var VennRoot = /* @__PURE__ */ (function(_Component) {
   function VennRoot2() {
     var _this;
     _classCallCheck(this, VennRoot2);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement("div") : {});
-    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function(visible, props, tooltipProps) {
+    _this = _callSuper(this, VennRoot2, [].concat(args));
+    _defineProperty(_this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(_this, "bindHandlerTooltip", function(visible, props, tooltipProps) {
       return function(_ref5) {
         var clientX = _ref5.clientX, clientY = _ref5.clientY;
-        var eventEmitter = _this.asProps.eventEmitter;
-        eventEmitter.emit("setTooltipPosition", clientX, clientY);
-        eventEmitter.emit("setTooltipRenderingProps", props, tooltipProps);
-        eventEmitter.emit("setTooltipVisible", visible);
+        var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, plotId = _this$asProps.plotId;
+        eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), props, tooltipProps);
+        eventEmitter.emit("setTooltipVisible_".concat(plotId), visible);
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "renderElement", /* @__PURE__ */ React.forwardRef(function(props, ref) {
+    _defineProperty(_this, "renderElement", /* @__PURE__ */ React.forwardRef(function(props, ref) {
       return /* @__PURE__ */ React.createElement(FadeInOut, _extends({
         "aria-hidden": true,
         ref,
@@ -68,7 +65,8 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
     }));
     return _this;
   }
-  _createClass(VennRoot2, [{
+  _inherits(VennRoot2, _Component);
+  return _createClass(VennRoot2, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
@@ -87,7 +85,7 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
   }, {
     key: "getVennData",
     value: function getVennData() {
-      var _this$asProps = this.asProps, data = _this$asProps.data, orientation = _this$asProps.orientation, orientationOrder2 = _this$asProps.orientationOrder, size = _this$asProps.size;
+      var _this$asProps2 = this.asProps, data = _this$asProps2.data, orientation = _this$asProps2.orientation, orientationOrder2 = _this$asProps2.orientationOrder, size = _this$asProps2.size;
       var _size = _slicedToArray(size, 2), width = _size[0], height = _size[1];
       var vennData = Object.entries(data).map(function(_ref6) {
         var _ref7 = _slicedToArray(_ref6, 2), dataKey = _ref7[0], size2 = _ref7[1];
@@ -98,6 +96,13 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
       });
       return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder2), width, height, 10);
     }
+  }, {
+    key: "getTooltipProps",
+    value: function getTooltipProps() {
+      return {
+        uniqId: this.asProps.uid
+      };
+    }
   }, {
     key: "getCircleProps",
     value: function getCircleProps(props, index) {
@@ -120,13 +125,14 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
         color,
         uid: "".concat(this.asProps.uid, "-").concat(index),
         patterns: this.asProps.patterns,
-        minRadius: this.asProps.minRadius
+        minRadius: this.asProps.minRadius,
+        onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this)
       };
     }
   }, {
     key: "getIntersectionProps",
     value: function getIntersectionProps(props) {
-      var _this$asProps2 = this.asProps, duration = _this$asProps2.duration, transparent = _this$asProps2.transparent;
+      var _this$asProps3 = this.asProps, duration = _this$asProps3.duration, transparent = _this$asProps3.transparent;
       var dataKeys = props.dataKey.split("/");
       var tooltipProps = {
         dataKey: props.dataKey,
@@ -145,7 +151,19 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
         onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
         onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent,
-        resolveColor: this.asProps.resolveColor
+        resolveColor: this.asProps.resolveColor,
+        onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this)
+      };
+    }
+  }, {
+    key: "handlerOnClick",
+    value: function handlerOnClick(dataKey) {
+      var _this2 = this;
+      return function(e) {
+        e.stopPropagation();
+        var onClick = _this2.asProps.onClick;
+        if (!onClick) return;
+        onClick(dataKey, e);
       };
     }
   }, {
@@ -162,8 +180,7 @@ var VennRoot = /* @__PURE__ */ function(_Component) {
       });
     }
   }]);
-  return VennRoot2;
-}(Component);
+})(Component);
 _defineProperty(VennRoot, "displayName", "Venn");
 _defineProperty(VennRoot, "style", style);
 _defineProperty(VennRoot, "defaultProps", {
@@ -177,11 +194,11 @@ _defineProperty(VennRoot, "defaultProps", {
 _defineProperty(VennRoot, "enhance", [uniqueIDEnhancement()]);
 function Circle(_ref8) {
   var _ref2;
-  var SCircle = _ref8.Element, styles = _ref8.styles, color = _ref8.color, resolveColor = _ref8.resolveColor, data = _ref8.data, duration = _ref8.duration, name = _ref8.name, dataKey = _ref8.dataKey, dataHintsHandler = _ref8.dataHintsHandler, transparent = _ref8.transparent, uid = _ref8.uid, patterns = _ref8.patterns, minRadius = _ref8.minRadius;
+  var SCircle = _ref8.Element, styles = _ref8.styles, color = _ref8.color, resolveColor = _ref8.resolveColor, data = _ref8.data, duration = _ref8.duration, name = _ref8.name, dataKey = _ref8.dataKey, dataHintsHandler = _ref8.dataHintsHandler, transparent = _ref8.transparent, uid = _ref8.uid, patterns = _ref8.patterns, minRadius = _ref8.minRadius, onClick = _ref8.onClick, onClickCircleRoot = _ref8.onClickCircleRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
   var radius = data.radius < minRadius ? minRadius : data.radius;
   if (data.radius === 0) return null;
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCircle, _ref2.cn("SCircle", {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, (_ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(SCircle, _ref2.cn("SCircle", {
     "aria-hidden": true,
     "render": "circle",
     "color": resolveColor(color),
@@ -190,7 +207,8 @@ function Circle(_ref8) {
     "cy": data.y,
     "r": radius,
     "transparent": transparent,
-    "use:duration": "".concat(duration, "ms")
+    "use:duration": "".concat(duration, "ms"),
+    "onClickCapture": callAllEventHandlers(onClickCircleRoot, onClick)
   }))), patterns && /* @__PURE__ */ React.createElement(PatternFill, _ref2.cn("PatternFill", {
     "id": "".concat(uid, "-pattern"),
     "patternKey": color,
@@ -200,7 +218,7 @@ function Circle(_ref8) {
 }
 function Intersection(props) {
   var _ref3;
-  var SIntersection = props.Element, styles = props.styles, data = props.data, name = props.name, dataKey = props.dataKey, dataHintsHandler = props.dataHintsHandler, transparent = props.transparent;
+  var SIntersection = props.Element, styles = props.styles, data = props.data, name = props.name, dataKey = props.dataKey, dataHintsHandler = props.dataHintsHandler, transparent = props.transparent, onClick = props.onClick, onClickIntersectionRoot = props.onClickIntersectionRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
   var renderIntersection = React.useCallback(/* @__PURE__ */ React.forwardRef(function(props2, ref) {
     return /* @__PURE__ */ React.createElement(FadeInOut, _extends({
@@ -210,20 +228,22 @@ function Intersection(props) {
       visible: true
     }, props2));
   }), [props]);
-  return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SIntersection, _ref3.cn("SIntersection", {
+  return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SIntersection, _ref3.cn("SIntersection", {
     "aria-hidden": true,
     "render": renderIntersection,
     "d": intersectionAreaPath(data),
-    "transparent": transparent
+    "transparent": transparent,
+    "onClickCapture": callAllEventHandlers(onClickIntersectionRoot, onClick)
   }));
 }
-var VennTooltip = function VennTooltip2(props) {
+function VennTooltip(props) {
   var _ref = arguments[0], _ref4;
   var SVennTooltip = Tooltip;
-  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", _objectSpread({}, assignProps({
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", _objectSpread({}, assignProps({
     "excludeAnchorProps": true
   }, _ref))));
-};
+}
+;
 var Venn = createElement(VennRoot, {
   Circle,
   Intersection,

package/lib/esm/a11y/DataAccessibilityTable.mjs

@@ -3,7 +3,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import React from "react";
-import { defaultValueFormatter } from "./serialize.mjs";
+import { defaultValueFormatter as _defaultValueFormatter } from "./serialize.mjs";
 var DataAccessibilityTable = function DataAccessibilityTable2(_ref) {
   var id = _ref.id, dataTableRef = _ref.dataTableRef, data = _ref.data, hints = _ref.hints, config = _ref.config, intl = _ref.intl;
   var keys = React.useMemo(function() {
@@ -68,7 +68,7 @@ var DataAccessibilityTable = function DataAccessibilityTable2(_ref) {
   }, [data, hints, duplicatedBaseKeys, config]);
   var formatValue = React.useCallback(function(value, row) {
     var _config$valuesFormatt, _config$valuesFormatt2;
-    return (_config$valuesFormatt = (_config$valuesFormatt2 = config.valuesFormatter) === null || _config$valuesFormatt2 === void 0 ? void 0 : _config$valuesFormatt2.call(config, value, row)) !== null && _config$valuesFormatt !== void 0 ? _config$valuesFormatt : defaultValueFormatter(intl, value);
+    return (_config$valuesFormatt = (_config$valuesFormatt2 = config.valuesFormatter) === null || _config$valuesFormatt2 === void 0 ? void 0 : _config$valuesFormatt2.call(config, value, row)) !== null && _config$valuesFormatt !== void 0 ? _config$valuesFormatt : _defaultValueFormatter(intl, value);
   }, [intl, config]);
   return /* @__PURE__ */ React.createElement("table", {
     id: "".concat(id, "-data-table"),