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

package/lib/cjs/Venn.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,56 +10,57 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
-var _assignProps2 = require("@semcore/core/lib/utils/assignProps");
-var _canUseDOM = _interopRequireDefault(require("@semcore/core/lib/utils/canUseDOM"));
-var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID"));
-var _venn = require("@upsetjs/venn.js");
 var _react = _interopRequireDefault(require("react"));
+var _venn = require("@upsetjs/venn.js");
+var _canUseDOM = _interopRequireDefault(require("@semcore/utils/lib/canUseDOM"));
+var _animation = require("@semcore/animation");
 var _createElement = _interopRequireDefault(require("./createElement"));
-var _Pattern = require("./Pattern");
-var _Tooltip = _interopRequireDefault(require("./Tooltip"));
 var _utils = require("./utils");
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+var _Pattern = require("./Pattern");
+var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
 /*!__reshadow-styles__:"./style/venn.shadow.css"*/
-var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___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__*/"itic7_gg_"),
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCircle_1pgvz_gg_,.___SIntersection_1pgvz_gg_{stroke:var(--intergalactic-chart-grid-border, #fff);stroke-width:2px}.___SCircle_1pgvz_gg_{fill:var(--intergalactic-chart-palette-order-2, rgb(56, 227, 181));fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1pgvz);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_1pgvz_gg_:hover{fill-opacity:.7}}.___SCircle_1pgvz_gg_.__color_1pgvz_gg_{fill:var(--color_1pgvz)}.___SCircle_1pgvz_gg_.__pattern_1pgvz_gg_.__color_1pgvz_gg_{fill:var(--pattern_1pgvz);fill-opacity:.7;stroke:var(--color_1pgvz);stroke-width:1px}@media (hover:hover){.___SCircle_1pgvz_gg_.__pattern_1pgvz_gg_.__color_1pgvz_gg_:hover{fill-opacity:.85}}.___SCircle_1pgvz_gg_.__transparent_1pgvz_gg_{opacity:.3}.___SIntersection_1pgvz_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_1pgvz_gg_:hover{fill-opacity:.1}}.___SIntersection_1pgvz_gg_.__transparent_1pgvz_gg_{opacity:.3}", /*__inner_css_end__*/"1pgvz_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__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"
+  "__SCircle": "___SCircle_1pgvz_gg_",
+  "_color": "__color_1pgvz_gg_",
+  "--color": "--color_1pgvz",
+  "_transparent": "__transparent_1pgvz_gg_",
+  "__SIntersection": "___SIntersection_1pgvz_gg_",
+  "--duration": "--duration_1pgvz",
+  "_pattern": "__pattern_1pgvz_gg_",
+  "--pattern": "--pattern_1pgvz"
 });
 var VennRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(VennRoot, _Component);
+  var _super = (0, _createSuper2["default"])(VennRoot);
   function VennRoot() {
     var _this;
     (0, _classCallCheck2["default"])(this, VennRoot);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, VennRoot, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
-    (0, _defineProperty2["default"])(_this, "bindHandlerTooltip", function (visible, props, tooltipProps) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "virtualElement", (0, _canUseDOM["default"])() ? document.createElement('div') : {});
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "bindHandlerTooltip", function (visible, props, tooltipProps) {
       return function (_ref5) {
         var clientX = _ref5.clientX,
           clientY = _ref5.clientY;
-        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);
+        var eventEmitter = _this.asProps.eventEmitter;
+        eventEmitter.emit('setTooltipPosition', clientX, clientY);
+        eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);
+        eventEmitter.emit('setTooltipVisible', visible);
       };
     });
-    (0, _defineProperty2["default"])(_this, "renderElement", /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-      return /*#__PURE__*/_react["default"].createElement(_baseComponents.FadeInOut, (0, _extends2["default"])({
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderElement", /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+      return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
         "aria-hidden": true,
         ref: ref,
         tag: "g",
@@ -68,8 +69,7 @@ var VennRoot = /*#__PURE__*/function (_Component) {
     }));
     return _this;
   }
-  (0, _inherits2["default"])(VennRoot, _Component);
-  return (0, _createClass2["default"])(VennRoot, [{
+  (0, _createClass2["default"])(VennRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -88,11 +88,11 @@ var VennRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getVennData",
     value: function getVennData() {
-      var _this$asProps2 = this.asProps,
-        data = _this$asProps2.data,
-        orientation = _this$asProps2.orientation,
-        orientationOrder = _this$asProps2.orientationOrder,
-        size = _this$asProps2.size;
+      var _this$asProps = this.asProps,
+        data = _this$asProps.data,
+        orientation = _this$asProps.orientation,
+        orientationOrder = _this$asProps.orientationOrder,
+        size = _this$asProps.size;
       var _size = (0, _slicedToArray2["default"])(size, 2),
         width = _size[0],
         height = _size[1];
@@ -107,13 +107,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
       });
       return (0, _venn.scaleSolution)((0, _venn.normalizeSolution)((0, _venn.venn)(vennData), orientation, orientationOrder), width, height, 10);
     }
-  }, {
-    key: "getTooltipProps",
-    value: function getTooltipProps() {
-      return {
-        uniqId: this.asProps.uid
-      };
-    }
   }, {
     key: "getCircleProps",
     value: function getCircleProps(props, index) {
@@ -136,16 +129,15 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         color: color,
         uid: "".concat(this.asProps.uid, "-").concat(index),
         patterns: this.asProps.patterns,
-        minRadius: this.asProps.minRadius,
-        onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this)
+        minRadius: this.asProps.minRadius
       };
     }
   }, {
     key: "getIntersectionProps",
     value: function getIntersectionProps(props) {
-      var _this$asProps3 = this.asProps,
-        duration = _this$asProps3.duration,
-        transparent = _this$asProps3.transparent;
+      var _this$asProps2 = this.asProps,
+        duration = _this$asProps2.duration,
+        transparent = _this$asProps2.transparent;
       var dataKeys = props.dataKey.split('/');
       var tooltipProps = {
         dataKey: props.dataKey,
@@ -164,19 +156,7 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
         onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent: transparent,
-        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);
+        resolveColor: this.asProps.resolveColor
       };
     }
   }, {
@@ -193,6 +173,7 @@ var VennRoot = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
+  return VennRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(VennRoot, "displayName", 'Venn');
 (0, _defineProperty2["default"])(VennRoot, "style", style);
@@ -219,9 +200,7 @@ function Circle(_ref8) {
     transparent = _ref8.transparent,
     uid = _ref8.uid,
     patterns = _ref8.patterns,
-    minRadius = _ref8.minRadius,
-    onClick = _ref8.onClick,
-    onClickCircleRoot = _ref8.onClickCircleRoot;
+    minRadius = _ref8.minRadius;
   dataHintsHandler.describeValueEntity(dataKey, name);
   var radius = data.radius < minRadius ? minRadius : data.radius;
   if (data.radius === 0) return null;
@@ -234,8 +213,7 @@ function Circle(_ref8) {
     "cy": data.y,
     "r": radius,
     "transparent": transparent,
-    "use:duration": "".concat(duration, "ms"),
-    "onClickCapture": (0, _assignProps2.callAllEventHandlers)(onClickCircleRoot, onClick)
+    "use:duration": "".concat(duration, "ms")
   }))), patterns && /*#__PURE__*/_react["default"].createElement(_Pattern.PatternFill, _ref2.cn("PatternFill", {
     "id": "".concat(uid, "-pattern"),
     "patternKey": color,
@@ -251,12 +229,10 @@ function Intersection(props) {
     name = props.name,
     dataKey = props.dataKey,
     dataHintsHandler = props.dataHintsHandler,
-    transparent = props.transparent,
-    onClick = props.onClick,
-    onClickIntersectionRoot = props.onClickIntersectionRoot;
+    transparent = props.transparent;
   dataHintsHandler.describeValueEntity(dataKey, name);
-  var renderIntersection = _react["default"].useCallback(/*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
-    return /*#__PURE__*/_react["default"].createElement(_baseComponents.FadeInOut, (0, _extends2["default"])({
+  var renderIntersection = _react["default"].useCallback( /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
+    return /*#__PURE__*/_react["default"].createElement(_animation.FadeInOut, (0, _extends2["default"])({
       "aria-hidden": true,
       ref: ref,
       tag: "path",
@@ -267,23 +243,22 @@ function Intersection(props) {
     "aria-hidden": true,
     "render": renderIntersection,
     "d": (0, _venn.intersectionAreaPath)(data),
-    "transparent": transparent,
-    "onClickCapture": (0, _assignProps2.callAllEventHandlers)(onClickIntersectionRoot, onClick)
+    "transparent": transparent
   }));
 }
-function VennTooltip(props) {
+var VennTooltip = function VennTooltip(props) {
   var _ref = arguments[0],
     _ref4;
   var SVennTooltip = _Tooltip["default"];
   return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SVennTooltip, _ref4.cn("SVennTooltip", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "excludeAnchorProps": true
   }, _ref))));
-}
-;
+};
 var Venn = (0, _createElement["default"])(VennRoot, {
   Circle: Circle,
   Intersection: Intersection,
   Tooltip: [VennTooltip, _Tooltip["default"]._______childrenComponents]
 });
-var _default = exports["default"] = Venn;
+var _default = Venn;
+exports["default"] = _default;
 //# sourceMappingURL=Venn.js.map

package/lib/cjs/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["_core","require","_baseComponents","_assignProps2","_canUseDOM","_interopRequireDefault","_uniqueID","_venn","_react","_createElement","_Pattern","_Tooltip","_utils","style","sstyled","insert","VennRoot","_Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref5","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","React","forwardRef","ref","FadeInOut","_extends2","tag","_inherits2","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps2","data","orientation","orientationOrder","size","_size","_slicedToArray2","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","scaleSolution","normalizeSolution","venn","getTooltipProps","uniqId","uid","getCircleProps","index","colorBackwardCapabilityOffset","color","getChartDefaultColorName","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","minRadius","onClickCircleRoot","handlerOnClick","bind","getIntersectionProps","_this$asProps3","dataKeys","delay","values","filter","d","includes","setid","onClickIntersectionRoot","_this2","e","stopPropagation","onClick","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Component","Math","PI","c1","c2","radius","uniqueIDEnhancement","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","cn","callAllEventHandlers","PatternFill","Intersection","_ref3","SIntersection","renderIntersection","useCallback","intersectionAreaPath","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","Tooltip","_objectSpread2","assignProps","Venn","_______childrenComponents","_default","exports"],"sources":["../../src/Venn.jsx"],"sourcesContent":["import { FadeInOut } from '@semcore/base-components';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport { callAllEventHandlers } from '@semcore/core/lib/utils/assignProps';\nimport canUseDOM from '@semcore/core/lib/utils/canUseDOM';\nimport uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';\nimport { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';\nimport React from 'react';\n\nimport createElement from './createElement';\nimport { PatternFill } from './Pattern';\nimport style from './style/venn.shadow.css';\nimport Tooltip from './Tooltip';\nimport { getChartDefaultColorName } from './utils';\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    minRadius: 6,\n  };\n\n  static enhance = [uniqueIDEnhancement()];\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, clientY }) => {\n    const { eventEmitter, plotId } = this.asProps;\n\n    eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);\n    eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, props, tooltipProps);\n    eventEmitter.emit(`setTooltipVisible_${plotId}`, visible);\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  getTooltipProps() {\n    return {\n      uniqId: this.asProps.uid,\n    };\n  }\n\n  getCircleProps(props, index) {\n    const colorBackwardCapabilityOffset = 1;\n    const color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color,\n      patterns: this.asProps.patterns,\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      resolveColor: this.asProps.resolveColor,\n      color,\n      uid: `${this.asProps.uid}-${index}`,\n      patterns: this.asProps.patterns,\n      minRadius: this.asProps.minRadius,\n      onClickCircleRoot: this.handlerOnClick(props.dataKey).bind(this),\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      resolveColor: this.asProps.resolveColor,\n      onClickIntersectionRoot: this.handlerOnClick(props.dataKey).bind(this),\n    };\n  }\n\n  renderElement = React.forwardRef((props, ref) => {\n    return <FadeInOut aria-hidden ref={ref} tag='g' visible {...props} />;\n  });\n\n  handlerOnClick(dataKey) {\n    return (e) => {\n      e.stopPropagation();\n\n      const { onClick } = this.asProps;\n\n      if (!onClick) return;\n\n      onClick(dataKey, e);\n    };\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\n  onClick,\n  onClickCircleRoot,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const radius = data.radius < minRadius ? minRadius : data.radius;\n  if (data.radius === 0) return null;\n\n  return (\n    <>\n      {sstyled(styles)(\n        <SCircle\n          aria-hidden\n          render='circle'\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          cx={data.x}\n          cy={data.y}\n          r={radius}\n          transparent={transparent}\n          use:duration={`${duration}ms`}\n          onClickCapture={callAllEventHandlers(onClickCircleRoot, onClick)}\n        />,\n      )}\n      {patterns && (\n        <PatternFill\n          id={`${uid}-pattern`}\n          patternKey={color}\n          color={resolveColor(color)}\n          patterns={patterns}\n        />\n      )}\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    onClick,\n    onClickIntersectionRoot,\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      onClickCapture={callAllEventHandlers(onClickIntersectionRoot, onClick)}\n    />,\n  );\n}\n\nfunction 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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","ignoreList":[]}
+{"version":3,"file":"Venn.js","names":["_core","require","_react","_interopRequireDefault","_venn","_canUseDOM","_animation","_createElement","_utils","_Tooltip","_Pattern","_uniqueID","style","_index","sstyled","insert","VennRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","canUseDOM","document","createElement","visible","props","tooltipProps","_ref5","clientX","clientY","eventEmitter","asProps","emit","React","forwardRef","ref","FadeInOut","_extends2","tag","_createClass2","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps","data","orientation","orientationOrder","size","_size","_slicedToArray2","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","scaleSolution","normalizeSolution","venn","getCircleProps","index","colorBackwardCapabilityOffset","color","getChartDefaultColorName","name","patterns","duration","originalData","onMouseMove","bindHandlerTooltip","onMouseLeave","transparent","resolveColor","uid","minRadius","getIntersectionProps","_this$asProps2","dataKeys","delay","values","filter","d","includes","setid","render","Element","dataHintsHandler","establishDataType","renderElement","childrenPosition","Component","Math","PI","c1","c2","radius","uniqueIDEnhancement","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","cn","PatternFill","Intersection","_ref3","SIntersection","renderIntersection","useCallback","intersectionAreaPath","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","Tooltip","_objectSpread2","assignProps","Venn","_______childrenComponents","_default","exports"],"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 { getChartDefaultColorName } from './utils';\nimport Tooltip from './Tooltip';\nimport { PatternFill } from './Pattern';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\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    minRadius: 6,\n  };\n  static enhance = [uniqueIDEnhancement()];\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, clientY }) => {\n    const { eventEmitter } = this.asProps;\n\n    eventEmitter.emit('setTooltipPosition', clientX, clientY);\n    eventEmitter.emit('setTooltipRenderingProps', props, tooltipProps);\n    eventEmitter.emit('setTooltipVisible', visible);\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, index) {\n    const colorBackwardCapabilityOffset = 1;\n    const color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);\n    const tooltipProps = {\n      dataKey: props.dataKey,\n      name: props.name,\n      color,\n      patterns: this.asProps.patterns,\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      resolveColor: this.asProps.resolveColor,\n      color,\n      uid: `${this.asProps.uid}-${index}`,\n      patterns: this.asProps.patterns,\n      minRadius: this.asProps.minRadius,\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      resolveColor: this.asProps.resolveColor,\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  resolveColor,\n  data,\n  duration,\n  name,\n  dataKey,\n  dataHintsHandler,\n  transparent,\n  uid,\n  patterns,\n  minRadius,\n}) {\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  const radius = data.radius < minRadius ? minRadius : data.radius;\n  if (data.radius === 0) return null;\n\n  return (\n    <>\n      {sstyled(styles)(\n        <SCircle\n          aria-hidden\n          render='circle'\n          color={resolveColor(color)}\n          pattern={patterns ? `url(#${uid}-pattern)` : undefined}\n          cx={data.x}\n          cy={data.y}\n          r={radius}\n          transparent={transparent}\n          use:duration={`${duration}ms`}\n        />,\n      )}\n      {patterns && (\n        <PatternFill\n          id={`${uid}-pattern`}\n          patternKey={color}\n          color={resolveColor(color)}\n          patterns={patterns}\n        />\n      )}\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/cjs/a11y/DataAccessibilityTable.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,7 +11,7 @@ var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
 var _serialize = require("./serialize");
-var DataAccessibilityTable = exports.DataAccessibilityTable = function DataAccessibilityTable(_ref) {
+var DataAccessibilityTable = function DataAccessibilityTable(_ref) {
   var id = _ref.id,
     dataTableRef = _ref.dataTableRef,
     data = _ref.data,
@@ -112,4 +112,5 @@ var DataAccessibilityTable = exports.DataAccessibilityTable = function DataAcces
     }));
   })));
 };
+exports.DataAccessibilityTable = DataAccessibilityTable;
 //# sourceMappingURL=DataAccessibilityTable.js.map

package/lib/cjs/a11y/DataAccessibilityTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataAccessibilityTable.js","names":["_react","_interopRequireDefault","require","_serialize","DataAccessibilityTable","exports","_ref","id","dataTableRef","data","hints","config","intl","keys","React","useMemo","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray2","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper2","_step","s","n","done","_step$value","_slicedToArray2","value","label","err","e","f","renderTitle","useCallback","dataKey","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","defaultValueFormatter","createElement","concat","tabIndex","ref","index","item","_typeof2","join","cells","_ref2","_ref3"],"sources":["../../../src/a11y/DataAccessibilityTable.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataStructureHints, DataSummarizationConfig } from './hints';\nimport type { Intl } from './intl';\nimport { defaultValueFormatter } from './serialize';\n\nexport const DataAccessibilityTable: React.FC<{\n  id: string;\n  dataTableRef: React.RefObject<HTMLTableElement>;\n  data: Record<string | number, unknown>[];\n  hints: DataStructureHints;\n  config: DataSummarizationConfig;\n  intl: Intl;\n}> = ({ id, dataTableRef, data, hints, config, intl }) => {\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...config.additionalFields);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      const formatted = config.titlesFormatter?.(dataKey);\n      if (formatted !== undefined) return formatted;\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys, config],\n  );\n  const formatValue = React.useCallback(\n    (value: unknown, row: string) => {\n      return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);\n    },\n    [intl, config],\n  );\n\n  return (\n    <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n      <thead>\n        <tr>\n          {keys.map((key, index) => (\n            <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {data.map((row, index) => {\n          const key = `${Object.values(row)\n            .filter((item) => typeof item !== 'symbol')\n            .join('-')}-${index}`;\n          const cells = keys.map((key) =>\n            typeof row[key] !== 'symbol' ? [key, row[key]] : [key, ''],\n          );\n\n          return (\n            <tr key={key}>\n              {cells.map(([key, value], index) => (\n                <td key={`${key}-${index}`}>{formatValue(value, keys[index] as string)}</td>\n              ))}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DataAccessibilityTable.js","names":["_react","_interopRequireDefault","require","_serialize","DataAccessibilityTable","_ref","id","dataTableRef","data","hints","config","intl","keys","React","useMemo","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray2","fields","verticalAxes","horizontalAxes","valueAxes","additionalFields","Object","values","Set","filter","key","length","forEach","row","_fromHints6","duplicatedBaseKeys","baseKeys","titles","valuesAxes","map","has","axesTitle","vertical","horizontal","entry","undefined","doublicated","handled","_iterator","_createForOfIteratorHelper2","_step","s","n","done","_step$value","_slicedToArray2","value","label","err","e","f","renderTitle","useCallback","dataKey","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","defaultValueFormatter","createElement","concat","tabIndex","ref","index","item","_typeof2","join","cells","_ref2","_ref3","exports"],"sources":["../../../src/a11y/DataAccessibilityTable.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, DataSummarizationConfig } from './hints';\nimport { Intl } from './intl';\nimport { defaultValueFormatter } from './serialize';\n\nexport const DataAccessibilityTable: React.FC<{\n  id: string;\n  dataTableRef: React.RefObject<HTMLTableElement>;\n  data: Record<string | number, unknown>[];\n  hints: DataStructureHints;\n  config: DataSummarizationConfig;\n  intl: Intl;\n}> = ({ id, dataTableRef, data, hints, config, intl }) => {\n  const keys = React.useMemo(() => {\n    let fromHints: (string | number)[] = [];\n    fromHints.push(...hints.fields.verticalAxes);\n    fromHints.push(...hints.fields.horizontalAxes);\n    fromHints.push(...hints.fields.valueAxes);\n    fromHints.push(...config.additionalFields);\n    fromHints.push(...Object.keys(hints.fields.values));\n\n    fromHints = [...new Set(fromHints)].filter((key) => key in data[0]);\n\n    if (fromHints.length === 0) {\n      data.forEach((row) => fromHints.push(...Object.keys(row)));\n    }\n\n    return [...new Set(fromHints)];\n  }, [data, hints]);\n  const duplicatedBaseKeys = React.useMemo(() => {\n    const baseKeys = keys\n      .filter((key) => !hints.titles.valuesAxes[key])\n      .map((key) => {\n        if (hints.fields.verticalAxes.has(key) && hints.axesTitle.vertical)\n          return [key, hints.axesTitle.vertical];\n        if (hints.fields.horizontalAxes.has(key) && hints.axesTitle.horizontal)\n          return [key, hints.axesTitle.horizontal];\n      })\n      .filter((entry) => entry !== undefined)\n      .map((entry) => entry!);\n    const doublicated: Record<string, true> = {};\n    const handled: Record<string, string | number> = {};\n    for (const [key, label] of baseKeys) {\n      if (handled[label]) {\n        doublicated[key] = true;\n        doublicated[handled[label]] = true;\n      }\n      handled[label] = key;\n    }\n    return doublicated;\n  }, [keys, hints]);\n  const renderTitle = React.useCallback(\n    (dataKey: string | number) => {\n      const formatted = config.titlesFormatter?.(dataKey);\n      if (formatted !== undefined) return formatted;\n      if (hints.titles.valuesAxes[dataKey]) return hints.titles.valuesAxes[dataKey];\n      if (!duplicatedBaseKeys[dataKey]) {\n        if (hints.fields.verticalAxes.has(dataKey) && hints.axesTitle.vertical)\n          return hints.axesTitle.vertical;\n        if (hints.fields.horizontalAxes.has(dataKey) && hints.axesTitle.horizontal)\n          return hints.axesTitle.horizontal;\n      }\n\n      return dataKey;\n    },\n    [data, hints, duplicatedBaseKeys, config],\n  );\n  const formatValue = React.useCallback(\n    (value: unknown, row: string) => {\n      return config.valuesFormatter?.(value, row) ?? defaultValueFormatter(intl, value);\n    },\n    [intl, config],\n  );\n\n  return (\n    <table id={`${id}-data-table`} tabIndex={0} ref={dataTableRef}>\n      <thead>\n        <tr>\n          {keys.map((key, index) => (\n            <th key={`${key}-${index}`}>{renderTitle(key)}</th>\n          ))}\n        </tr>\n      </thead>\n      <tbody>\n        {data.map((row, index) => {\n          const key = `${Object.values(row)\n            .filter((item) => typeof item !== 'symbol')\n            .join('-')}-${index}`;\n          const cells = keys.map((key) =>\n            typeof row[key] !== 'symbol' ? [key, row[key]] : [key, ''],\n          );\n\n          return (\n            <tr key={key}>\n              {cells.map(([key, value], index) => (\n                <td key={`${key}-${index}`}>{formatValue(value, keys[index] as string)}</td>\n              ))}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n};\n"],"mappings":"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"}

package/lib/cjs/a11y/PlotA11yModule.js

@@ -1,47 +1,57 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PlotA11yModule = PlotA11yModule;
+exports.PlotA11yModule = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _interopRequireWildcard2 = _interopRequireDefault(require("@babel/runtime/helpers/interopRequireWildcard"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _index = require("@semcore/utils/lib/core/index");
 var _core = require("@semcore/core");
-var _baseComponents = require("@semcore/base-components");
-var _WithI18n = require("@semcore/core/lib/utils/enhances/WithI18n");
 var _react = _interopRequireDefault(require("react"));
 var _locale = require("./locale");
 var _intergalacticDynamicLocales = require("./translations/module/__intergalactic-dynamic-locales");
+var _WithI18n = require("@semcore/utils/lib/enhances/WithI18n");
+var _flexBox = require("@semcore/flex-box");
 /*!__reshadow-styles__:"../style/plotA11yModule.shadow.css"*/
-var styles = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SPlotA11yModule_oaoqy_gg_{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0,}", /*__inner_css_end__*/"oaoqy_gg_"),
+var styles = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SPlotA11yModule_1gd6u_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1gd6u_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1gd6u_gg_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_oaoqy_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_1gd6u_gg_"
 });
-function PlotA11yModule(props) {
+var globalWasFocused = false;
+var globalNavWithKeyboard = false;
+var PlotA11yModule = function PlotA11yModule(props) {
   var _ref = arguments[0],
-    _ref3;
-  var SPlotA11yModule = _baseComponents.Box;
-  var _React$useState = _react["default"].useState(false),
+    _ref5;
+  var SPlotA11yModule = _flexBox.Box;
+  var _React$useState = _react["default"].useState(globalWasFocused),
     _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    isOpened = _React$useState2[0],
-    setIsOpened = _React$useState2[1];
-  var _React$useState3 = _react["default"].useState(null),
+    wasFocused = _React$useState2[0],
+    setWasFocused = _React$useState2[1];
+  var _React$useState3 = _react["default"].useState(globalNavWithKeyboard),
     _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    plotA11yView = _React$useState4[0],
-    setPlotA11yView = _React$useState4[1];
-  var srButtonRef = _react["default"].useRef(null);
-  var _React$useState5 = _react["default"].useState(false),
+    navWithKeyboard = _React$useState4[0],
+    setNavWithKeyboard = _React$useState4[1];
+  var _React$useState5 = _react["default"].useState(null),
     _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    loading = _React$useState6[0],
-    setLoading = _React$useState6[1];
-  var _React$useState7 = _react["default"].useState(null),
+    plotA11yView = _React$useState6[0],
+    setPlotA11yView = _React$useState6[1];
+  var hadnleHiddenElementsFocus = _react["default"].useCallback(function () {
+    setWasFocused(true);
+    setNavWithKeyboard(true);
+  }, []);
+  var _React$useState7 = _react["default"].useState(false),
     _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    error = _React$useState8[0],
-    setError = _React$useState8[1];
+    loading = _React$useState8[0],
+    setLoading = _React$useState8[1];
+  var _React$useState9 = _react["default"].useState(null),
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    error = _React$useState10[0],
+    setError = _React$useState10[1];
   var contextLocale = _react["default"].useContext(_WithI18n.Context);
   var locale = _react["default"].useMemo(function () {
     var _props$locale;
@@ -49,45 +59,78 @@ function PlotA11yModule(props) {
   }, [props.locale]);
   var t = (0, _WithI18n.useI18n)(_intergalacticDynamicLocales.localizedMessages, locale);
   _react["default"].useEffect(function () {
-    if (!isOpened) return;
+    var _props$plotRef$curren;
+    if (wasFocused) return;
+    var focusListener = function focusListener() {
+      globalWasFocused = true;
+      setWasFocused(true);
+    };
+    (_props$plotRef$curren = props.plotRef.current) === null || _props$plotRef$curren === void 0 ? void 0 : _props$plotRef$curren.addEventListener('focus', focusListener);
+    return function () {
+      var _props$plotRef$curren2;
+      return (_props$plotRef$curren2 = props.plotRef.current) === null || _props$plotRef$curren2 === void 0 ? void 0 : _props$plotRef$curren2.removeEventListener('focus', focusListener);
+    };
+  }, [wasFocused, props.plotRef]);
+  _react["default"].useEffect(function () {
+    var _document$body;
+    if (navWithKeyboard) return;
+    var keyboardListener = function keyboardListener(event) {
+      var navigationKeys = ['Tab', 'ArrowUp', 'ArrowLeft', 'ArrowDown', 'ArrowRight', 'ArrowUp', 'ArrowLeft'];
+      if ('key' in event && navigationKeys.includes(event.key)) {
+        setNavWithKeyboard(true);
+        globalNavWithKeyboard = true;
+      }
+    };
+    (_document$body = document.body) === null || _document$body === void 0 ? void 0 : _document$body.addEventListener('keydown', keyboardListener);
+    return function () {
+      var _document$body2;
+      return (_document$body2 = document.body) === null || _document$body2 === void 0 ? void 0 : _document$body2.removeEventListener('keydown', keyboardListener);
+    };
+  }, [navWithKeyboard]);
+  var shouldDisplayView = wasFocused && navWithKeyboard;
+  _react["default"].useEffect(function () {
+    if (!shouldDisplayView) return;
     if (plotA11yView) return;
     if (loading) return;
     setLoading(true);
     Promise.resolve().then(function () {
       return (0, _interopRequireWildcard2["default"])(require('./PlotA11yView'));
-    }).then(function (_ref4) {
-      var PlotA11yView = _ref4.PlotA11yView;
+    }).then(function (_ref6) {
+      var PlotA11yView = _ref6.PlotA11yView;
       setPlotA11yView({
         Component: PlotA11yView
       });
       setLoading(false);
       setError(null);
     })["catch"](function (error) {
-      // eslint-disable-next-line no-console
       console.error(error);
       setError(error);
-      setLoading(false);
     });
-  }, [plotA11yView, isOpened, loading, setLoading]);
+  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
   if (plotA11yView) {
     var _ref2;
     return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(plotA11yView.Component, (0, _extends2["default"])({}, props, {
-      onCloseHandler: function onCloseHandler() {
-        setIsOpened(false);
-        setPlotA11yView(null);
-      },
-      triggerRef: srButtonRef,
       locale: locale
     }));
   }
-  return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref))), /*#__PURE__*/_react["default"].createElement("button", _ref3.cn("button", {
-    "ref": srButtonRef,
-    "onClick": function onClick() {
-      return setIsOpened(true);
-    },
-    "aria-label": t('PlotA11yModule.ScreenReaderOnlyButton.Label')
-  })), /*#__PURE__*/_react["default"].createElement(_baseComponents.Box, _ref3.cn("Box", {
-    "role": 'status'
-  }), loading && t('loading'), error && t('failed')));
-}
+  if (error) {
+    var _ref3;
+    return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      "tabIndex": 0,
+      "aria-live": 'assertive'
+    }, _ref))), t('failed'));
+  }
+  if (loading) {
+    var _ref4;
+    return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+      "tabIndex": 0,
+      "aria-live": 'polite'
+    }, _ref))), t('loading'));
+  }
+  return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tabIndex": 0,
+    "onFocus": hadnleHiddenElementsFocus
+  }, _ref))), t('disabled'));
+};
+exports.PlotA11yModule = PlotA11yModule;
 //# sourceMappingURL=PlotA11yModule.js.map