intergalactic 15.87.0-prerelease.3 → 15.88.0

package/libs/d3-chart/lib/es6/Tooltip.js

@@ -0,0 +1,230 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps4 } from "@semcore/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+var _excluded = ["Children", "children", "tag", "forcedAdvancedMode"];
+import React from 'react';
+import { Component, Root, sstyled } from '@semcore/core';
+import Popper from '@semcore/popper';
+import { Box } from '@semcore/flex-box';
+import findComponent from '@semcore/utils/lib/findComponent';
+import createElement from './createElement';
+import { CONSTANT, getChartDefaultColorName } from './utils';
+import { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';
+/*__reshadow-styles__:"./style/tooltip.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STooltip_wkcfc_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);position:relative;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-popper-rounded, 6px);border:1px solid var(--intergalactic-border-secondary, #e0e1e9);box-sizing:border-box;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));padding:var(--intergalactic-spacing-3x, 12px)}.___STitle_wkcfc_gg_{color:var(--intergalactic-text-secondary, #6c6e79);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SDotGroup_wkcfc_gg_{display:flex;align-items:center}.___SDot_wkcfc_gg_{width:8px;height:8px;border-radius:50%;margin-right:var(--intergalactic-spacing-2x, 8px);background:var(--intergalactic-icon-secondary-info, #2bb3ff)}.___SDot_wkcfc_gg_.__color_wkcfc_gg_{background:var(--color_wkcfc)}.___SFooter_wkcfc_gg_{background:var(--intergalactic-bg-secondary-neutral, #f4f5f9);padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-3x, 12px);border-radius:0 0 var(--intergalactic-rounded-medium, 6px) var(--intergalactic-rounded-medium, 6px);margin:var(--intergalactic-spacing-3x, 12px) calc(-1*var(--intergalactic-spacing-3x, 12px)) calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "wkcfc_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_wkcfc_gg_",
+  "__STitle": "___STitle_wkcfc_gg_",
+  "__SDotGroup": "___SDotGroup_wkcfc_gg_",
+  "__SDot": "___SDot_wkcfc_gg_",
+  "_color": "__color_wkcfc_gg_",
+  "--color": "--color_wkcfc",
+  "__SFooter": "___SFooter_wkcfc_gg_"
+});
+/**
+ * `TooltipDotRenderContext` is a hack to bypass problem that getDotProps doesn't work for D3 tooltip.
+ * Probably it may be removed after migrating to a new core.
+ */
+var TooltipDotRenderContext = /*#__PURE__*/React.createContext({
+  index: -1,
+  indexKeysCache: new Set()
+});
+var TooltipRoot = /*#__PURE__*/function (_Component) {
+  _inherits(TooltipRoot, _Component);
+  var _super = _createSuper(TooltipRoot);
+  function TooltipRoot() {
+    var _this;
+    _classCallCheck(this, TooltipRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      $visible: false,
+      anchorProps: {},
+      tooltipProps: {}
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderContext", {
+      index: -1,
+      indexKeysCache: new Set()
+    });
+    _defineProperty(_assertThisInitialized(_this), "handlerCancel", function () {
+      return false;
+    });
+    return _this;
+  }
+  _createClass(TooltipRoot, [{
+    key: "getTriggerProps",
+    value: function getTriggerProps() {
+      // TODO: как то убрать
+      var _this$asProps = this.asProps,
+        x = _this$asProps.x,
+        y = _this$asProps.y;
+      return {
+        x: x,
+        y: y
+      };
+    }
+  }, {
+    key: "getPopperProps",
+    value: function getPopperProps() {
+      if (this.asProps.excludeAnchorProps) {
+        return _objectSpread({
+          $visible: this.state.$visible
+        }, this.state.tooltipProps);
+      }
+      return _objectSpread(_objectSpread({
+        $visible: this.state.$visible
+      }, this.state.anchorProps), this.state.tooltipProps);
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var _this$asProps2 = this.asProps,
+        eventEmitter = _this$asProps2.eventEmitter,
+        rootRef = _this$asProps2.rootRef;
+      this.unsubscribeTooltipVisible = eventEmitter.subscribe('onTooltipVisible', function (visible, anchorProps, tooltipProps, node) {
+        _this2.setState({
+          anchorProps: anchorProps,
+          tooltipProps: tooltipProps,
+          $visible: visible
+        }, function () {
+          if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {
+            var _this2$popper$current;
+            _this2 === null || _this2 === void 0 ? void 0 : _this2.setPopperTrigger(node);
+            (_this2$popper$current = _this2.popper.current) === null || _this2$popper$current === void 0 ? void 0 : _this2$popper$current.update();
+          }
+        });
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      if (this.unsubscribeTooltipVisible) {
+        this.unsubscribeTooltipVisible();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _this3 = this;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        children = _this$asProps3.children,
+        tag = _this$asProps3.tag,
+        forcedAdvancedMode = _this$asProps3.forcedAdvancedMode,
+        other = _objectWithoutProperties(_this$asProps3, _excluded);
+      var advancedMode = forcedAdvancedMode || !!findComponent(Children, [Tooltip.Trigger.displayName, Tooltip.Popper.displayName]);
+      this.renderContext.index = -1;
+      this.renderContext.indexKeysCache.clear();
+      return /*#__PURE__*/React.createElement(TooltipDotRenderContext.Provider, {
+        value: this.renderContext
+      }, /*#__PURE__*/React.createElement(Popper, _assignProps({
+        "visible": this.state.$visible,
+        "onFirstUpdate": this.handlerCancel,
+        "onOutsideClick": this.handlerCancel,
+        "interaction": 'none',
+        "offset": 8,
+        "flip": {
+          allowedAutoPlacements: ['left', 'right']
+        }
+      }, _ref), function (_ref9) {
+        var _this3$popper$current;
+        var popper = _ref9.popper,
+          setTrigger = _ref9.setTrigger;
+        _this3.setPopperTrigger = setTrigger;
+        _this3.popper = popper;
+        (_this3$popper$current = _this3.popper.current) === null || _this3$popper$current === void 0 ? void 0 : _this3$popper$current.update();
+        return advancedMode ? /*#__PURE__*/React.createElement(Children, null) : /*#__PURE__*/React.createElement(React.Fragment, null, tag && /*#__PURE__*/React.createElement(Tooltip.Trigger, {
+          tag: tag
+        }), /*#__PURE__*/React.createElement(Tooltip.Popper, other, children));
+      }));
+    }
+  }]);
+  return TooltipRoot;
+}(Component);
+_defineProperty(TooltipRoot, "displayName", 'Tooltip');
+_defineProperty(TooltipRoot, "style", style);
+function PopperPopper(props) {
+  var _ref5;
+  var STooltip = props.Element,
+    styles = props.styles,
+    $visible = props.$visible,
+    x = props.x,
+    y = props.y;
+  var handlerCancel = React.useCallback(function () {
+    return false;
+  }, []);
+  if (!$visible) return null;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STooltip, _ref5.cn("STooltip", {
+    "render": Popper.Popper,
+    "childrenPosition": 'inside',
+    "onMouseMove": handlerCancel,
+    "x": x,
+    "y": y
+  }));
+}
+PopperPopper.style = style;
+function Title(props) {
+  var _ref2 = arguments[0],
+    _ref6;
+  var STitle = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref6.cn("STitle", _objectSpread({}, _assignProps2({
+    "__excludeProps": ['data', 'scale']
+  }, _ref2))));
+}
+Title.style = style;
+function Dot(props) {
+  var _ref3 = arguments[0],
+    _ref7;
+  var styles = props.styles,
+    color = props.color,
+    Children = props.Children;
+  var resolveColor = useColorResolver();
+  var renderContext = React.useContext(TooltipDotRenderContext);
+  var defaultColor = getChartDefaultColorName(renderContext.index);
+  var key = Children;
+  if (!renderContext.indexKeysCache.has(key)) {
+    renderContext.indexKeysCache.add(key);
+    renderContext.index += 1;
+  }
+  var SDotGroup = Box;
+  var SDot = Box;
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SDotGroup, _ref7.cn("SDotGroup", _objectSpread({}, _assignProps3({
+    "__excludeProps": ['data', 'scale']
+  }, _ref3))), /*#__PURE__*/React.createElement(SDot, _ref7.cn("SDot", {
+    "color": resolveColor(color !== null && color !== void 0 ? color : defaultColor)
+  })), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+}
+Dot.style = style;
+function Footer(props) {
+  var _ref4 = arguments[0],
+    _ref8;
+  var styles = props.styles;
+  var SFooter = Box;
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SFooter, _ref8.cn("SFooter", _objectSpread({}, _assignProps4({
+    "__excludeProps": ['data', 'scale']
+  }, _ref4))));
+}
+Footer.style = style;
+var Tooltip = createElement(TooltipRoot, {
+  Trigger: Popper.Trigger,
+  Popper: PopperPopper,
+  Title: Title,
+  Footer: Footer,
+  Dot: Dot
+});
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/libs/d3-chart/lib/es6/Tooltip.js.map

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

package/libs/d3-chart/lib/es6/Venn.js

@@ -0,0 +1,234 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+import React from 'react';
+import { venn, normalizeSolution, scaleSolution, intersectionAreaPath } from '@upsetjs/venn.js';
+import { Component, Root, sstyled } from '@semcore/core';
+import canUseDOM from '@semcore/utils/lib/canUseDOM';
+import { FadeInOut } from '@semcore/animation';
+import createElement from './createElement';
+import { CONSTANT, getChartDefaultColorName } from './utils';
+import Tooltip from './Tooltip';
+/*__reshadow-styles__:"./style/venn.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCircle_bl1du_gg_,.___SIntersection_bl1du_gg_{stroke:var(--intergalactic-chart-grid-border, #ffffff);stroke-width:2px}.___SCircle_bl1du_gg_{fill:var(--intergalactic-chart-palette-order-2, #59ddaa);fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_bl1du);transition-timing-function:ease-in-out}@media (hover:hover){.___SCircle_bl1du_gg_:hover{fill-opacity:.7}}.___SCircle_bl1du_gg_.__color_bl1du_gg_{fill:var(--color_bl1du)}.___SCircle_bl1du_gg_.__transparent_bl1du_gg_{opacity:.3}.___SIntersection_bl1du_gg_{fill-opacity:0}@media (hover:hover){.___SIntersection_bl1du_gg_:hover{fill-opacity:.1}}.___SIntersection_bl1du_gg_.__transparent_bl1du_gg_{opacity:.3}" /*__inner_css_end__*/, "bl1du_gg_") /*__reshadow_css_end__*/, {
+  "__SCircle": "___SCircle_bl1du_gg_",
+  "_color": "__color_bl1du_gg_",
+  "--color": "--color_bl1du",
+  "_transparent": "__transparent_bl1du_gg_",
+  "__SIntersection": "___SIntersection_bl1du_gg_",
+  "--duration": "--duration_bl1du"
+});
+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) {
+      return function (_ref5) {
+        var x = _ref5.clientX,
+          y = _ref5.clientY;
+        var eventEmitter = _this.asProps.eventEmitter;
+        _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
+        _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
+        eventEmitter.emit('onTooltipVisible', visible, props, tooltipProps, _this.virtualElement);
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "renderElement", /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React.createElement(FadeInOut, _extends({
+        "aria-hidden": true,
+        ref: ref,
+        tag: "g",
+        visible: true
+      }, props));
+    }));
+    return _this;
+  }
+  _createClass(VennRoot, [{
+    key: "generateGetBoundingClientRect",
+    value: function generateGetBoundingClientRect() {
+      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return function () {
+        return {
+          width: 0,
+          height: 0,
+          top: y,
+          right: x,
+          bottom: y,
+          left: x
+        };
+      };
+    }
+  }, {
+    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 _size = _slicedToArray(size, 2),
+        width = _size[0],
+        height = _size[1];
+      var vennData = Object.entries(data).map(function (_ref6) {
+        var _ref7 = _slicedToArray(_ref6, 2),
+          dataKey = _ref7[0],
+          size = _ref7[1];
+        return {
+          sets: dataKey.split('/'),
+          size: size
+        };
+      });
+      return scaleSolution(normalizeSolution(venn(vennData), orientation, orientationOrder), width, height, 10);
+    }
+  }, {
+    key: "getCircleProps",
+    value: function getCircleProps(props, index) {
+      var colorBackwardCapabilityOffset = 1;
+      var color = props.color || getChartDefaultColorName(index + colorBackwardCapabilityOffset);
+      var tooltipProps = {
+        dataKey: props.dataKey,
+        name: props.name,
+        color: color
+      };
+      return {
+        duration: this.asProps.duration,
+        data: this.vennData[props.dataKey],
+        originalData: this.asProps.data[props.dataKey],
+        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
+        transparent: this.asProps.transparent,
+        resolveColor: this.asProps.resolveColor,
+        color: color
+      };
+    }
+  }, {
+    key: "getIntersectionProps",
+    value: function getIntersectionProps(props) {
+      var _this$asProps2 = this.asProps,
+        duration = _this$asProps2.duration,
+        transparent = _this$asProps2.transparent;
+      var dataKeys = props.dataKey.split('/');
+      var tooltipProps = {
+        dataKey: props.dataKey,
+        name: props.name,
+        color: props.color,
+        duration: props.duration,
+        transparent: props.transparent
+      };
+      return {
+        duration: duration,
+        delay: duration,
+        data: Object.values(this.vennData).filter(function (d) {
+          return dataKeys.includes(d.setid);
+        }),
+        originalData: this.asProps.data[props.dataKey],
+        onMouseMove: this.bindHandlerTooltip(true, props, tooltipProps),
+        onMouseLeave: this.bindHandlerTooltip(false, props, tooltipProps),
+        transparent: transparent,
+        resolveColor: this.asProps.resolveColor
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var Element = this.Element;
+      this.asProps.dataHintsHandler.establishDataType('values-set');
+      this.vennData = this.getVennData();
+      return /*#__PURE__*/React.createElement(Element, {
+        "aria-hidden": true,
+        render: this.renderElement,
+        childrenPosition: "inside",
+        vennData: this.vennData
+      });
+    }
+  }]);
+  return VennRoot;
+}(Component);
+_defineProperty(VennRoot, "displayName", 'Venn');
+_defineProperty(VennRoot, "style", style);
+_defineProperty(VennRoot, "defaultProps", {
+  orientation: Math.PI / 2,
+  orientationOrder: function orientationOrder(c1, c2) {
+    return c2.radius - c1.radius;
+  },
+  duration: 500
+});
+function Circle(_ref8) {
+  var _ref2;
+  var SCircle = _ref8.Element,
+    styles = _ref8.styles,
+    color = _ref8.color,
+    resolveColor = _ref8.resolveColor,
+    data = _ref8.data,
+    duration = _ref8.duration,
+    name = _ref8.name,
+    dataKey = _ref8.dataKey,
+    dataHintsHandler = _ref8.dataHintsHandler,
+    transparent = _ref8.transparent;
+  dataHintsHandler.describeValueEntity(dataKey, name);
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCircle, _ref2.cn("SCircle", {
+    "aria-hidden": true,
+    "render": 'circle',
+    "color": resolveColor(color),
+    "cx": data.x,
+    "cy": data.y,
+    "r": data.radius,
+    "transparent": transparent,
+    "use:duration": "".concat(duration, "ms")
+  }));
+}
+function Intersection(props) {
+  var _ref3;
+  var SIntersection = props.Element,
+    styles = props.styles,
+    data = props.data,
+    name = props.name,
+    dataKey = props.dataKey,
+    dataHintsHandler = props.dataHintsHandler,
+    transparent = props.transparent;
+  dataHintsHandler.describeValueEntity(dataKey, name);
+  var renderIntersection = React.useCallback( /*#__PURE__*/React.forwardRef(function (props, ref) {
+    return /*#__PURE__*/React.createElement(FadeInOut, _extends({
+      "aria-hidden": true,
+      ref: ref,
+      tag: "path",
+      visible: true
+    }, props));
+  }), [props]);
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SIntersection, _ref3.cn("SIntersection", {
+    "aria-hidden": true,
+    "render": renderIntersection,
+    "d": intersectionAreaPath(data),
+    "transparent": transparent
+  }));
+}
+var VennTooltip = function VennTooltip(props) {
+  var _ref = arguments[0],
+    _ref4;
+  var SVennTooltip = Tooltip;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SVennTooltip, _ref4.cn("SVennTooltip", _objectSpread({}, _assignProps({
+    "excludeAnchorProps": true
+  }, _ref))));
+};
+var Venn = createElement(VennRoot, {
+  Circle: Circle,
+  Intersection: Intersection,
+  Tooltip: [VennTooltip, Tooltip._______childrenComponents]
+});
+export default Venn;
+//# sourceMappingURL=Venn.js.map

package/libs/d3-chart/lib/es6/Venn.js.map

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

package/libs/d3-chart/lib/es6/a11y/PlotA11yModule.js

@@ -0,0 +1,126 @@
+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/core";
+import { assignProps as _assignProps3 } from "@semcore/core";
+import { assignProps as _assignProps2 } from "@semcore/core";
+import { assignProps as _assignProps } from "@semcore/core";
+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_1d3r9_gg_{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;opacity:0}.___SPlotA11yModule_1d3r9_gg_:focus{-webkit-user-select:all;-moz-user-select:all;user-select:all;pointer-events:all;opacity:1}" /*__inner_css_end__*/, "1d3r9_gg_") /*__reshadow_css_end__*/, {
+  "__SPlotA11yModule": "___SPlotA11yModule_1d3r9_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) {
+  var _ref = arguments[0],
+    _ref5;
+  var SPlotA11yModule = Box;
+  var _React$useState = React.useState(globalWasFocused),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    wasFocused = _React$useState2[0],
+    setWasFocused = _React$useState2[1];
+  var _React$useState3 = React.useState(globalNavWithKeyboard),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    navWithKeyboard = _React$useState4[0],
+    setNavWithKeyboard = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _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),
+    _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];
+  var contextLocale = React.useContext(I18nContext);
+  var locale = React.useMemo(function () {
+    var _props$locale;
+    return normalizeLocale((_props$locale = props.locale) !== null && _props$locale !== void 0 ? _props$locale : contextLocale, localizedMessages);
+  }, [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 (plotA11yView) return;
+    if (loading) return;
+    setLoading(true);
+    import('./PlotA11yView').then(function (_ref6) {
+      var PlotA11yView = _ref6.PlotA11yView;
+      setPlotA11yView({
+        Component: PlotA11yView
+      });
+      setLoading(false);
+      setError(null);
+    })["catch"](function (error) {
+      console.error(error);
+      setError(error);
+    });
+  }, [plotA11yView, shouldDisplayView, loading, setLoading]);
+  if (plotA11yView) {
+    var _ref2;
+    return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(plotA11yView.Component, _extends({}, props, {
+      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'));
+};
+//# sourceMappingURL=PlotA11yModule.js.map