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

package/lib/es6/Venn.js

@@ -3,57 +3,57 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/callSuper";
 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/utils/lib/core/index";
+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 { FadeInOut } from '@semcore/base-components';
 import { Component, Root, sstyled } from '@semcore/core';
-import canUseDOM from '@semcore/utils/lib/canUseDOM';
-import { FadeInOut } from '@semcore/animation';
+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 { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';
+import React from 'react';
 import createElement from './createElement';
-import { getChartDefaultColorName } from './utils';
-import Tooltip from './Tooltip';
 import { PatternFill } from './Pattern';
-import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
 /*!__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}", /*__inner_css_end__*/"17mhn_gg_"),
+var style = (/*__reshadow_css_start__*/_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_"),
 /*__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"
 });
+import Tooltip from './Tooltip';
+import { getChartDefaultColorName } from './utils';
 var VennRoot = /*#__PURE__*/function (_Component) {
-  _inherits(VennRoot, _Component);
-  var _super = _createSuper(VennRoot);
   function VennRoot() {
     var _this;
     _classCallCheck(this, VennRoot);
     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, VennRoot, [].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: ref,
@@ -63,7 +63,8 @@ var VennRoot = /*#__PURE__*/function (_Component) {
     }));
     return _this;
   }
-  _createClass(VennRoot, [{
+  _inherits(VennRoot, _Component);
+  return _createClass(VennRoot, [{
     key: "generateGetBoundingClientRect",
     value: function generateGetBoundingClientRect() {
       var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
@@ -82,11 +83,11 @@ var VennRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "getVennData",
     value: function getVennData() {
-      var _this$asProps = this.asProps,
-        data = _this$asProps.data,
-        orientation = _this$asProps.orientation,
-        orientationOrder = _this$asProps.orientationOrder,
-        size = _this$asProps.size;
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        orientation = _this$asProps2.orientation,
+        orientationOrder = _this$asProps2.orientationOrder,
+        size = _this$asProps2.size;
       var _size = _slicedToArray(size, 2),
         width = _size[0],
         height = _size[1];
@@ -101,6 +102,13 @@ var VennRoot = /*#__PURE__*/function (_Component) {
       });
       return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder), width, height, 10);
     }
+  }, {
+    key: "getTooltipProps",
+    value: function getTooltipProps() {
+      return {
+        uniqId: this.asProps.uid
+      };
+    }
   }, {
     key: "getCircleProps",
     value: function getCircleProps(props, index) {
@@ -123,15 +131,16 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         color: 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,
@@ -150,7 +159,19 @@ var VennRoot = /*#__PURE__*/function (_Component) {
         onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
         onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
         transparent: 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);
       };
     }
   }, {
@@ -167,7 +188,6 @@ var VennRoot = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-  return VennRoot;
 }(Component);
 _defineProperty(VennRoot, "displayName", 'Venn');
 _defineProperty(VennRoot, "style", style);
@@ -194,7 +214,9 @@ function Circle(_ref8) {
     transparent = _ref8.transparent,
     uid = _ref8.uid,
     patterns = _ref8.patterns,
-    minRadius = _ref8.minRadius;
+    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;
@@ -207,7 +229,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,
@@ -223,9 +246,11 @@ function Intersection(props) {
     name = props.name,
     dataKey = props.dataKey,
     dataHintsHandler = props.dataHintsHandler,
-    transparent = props.transparent;
+    transparent = props.transparent,
+    onClick = props.onClick,
+    onClickIntersectionRoot = props.onClickIntersectionRoot;
   dataHintsHandler.describeValueEntity(dataKey, name);
-  var renderIntersection = React.useCallback( /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var renderIntersection = React.useCallback(/*#__PURE__*/React.forwardRef(function (props, ref) {
     return /*#__PURE__*/React.createElement(FadeInOut, _extends({
       "aria-hidden": true,
       ref: ref,
@@ -237,17 +262,19 @@ function Intersection(props) {
     "aria-hidden": true,
     "render": renderIntersection,
     "d": intersectionAreaPath(data),
-    "transparent": transparent
+    "transparent": transparent,
+    "onClickCapture": callAllEventHandlers(onClickIntersectionRoot, onClick)
   }));
 }
-var VennTooltip = function VennTooltip(props) {
+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,

package/lib/es6/Venn.js.map

@@ -1 +1 @@
-{"version":3,"file":"Venn.js","names":["React","venn","normalizeSolution","scaleSolution","intersectionAreaPath","Component","Root","sstyled","canUseDOM","FadeInOut","createElement","getChartDefaultColorName","Tooltip","PatternFill","uniqueIDEnhancement","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","clientX","clientY","eventEmitter","asProps","emit","forwardRef","ref","_extends","tag","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","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","index","colorBackwardCapabilityOffset","color","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","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","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 { 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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"}
+{"version":3,"file":"Venn.js","names":["FadeInOut","Component","Root","sstyled","callAllEventHandlers","canUseDOM","uniqueIDEnhancement","venn","normalizeSolution","scaleSolution","intersectionAreaPath","React","createElement","PatternFill","style","_sstyled","insert","Tooltip","getChartDefaultColorName","VennRoot","_Component","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","document","visible","props","tooltipProps","_ref5","clientX","clientY","_this$asProps","asProps","eventEmitter","plotId","emit","forwardRef","ref","_extends","tag","_inherits","_createClass","key","value","generateGetBoundingClientRect","x","undefined","y","width","height","top","right","bottom","left","getVennData","_this$asProps2","data","orientation","orientationOrder","size","_size","_slicedToArray","vennData","Object","entries","map","_ref6","_ref7","dataKey","sets","split","getTooltipProps","uniqId","uid","getCircleProps","index","colorBackwardCapabilityOffset","color","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","Math","PI","c1","c2","radius","Circle","_ref8","_ref2","SCircle","styles","describeValueEntity","Fragment","cn","Intersection","_ref3","SIntersection","renderIntersection","useCallback","VennTooltip","_ref","arguments[0]","_ref4","SVennTooltip","_objectSpread","_assignProps","Venn","_______childrenComponents"],"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":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"DataAccessibilityTable.js","names":["React","defaultValueFormatter","DataAccessibilityTable","_ref","id","dataTableRef","data","hints","config","intl","keys","useMemo","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray","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","_createForOfIteratorHelper","_step","s","n","done","_step$value","_slicedToArray","value","label","err","e","f","renderTitle","useCallback","dataKey","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","createElement","concat","tabIndex","ref","index","item","_typeof","join","cells","_ref2","_ref3"],"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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"}
+{"version":3,"file":"DataAccessibilityTable.js","names":["React","defaultValueFormatter","DataAccessibilityTable","_ref","id","dataTableRef","data","hints","config","intl","keys","useMemo","_fromHints","_fromHints2","_fromHints3","_fromHints4","_fromHints5","fromHints","push","apply","_toConsumableArray","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","_createForOfIteratorHelper","_step","s","n","done","_step$value","_slicedToArray","value","label","err","e","f","renderTitle","useCallback","dataKey","_config$titlesFormatt","formatted","titlesFormatter","call","formatValue","_config$valuesFormatt","_config$valuesFormatt2","valuesFormatter","createElement","concat","tabIndex","ref","index","item","_typeof","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":[]}

package/lib/es6/a11y/PlotA11yModule.js

@@ -1,52 +1,41 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { sstyled as _sstyled } from "@semcore/utils/lib/core/index";
-import { assignProps as _assignProps3 } from "@semcore/core";
-import { assignProps as _assignProps2 } from "@semcore/core";
+import { sstyled as _sstyled } from "@semcore/core";
 import { assignProps as _assignProps } from "@semcore/core";
+import { Box } from '@semcore/base-components';
+import { Root, sstyled } from '@semcore/core';
+import { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';
 import React from 'react';
 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_1a5d0_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1a5d0_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}", /*__inner_css_end__*/"1a5d0_gg_"),
+var styles = (/*__reshadow_css_start__*/_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_"),
 /*__reshadow_css_end__*/
 {
-  "__SPlotA11yModule": "___SPlotA11yModule_1a5d0_gg_"
+  "__SPlotA11yModule": "___SPlotA11yModule_oaoqy_gg_"
 });
-import { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';
-import { Box } from '@semcore/flex-box';
-var globalWasFocused = false;
-var globalNavWithKeyboard = false;
-export var PlotA11yModule = function PlotA11yModule(props) {
+import { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';
+export function PlotA11yModule(props) {
   var _ref = arguments[0],
-    _ref5;
+    _ref3;
   var SPlotA11yModule = Box;
-  var _React$useState = React.useState(globalWasFocused),
+  var _React$useState = React.useState(false),
     _React$useState2 = _slicedToArray(_React$useState, 2),
-    wasFocused = _React$useState2[0],
-    setWasFocused = _React$useState2[1];
-  var _React$useState3 = React.useState(globalNavWithKeyboard),
+    isOpened = _React$useState2[0],
+    setIsOpened = _React$useState2[1];
+  var _React$useState3 = React.useState(null),
     _React$useState4 = _slicedToArray(_React$useState3, 2),
-    navWithKeyboard = _React$useState4[0],
-    setNavWithKeyboard = _React$useState4[1];
-  var _React$useState5 = React.useState(null),
+    plotA11yView = _React$useState4[0],
+    setPlotA11yView = _React$useState4[1];
+  var srButtonRef = React.useRef(null);
+  var _React$useState5 = React.useState(false),
     _React$useState6 = _slicedToArray(_React$useState5, 2),
-    plotA11yView = _React$useState6[0],
-    setPlotA11yView = _React$useState6[1];
-  var hadnleHiddenElementsFocus = React.useCallback(function () {
-    setWasFocused(true);
-    setNavWithKeyboard(true);
-  }, []);
-  var _React$useState7 = React.useState(false),
+    loading = _React$useState6[0],
+    setLoading = _React$useState6[1];
+  var _React$useState7 = React.useState(null),
     _React$useState8 = _slicedToArray(_React$useState7, 2),
-    loading = _React$useState8[0],
-    setLoading = _React$useState8[1];
-  var _React$useState9 = React.useState(null),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    error = _React$useState10[0],
-    setError = _React$useState10[1];
+    error = _React$useState8[0],
+    setError = _React$useState8[1];
   var contextLocale = React.useContext(I18nContext);
   var locale = React.useMemo(function () {
     var _props$locale;
@@ -54,75 +43,43 @@ export var PlotA11yModule = function PlotA11yModule(props) {
   }, [props.locale]);
   var t = useI18n(localizedMessages, locale);
   React.useEffect(function () {
-    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.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.useEffect(function () {
-    if (!shouldDisplayView) return;
+    if (!isOpened) return;
     if (plotA11yView) return;
     if (loading) return;
     setLoading(true);
-    import('./PlotA11yView').then(function (_ref6) {
-      var PlotA11yView = _ref6.PlotA11yView;
+    import('./PlotA11yView').then(function (_ref4) {
+      var PlotA11yView = _ref4.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, shouldDisplayView, loading, setLoading]);
+  }, [plotA11yView, isOpened, loading, setLoading]);
   if (plotA11yView) {
     var _ref2;
     return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(plotA11yView.Component, _extends({}, props, {
+      onCloseHandler: function onCloseHandler() {
+        setIsOpened(false);
+        setPlotA11yView(null);
+      },
+      triggerRef: srButtonRef,
       locale: locale
     }));
   }
-  if (error) {
-    var _ref3;
-    return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, _assignProps({
-      "tabIndex": 0,
-      "aria-live": 'assertive'
-    }, _ref))), t('failed'));
-  }
-  if (loading) {
-    var _ref4;
-    return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yModule, _ref4.cn("SPlotA11yModule", _objectSpread({}, _assignProps2({
-      "tabIndex": 0,
-      "aria-live": 'polite'
-    }, _ref))), t('loading'));
-  }
-  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yModule, _ref5.cn("SPlotA11yModule", _objectSpread({}, _assignProps3({
-    "tabIndex": 0,
-    "onFocus": hadnleHiddenElementsFocus
-  }, _ref))), t('disabled'));
-};
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPlotA11yModule, _ref3.cn("SPlotA11yModule", _objectSpread({}, _assignProps({}, _ref))), /*#__PURE__*/React.createElement("button", _ref3.cn("button", {
+    "ref": srButtonRef,
+    "onClick": function onClick() {
+      return setIsOpened(true);
+    },
+    "aria-label": t('PlotA11yModule.ScreenReaderOnlyButton.Label')
+  })), /*#__PURE__*/React.createElement(Box, _ref3.cn("Box", {
+    "role": 'status'
+  }), loading && t('loading'), error && t('failed')));
+}
 //# sourceMappingURL=PlotA11yModule.js.map

package/lib/es6/a11y/PlotA11yModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlotA11yModule.js","names":["React","normalizeLocale","localizedMessages","Root","sstyled","styles","_sstyled","insert","Context","I18nContext","useI18n","Box","globalWasFocused","globalNavWithKeyboard","PlotA11yModule","props","_ref","arguments[0]","_ref5","SPlotA11yModule","_React$useState","useState","_React$useState2","_slicedToArray","wasFocused","setWasFocused","_React$useState3","_React$useState4","navWithKeyboard","setNavWithKeyboard","_React$useState5","_React$useState6","plotA11yView","setPlotA11yView","hadnleHiddenElementsFocus","useCallback","_React$useState7","_React$useState8","loading","setLoading","_React$useState9","_React$useState10","error","setError","contextLocale","useContext","locale","useMemo","_props$locale","t","useEffect","_props$plotRef$curren","focusListener","plotRef","current","addEventListener","_props$plotRef$curren2","removeEventListener","_document$body","keyboardListener","event","navigationKeys","includes","key","document","body","_document$body2","shouldDisplayView","then","_ref6","PlotA11yView","Component","console","_ref2","createElement","_extends","_ref3","cn","_objectSpread","_assignProps","_ref4","_assignProps2","_assignProps3"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import React from 'react';\nimport { DataStructureHints, PartialDataSummarizationConfig } from './hints';\nimport { normalizeLocale } from './locale';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\nimport { Root, sstyled } from '@semcore/core';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { Context as I18nContext, useI18n } from '@semcore/utils/lib/enhances/WithI18n';\nimport { Box } from '@semcore/flex-box';\n\nlet globalWasFocused = false;\nlet globalNavWithKeyboard = false;\n\nexport type A11yViewProps = {\n  id: string;\n  data: Record<string, unknown>[];\n  hints: DataStructureHints;\n  plotLabel: string;\n  locale: NavigatorLanguage['language'];\n  config: PartialDataSummarizationConfig;\n\n  plotRef: React.RefObject<HTMLElement>;\n};\n\nexport const PlotA11yModule: React.FC<A11yViewProps> = (props) => {\n  const SPlotA11yModule = Root;\n  const [wasFocused, setWasFocused] = React.useState(globalWasFocused);\n  const [navWithKeyboard, setNavWithKeyboard] = React.useState(globalNavWithKeyboard);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n\n  const hadnleHiddenElementsFocus = React.useCallback(() => {\n    setWasFocused(true);\n    setNavWithKeyboard(true);\n  }, []);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const contextLocale = React.useContext(I18nContext);\n  const locale = React.useMemo(\n    () => normalizeLocale(props.locale ?? contextLocale, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, locale!);\n\n  React.useEffect(() => {\n    if (wasFocused) return;\n    const focusListener = () => {\n      globalWasFocused = true;\n      setWasFocused(true);\n    };\n\n    props.plotRef.current?.addEventListener('focus', focusListener);\n    return () => props.plotRef.current?.removeEventListener('focus', focusListener);\n  }, [wasFocused, props.plotRef]);\n  React.useEffect(() => {\n    if (navWithKeyboard) return;\n    const keyboardListener = (event: Event) => {\n      const navigationKeys = [\n        'Tab',\n        'ArrowUp',\n        'ArrowLeft',\n        'ArrowDown',\n        'ArrowRight',\n        'ArrowUp',\n        'ArrowLeft',\n      ];\n      if ('key' in event && navigationKeys.includes((event as KeyboardEvent).key)) {\n        setNavWithKeyboard(true);\n        globalNavWithKeyboard = true;\n      }\n    };\n    document.body?.addEventListener('keydown', keyboardListener);\n    return () => document.body?.removeEventListener('keydown', keyboardListener);\n  }, [navWithKeyboard]);\n\n  const shouldDisplayView = wasFocused && navWithKeyboard;\n\n  React.useEffect(() => {\n    if (!shouldDisplayView) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        console.error(error);\n        setError(error);\n      });\n  }, [plotA11yView, shouldDisplayView, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(\n      <plotA11yView.Component {...props} locale={locale!} />,\n    ) as React.ReactElement;\n  }\n\n  if (error) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live='assertive'>\n        {t('failed')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n  if (loading) {\n    return sstyled(styles)(\n      <SPlotA11yModule render={Box} tabIndex={0} aria-live='polite'>\n        {t('loading')}\n      </SPlotA11yModule>,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box} tabIndex={0} onFocus={hadnleHiddenElementsFocus}>\n      {t('disabled')}\n    </SPlotA11yModule>,\n  ) as React.ReactElement;\n};\n"],"mappings":"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"}
+{"version":3,"file":"PlotA11yModule.js","names":["Box","Root","sstyled","Context","I18nContext","useI18n","React","normalizeLocale","styles","_sstyled","insert","localizedMessages","PlotA11yModule","props","_ref","arguments[0]","_ref3","SPlotA11yModule","_React$useState","useState","_React$useState2","_slicedToArray","isOpened","setIsOpened","_React$useState3","_React$useState4","plotA11yView","setPlotA11yView","srButtonRef","useRef","_React$useState5","_React$useState6","loading","setLoading","_React$useState7","_React$useState8","error","setError","contextLocale","useContext","locale","useMemo","_props$locale","t","useEffect","then","_ref4","PlotA11yView","Component","console","_ref2","createElement","_extends","onCloseHandler","triggerRef","cn","_objectSpread","_assignProps","onClick"],"sources":["../../../src/a11y/PlotA11yModule.tsx"],"sourcesContent":["import { Box } from '@semcore/base-components';\nimport { Root, sstyled } from '@semcore/core';\nimport { Context as I18nContext, useI18n } from '@semcore/core/lib/utils/enhances/WithI18n';\nimport React from 'react';\n\nimport { normalizeLocale } from './locale';\nimport type { A11yViewProps } from './PlotA11yView';\nimport styles from '../style/plotA11yModule.shadow.css';\nimport { localizedMessages } from './translations/module/__intergalactic-dynamic-locales';\n\ntype A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;\n\nexport function PlotA11yModule(props: A11yModuleProps) {\n  const SPlotA11yModule = Root;\n  const [isOpened, setIsOpened] = React.useState(false);\n  const [plotA11yView, setPlotA11yView] = React.useState<{\n    Component: React.FC<A11yViewProps>;\n  } | null>(null);\n  const srButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const [loading, setLoading] = React.useState(false);\n  const [error, setError] = React.useState<Error | null>(null);\n\n  const contextLocale = React.useContext(I18nContext);\n  const locale = React.useMemo(\n    () => normalizeLocale(props.locale ?? contextLocale, localizedMessages),\n    [props.locale],\n  );\n  const t = useI18n(localizedMessages, locale!);\n\n  React.useEffect(() => {\n    if (!isOpened) return;\n    if (plotA11yView) return;\n    if (loading) return;\n\n    setLoading(true);\n\n    import('./PlotA11yView')\n      .then(({ PlotA11yView }) => {\n        setPlotA11yView({ Component: PlotA11yView });\n        setLoading(false);\n        setError(null);\n      })\n      .catch((error) => {\n        // eslint-disable-next-line no-console\n        console.error(error);\n        setError(error);\n        setLoading(false);\n      });\n  }, [plotA11yView, isOpened, loading, setLoading]);\n\n  if (plotA11yView) {\n    return sstyled(styles)(\n      <plotA11yView.Component\n        {...props}\n        onCloseHandler={() => {\n          setIsOpened(false);\n          setPlotA11yView(null);\n        }}\n        triggerRef={srButtonRef}\n        locale={locale!}\n      />,\n    ) as React.ReactElement;\n  }\n\n  return sstyled(styles)(\n    <SPlotA11yModule render={Box}>\n      <button\n        ref={srButtonRef}\n        onClick={() => setIsOpened(true)}\n        aria-label={t('PlotA11yModule.ScreenReaderOnlyButton.Label')}\n      />\n      <Box role='status'>\n        {loading && t('loading')}\n        {error && t('failed')}\n      </Box>\n    </SPlotA11yModule>,\n  );\n}\n"],"mappings":"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","ignoreList":[]}