@semcore/d3-chart 2.1.0 → 2.2.2

package/lib/es6/ReferenceLine.js

@@ -0,0 +1,244 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import { sstyled as _sstyled } from "@semcore/core";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from 'react';
+import { Component, sstyled } from '@semcore/core';
+import createElement from './createElement';
+import { scaleOfBandwidth } from './utils';
+
+/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_sstyled.insert(
+/*__inner_css_start__*/
+".___SReferenceLine_im0ix_gg_{fill:none;stroke:#a9abb6}.___STitle_im0ix_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_im0ix)}.___STitle_im0ix_gg_._position_top_im0ix_gg_{text-anchor:middle}.___STitle_im0ix_gg_._position_bottom_im0ix_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_im0ix_gg_._position_right_im0ix_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_im0ix_gg_._position_left_im0ix_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_im0ix_gg_{fill:rgba(196,199,207,.2)}"
+/*__inner_css_end__*/
+, "im0ix_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SReferenceLine": "___SReferenceLine_im0ix_gg_",
+  "__STitle": "___STitle_im0ix_gg_",
+  "--transform-origin": "--transform-origin_im0ix",
+  "_position_top": "_position_top_im0ix_gg_",
+  "_position_bottom": "_position_bottom_im0ix_gg_",
+  "_position_right": "_position_right_im0ix_gg_",
+  "_position_left": "_position_left_im0ix_gg_",
+  "__SBackground": "___SBackground_im0ix_gg_"
+});
+var MAP_ORIENTATION = {
+  left: 'vertical',
+  right: 'vertical',
+  top: 'horizontal',
+  bottom: 'horizontal'
+};
+var MAP_POSITION_LINE = {
+  vertical: function vertical(_ref4, value) {
+    var _ref5 = _slicedToArray(_ref4, 2),
+        xScale = _ref5[0],
+        yScale = _ref5[1];
+
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x: x,
+      y: yRange[1],
+      width: 0.1,
+      height: yRange[0] - yRange[1]
+    };
+  },
+  horizontal: function horizontal(_ref6, value) {
+    var _ref7 = _slicedToArray(_ref6, 2),
+        xScale = _ref7[0],
+        yScale = _ref7[1];
+
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x: xRange[0],
+      y: y,
+      width: xRange[1] - xRange[0],
+      height: 0.1
+    };
+  }
+};
+var OFFSET_TITLE = 10;
+var MAP_POSITION_TITlE = {
+  left: function left(_ref8, value) {
+    var _ref9 = _slicedToArray(_ref8, 2),
+        xScale = _ref9[0],
+        yScale = _ref9[1];
+
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x: x - OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  right: function right(_ref10, value) {
+    var _ref11 = _slicedToArray(_ref10, 2),
+        xScale = _ref11[0],
+        yScale = _ref11[1];
+
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x: x + OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  top: function top(_ref12, value) {
+    var _ref13 = _slicedToArray(_ref12, 2),
+        xScale = _ref13[0],
+        yScale = _ref13[1];
+
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: y - OFFSET_TITLE
+    };
+  },
+  bottom: function bottom(_ref14, value) {
+    var _ref15 = _slicedToArray(_ref14, 2),
+        xScale = _ref15[0],
+        yScale = _ref15[1];
+
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: y + OFFSET_TITLE
+    };
+  }
+};
+
+var ReferenceLineRoot = /*#__PURE__*/function (_Component) {
+  _inherits(ReferenceLineRoot, _Component);
+
+  var _super = _createSuper(ReferenceLineRoot);
+
+  function ReferenceLineRoot() {
+    _classCallCheck(this, ReferenceLineRoot);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(ReferenceLineRoot, [{
+    key: "getTitleProps",
+    value: function getTitleProps() {
+      var _this$asProps = this.asProps,
+          position = _this$asProps.position,
+          value = _this$asProps.value;
+      return {
+        position: position,
+        value: value
+      };
+    }
+  }, {
+    key: "getBackgroundProps",
+    value: function getBackgroundProps() {
+      var _this$asProps2 = this.asProps,
+          position = _this$asProps2.position,
+          value = _this$asProps2.value;
+      return {
+        position: position,
+        value: value
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref;
+
+      var SReferenceLine = this.Element;
+      var _this$asProps3 = this.asProps,
+          title = _this$asProps3.title,
+          scale = _this$asProps3.scale,
+          position = _this$asProps3.position,
+          value = _this$asProps3.value,
+          color = _this$asProps3.color,
+          styles = _this$asProps3.styles;
+      var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SReferenceLine, _ref.cn("SReferenceLine", _objectSpread({
+        "render": "rect",
+        "__excludeProps": ['data', 'scale', 'format', 'value', 'color'],
+        "stroke": color
+      }, pos(scale, value)))), title && /*#__PURE__*/React.createElement(ReferenceLine.Title, null, title));
+    }
+  }]);
+
+  return ReferenceLineRoot;
+}(Component);
+
+_defineProperty(ReferenceLineRoot, "displayName", 'ReferenceLine');
+
+_defineProperty(ReferenceLineRoot, "style", style);
+
+_defineProperty(ReferenceLineRoot, "defaultProps", {
+  position: 'left'
+});
+
+function Title(props) {
+  var _ref2;
+
+  var STitle = props.Element,
+      styles = props.styles,
+      scale = props.scale,
+      position = props.position,
+      value = props.value;
+
+  var _MAP_POSITION_TITlE$p = MAP_POSITION_TITlE[position](scale, value),
+      x = _MAP_POSITION_TITlE$p.x,
+      y = _MAP_POSITION_TITlE$p.y;
+
+  var sstyles = sstyled(styles);
+  var sTitleStyles = sstyles.cn('STitle', {
+    'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
+  });
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref2.cn("STitle", {
+    "render": "text",
+    "childrenPosition": "inside",
+    "className": sTitleStyles.className,
+    "style": sTitleStyles.style,
+    "position": position,
+    "x": x,
+    "y": y
+  }));
+}
+
+function Background(props) {
+  var _ref3;
+
+  var SBackground = props.Element,
+      styles = props.styles,
+      scale = props.scale,
+      position = props.position,
+      value = props.value;
+  var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref3.cn("SBackground", _objectSpread({
+    "render": "rect",
+    "childrenPosition": "inside"
+  }, pos(scale, value))));
+}
+
+var ReferenceLine = createElement(ReferenceLineRoot, {
+  Title: Title,
+  Background: Background
+});
+export default ReferenceLine;
+//# sourceMappingURL=ReferenceLine.js.map

package/lib/es6/ReferenceLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ReferenceLine.jsx"],"names":["React","Component","sstyled","createElement","scaleOfBandwidth","MAP_ORIENTATION","left","right","top","bottom","MAP_POSITION_LINE","vertical","value","xScale","yScale","yRange","range","x","y","width","height","horizontal","xRange","OFFSET_TITLE","MAP_POSITION_TITlE","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","pos","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { scaleOfBandwidth } from './utils';\n\nimport style from './style/reference-line.shadow.css';\n\nconst MAP_ORIENTATION = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst MAP_POSITION_LINE = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x,\n      y: yRange[1],\n      width: 0.1,\n      height: yRange[0] - yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: xRange[0],\n      y: y,\n      width: xRange[1] - xRange[0],\n      height: 0.1,\n    };\n  },\n};\n\nconst OFFSET_TITLE = 10;\nconst MAP_POSITION_TITlE = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  right: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x + OFFSET_TITLE,\n      y: (yRange[0] + yRange[1]) / 2,\n    };\n  },\n  top: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y - OFFSET_TITLE,\n    };\n  },\n  bottom: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x: (xRange[1] + xRange[0]) / 2,\n      y: y + OFFSET_TITLE,\n    };\n  },\n};\n\nclass ReferenceLineRoot extends Component {\n  static displayName = 'ReferenceLine';\n  static style = style;\n  static defaultProps = {\n    position: 'left',\n  };\n\n  getTitleProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  getBackgroundProps() {\n    const { position, value } = this.asProps;\n    return { position, value };\n  }\n\n  render() {\n    const SReferenceLine = this.Element;\n    const { title, scale, position, value, color, styles } = this.asProps;\n    const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"rect\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...pos(scale, value)}\n        />\n        {title && <ReferenceLine.Title>{title}</ReferenceLine.Title>}\n      </>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { Element: STitle, styles, scale, position, value } = props;\n  const { x, y } = MAP_POSITION_TITlE[position](scale, value);\n\n  const sstyles = sstyled(styles);\n  const sTitleStyles = sstyles.cn('STitle', {\n    'transform-origin': `${x.toFixed(2)}px ${y.toFixed(2)}px`,\n  });\n\n  return sstyled(styles)(\n    <STitle\n      render=\"text\"\n      childrenPosition=\"inside\"\n      className={sTitleStyles.className}\n      style={sTitleStyles.style}\n      position={position}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, position, value } = props;\n  const pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...pos(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"file":"ReferenceLine.js"}

package/lib/es6/ResponsiveContainer.js

@@ -97,7 +97,7 @@ var ResponsiveContainerRoot = /*#__PURE__*/function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       if (this.$container) {
-        // TODO ускорить можно?
+        // TODO: may be we can increase perfomance here? (by lsroman)
         this.observer.observe(this.$container);
       }
     } // TODO component did update ref?

package/lib/es6/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ResponsiveContainer.jsx"],"names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO ускорить можно?\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}
+{"version":3,"sources":["../../src/ResponsiveContainer.jsx"],"names":["React","ResizeObserver","createComponent","Component","Root","sstyled","Box","trottle","fire","getOriginChildren","ResponsiveContainerRoot","props","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","styles","ResponsiveContainer"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ResizeObserver from 'resize-observer-polyfill';\n\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport fire from '@semcore/utils/lib/fire';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\n\nclass ResponsiveContainerRoot extends Component {\n  static displayName = 'ResponsiveContainer';\n\n  containerRef = React.createRef();\n  size = [0, 0];\n\n  constructor(props) {\n    super(props);\n    this.observer = new ResizeObserver(this.handleResize);\n  }\n\n  get $container() {\n    return this.containerRef.current;\n  }\n\n  handleResize = trottle((entries) => {\n    const { Children, aspect } = this.asProps;\n    let { clientWidth: width, clientHeight: height } = this.$container;\n\n    if (aspect) {\n      const style = window.getComputedStyle(this.$container);\n      const minHeight = Number.parseInt(style.getPropertyValue('min-height'));\n      const maxHeight = Number.parseInt(style.getPropertyValue('max-height'));\n      height = width * aspect;\n\n      if (height < minHeight) {\n        height = minHeight;\n      }\n      if (height > maxHeight) {\n        height = maxHeight;\n      }\n    }\n\n    if (this.size[0] === width && this.size[1] === height) return;\n\n    this.size = [width, height];\n\n    fire(this, 'onResize', this.size, entries);\n\n    if (typeof getOriginChildren(Children) === 'function') {\n      this.forceUpdate();\n    }\n  });\n\n  setContext() {\n    const [width, height] = this.size;\n    return {\n      width,\n      height,\n    };\n  }\n\n  componentDidMount() {\n    if (this.$container) {\n      // TODO: may be we can increase perfomance here? (by lsroman)\n      this.observer.observe(this.$container);\n    }\n  }\n\n  // TODO component did update ref?\n\n  componentWillUnmount() {\n    this.observer.disconnect();\n  }\n\n  render() {\n    const SResponsiveContainer = Root;\n    const { styles } = this.asProps;\n    return sstyled(styles)(<SResponsiveContainer render={Box} ref={this.containerRef} />);\n  }\n}\n\nconst ResponsiveContainer = createComponent(ResponsiveContainerRoot);\n\nexport default ResponsiveContainer;\n"],"file":"ResponsiveContainer.js"}

package/lib/es6/ScatterPlot.js

@@ -29,16 +29,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SScatterPlot_1xk4p_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_ti4bpm);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1xk4p_gg_:hover{opacity:.8}.___SScatterPlot_1xk4p_gg_.__color_1xk4p_gg_{fill:var(--color_ti4bpm)}.___SValue_1xk4p_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1xk4p_gg_.__color_1xk4p_gg_{stroke:var(--color_ti4bpm)}"
+".___SScatterPlot_1wtjy_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1wtjy);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1wtjy_gg_:hover{opacity:.8}.___SScatterPlot_1wtjy_gg_.__color_1wtjy_gg_{fill:var(--color_1wtjy)}.___SValue_1wtjy_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1wtjy_gg_.__color_1wtjy_gg_{stroke:var(--color_1wtjy)}"
 /*__inner_css_end__*/
-, "ti4bpm_gg_")
+, "1wtjy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_1xk4p_gg_",
-  "--duration": "--duration_ti4bpm",
-  "_color": "__color_1xk4p_gg_",
-  "--color": "--color_ti4bpm",
-  "__SValue": "___SValue_1xk4p_gg_"
+  "__SScatterPlot": "___SScatterPlot_1wtjy_gg_",
+  "--duration": "--duration_1wtjy",
+  "_color": "__color_1wtjy_gg_",
+  "--color": "--color_1wtjy",
+  "__SValue": "___SValue_1wtjy_gg_"
 });
 import ClipPath from './ClipPath';
 
@@ -150,6 +150,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         }))
       }), /*#__PURE__*/React.createElement(SScatterPlot, _ref.cn("SScatterPlot", {
         "id": "".concat(uid).concat(i),
+        "index": i,
         "render": "circle",
         "clipPath": "url(#".concat(uid, ")"),
         "cx": xScale(d[x]) + offset[0],

package/lib/es6/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ScatterPlot.jsx"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","ScatterPlotRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","xSize","Math","abs","range","ySize","xMargin","min","yMargin","map","renderCircle","bind","style","ScatterPlot"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor } =\n      this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}
+{"version":3,"sources":["../../src/ScatterPlot.jsx"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","ScatterPlotRoot","document","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","animationCircle","d","i","color","scale","offset","styles","valueColor","xScale","yScale","SScatterPlot","Element","SValue","bindHandlerTooltip","xIndex","data","xSize","Math","abs","range","ySize","xMargin","min","yMargin","map","renderCircle","bind","style","ScatterPlot"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { transition } from 'd3-transition';\nimport style from './style/scatterplot.shadow.css';\nimport ClipPath from './ClipPath';\n\nclass ScatterPlotRoot extends Component {\n  static displayName = 'ScatterPlot';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip =\n    (visible, props) =>\n    ({ clientX: x, clientY: y }) => {\n      const { eventEmitter } = this.asProps;\n      this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(x, y);\n      this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n      eventEmitter.emit('onTooltipVisible', visible, props, this.virtualElement);\n    };\n\n  animationCircle() {\n    const { duration, uid, r, value } = this.asProps;\n    const radius = r ? r : value ? 12 : 5.5;\n    const selectRect = transition().selection().selectAll(`[id^=${uid}]`).attr('r', 0);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode) {\n      selectRect.transition().duration(duration).attr('r', radius);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const { color, scale, x, y, r, offset, styles, uid, duration, value, valueColor } =\n      this.asProps;\n    const [xScale, yScale] = scale;\n    const SScatterPlot = this.Element;\n    const SValue = 'text';\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { ...this.props, xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { ...this.props, xIndex: i })}\n      >\n        <SScatterPlot\n          id={`${uid}${i}`}\n          index={i}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={color}\n          r={r}\n          use:duration={`${duration}ms`}\n        />\n        {d[value] && (\n          <SValue\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={valueColor}\n          >\n            {d[value]}\n          </SValue>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const xSize = Math.abs(xScale.range()[0] - xScale.range()[1]);\n    const ySize = Math.abs(yScale.range()[0] - yScale.range()[1]);\n    const xMargin = Math.min(xScale.range()[0], xScale.range()[1]);\n    const yMargin = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        <ClipPath id={uid} x={xMargin} y={yMargin} width={`${xSize}px`} height={`${ySize}px`} />\n      </>\n    );\n  }\n}\n\nconst ScatterPlot = createElement(ScatterPlotRoot);\n\nexport default ScatterPlot;\n"],"file":"ScatterPlot.js"}

package/lib/es6/StackBar.js

@@ -27,15 +27,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SBar_9bsm0_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_9bsm0_gg_.__color_9bsm0_gg_{fill:var(--color)}.___SBar_9bsm0_gg_.__hide_9bsm0_gg_{display:none}.___SBackground_9bsm0_gg_{fill:#c4c7cf}"
+".___SBar_iolhu_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SBar_iolhu_gg_.__color_iolhu_gg_{fill:var(--color)}.___SBar_iolhu_gg_.__hide_iolhu_gg_{display:none}.___SBackground_iolhu_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "nck8si_gg_")
+, "1o7zoua_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_9bsm0_gg_",
-  "_color": "__color_9bsm0_gg_",
-  "_hide": "__hide_9bsm0_gg_",
-  "__SBackground": "___SBackground_9bsm0_gg_"
+  "__SBar": "___SBar_iolhu_gg_",
+  "_color": "__color_iolhu_gg_",
+  "_hide": "__hide_iolhu_gg_",
+  "__SBackground": "___SBackground_iolhu_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/StackedArea.js

@@ -26,16 +26,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 __css__(
 /*__inner_css_start__*/
-".___SArea_12gv4_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_12gv4_gg_.__color_12gv4_gg_{fill:var(--color)}.___SAreaLine_12gv4_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_12gv4_gg_.__color_12gv4_gg_{stroke:var(--color)}.___SArea_12gv4_gg_,.___SAreaLine_12gv4_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_12gv4_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_12gv4_gg_.__hide_12gv4_gg_{display:none}"
+".___SArea_1s8ka_gg_{fill:#2bb3ff;fill-opacity:.2}.___SArea_1s8ka_gg_.__color_1s8ka_gg_{fill:var(--color)}.___SAreaLine_1s8ka_gg_{stroke:#2bb3ff;stroke-width:3;fill:transparent}.___SAreaLine_1s8ka_gg_.__color_1s8ka_gg_{stroke:var(--color)}.___SArea_1s8ka_gg_,.___SAreaLine_1s8ka_gg_{transition-property:d;transition-duration:var(--duration);transition-timing-function:ease-in-out}.___SNull_1s8ka_gg_{fill:transparent;stroke:#8a8e9b;stroke-dasharray:4}.___SNull_1s8ka_gg_.__hide_1s8ka_gg_{display:none}"
 /*__inner_css_end__*/
-, "1v5rl85_gg_")
+, "1k54ieb_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SArea": "___SArea_12gv4_gg_",
-  "_color": "__color_12gv4_gg_",
-  "__SAreaLine": "___SAreaLine_12gv4_gg_",
-  "__SNull": "___SNull_12gv4_gg_",
-  "_hide": "__hide_12gv4_gg_"
+  "__SArea": "___SArea_1s8ka_gg_",
+  "_color": "__color_1s8ka_gg_",
+  "__SAreaLine": "___SAreaLine_1s8ka_gg_",
+  "__SNull": "___SNull_1s8ka_gg_",
+  "_hide": "__hide_1s8ka_gg_"
 }),
     style = _extends({}, _ref);
 

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___STooltip_su7qo_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_su7qo_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_su7qo_gg_{display:flex;align-items:center}.___SDot_su7qo_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_su7qo_gg_.__color_su7qo_gg_{background:var(--color_1rhpqds)}"
+".___STooltip_t6ieo_gg_{font-size:12px;line-height:1.33;position:relative;background-color:#fff;border-radius:6px;border:1px solid #e0e1e9;box-sizing:border-box;box-shadow:0px 1px 12px 0px rgba(25, 27, 35, 0.15);padding:12px}.___STitle_t6ieo_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_t6ieo_gg_{display:flex;align-items:center}.___SDot_t6ieo_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_t6ieo_gg_.__color_t6ieo_gg_{background:var(--color_t6ieo)}"
 /*__inner_css_end__*/
-, "1rhpqds_gg_")
+, "t6ieo_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_su7qo_gg_",
-  "__STitle": "___STitle_su7qo_gg_",
-  "__SDotGroup": "___SDotGroup_su7qo_gg_",
-  "__SDot": "___SDot_su7qo_gg_",
-  "_color": "__color_su7qo_gg_",
-  "--color": "--color_1rhpqds"
+  "__STooltip": "___STooltip_t6ieo_gg_",
+  "__STitle": "___STitle_t6ieo_gg_",
+  "__SDotGroup": "___SDotGroup_t6ieo_gg_",
+  "__SDot": "___SDot_t6ieo_gg_",
+  "_color": "__color_t6ieo_gg_",
+  "--color": "--color_t6ieo"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {
@@ -200,8 +200,9 @@ function Dot(props) {
       Children = props.Children;
   var SDotGroup = Box;
   var SDot = Box;
-  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDotGroup, _ref6.cn("SDotGroup", _objectSpread({}, _assignProps3({}, _ref3))), /*#__PURE__*/React.createElement(SDot, _ref6.cn("SDot", {
-    "__excludeProps": ['data', 'scale'],
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDotGroup, _ref6.cn("SDotGroup", _objectSpread({}, _assignProps3({
+    "__excludeProps": ['data', 'scale']
+  }, _ref3))), /*#__PURE__*/React.createElement(SDot, _ref6.cn("SDot", {
     "color": resolveColor(color)
   })), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})));
 }

package/lib/es6/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","CONSTANT","createElement","resolveColor","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer"],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            // TODO: тут бага если одно поля нету,то оно не перезапишет стейт\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box}>\n      <SDot __excludeProps={['data', 'scale']} color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}
+{"version":3,"sources":["../../src/Tooltip.jsx"],"names":["React","useCallback","Component","Root","sstyled","Popper","Box","findComponent","CONSTANT","createElement","resolveColor","TooltipRoot","$visible","asProps","x","y","state","eventEmitter","rootRef","unsubscribeTooltipVisible","subscribe","visible","data","node","setState","VIRTUAL_ELEMENT","current","contains","setPopperTrigger","popper","update","Children","children","tag","other","advanceMode","Tooltip","Trigger","displayName","handlerCancel","allowedAutoPlacements","setTrigger","style","PopperPopper","props","STooltip","Element","styles","Title","STitle","Dot","color","SDotGroup","SDot","Footer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,SAAT,EAAoBC,IAApB,EAA0BC,OAA1B,QAAyC,eAAzC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,mBAApB;AACA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,SAASC,QAAT,QAAyB,SAAzB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,YAAP,MAAyB,0BAAzB;;;;;;;;;;;;;;;;;;;;IAIMC,W;;;;;;;;;;;;;;;;4DAKI;AACNC,MAAAA,QAAQ,EAAE;AADJ,K;;oEAIQ;AAAA,aAAM,KAAN;AAAA,K;;;;;;;WAEhB,2BAAkB;AAChB;AACA,0BAAiB,KAAKC,OAAtB;AAAA,UAAQC,CAAR,iBAAQA,CAAR;AAAA,UAAWC,CAAX,iBAAWA,CAAX;AACA,aAAO;AAAED,QAAAA,CAAC,EAADA,CAAF;AAAKC,QAAAA,CAAC,EAADA;AAAL,OAAP;AACD;;;WAED,0BAAiB;AACf,+BACK,KAAKC,KADV;AAGD;;;WAED,6BAAoB;AAAA;;AAClB,2BAAkC,KAAKH,OAAvC;AAAA,UAAQI,YAAR,kBAAQA,YAAR;AAAA,UAAsBC,OAAtB,kBAAsBA,OAAtB;AACA,WAAKC,yBAAL,GAAiCF,YAAY,CAACG,SAAb,CAC/B,kBAD+B,EAE/B,UAACC,OAAD,EAAUC,IAAV,EAAgBC,IAAhB,EAAyB;AACvB,QAAA,MAAI,CAACC,QAAL,iCAEOF,IAFP;AAGIV,UAAAA,QAAQ,EAAES;AAHd,YAKE,YAAM;AACJ,cAAIE,IAAI,KAAKA,IAAI,CAACf,QAAQ,CAACiB,eAAV,CAAJ,IAAkCP,OAAO,CAACQ,OAAR,CAAgBC,QAAhB,CAAyBJ,IAAzB,CAAvC,CAAR,EAAgF;AAC9E,YAAA,MAAI,EAAEK,gBAAN,CAAuBL,IAAvB;AACA,YAAA,MAAI,CAACM,MAAL,CAAYH,OAAZ,EAAqBI,MAArB;AACD;AACF,SAVH;AAYD,OAf8B,CAAjC;AAiBD;;;WAED,gCAAuB;AACrB,UAAI,KAAKX,yBAAT,EAAoC;AAClC,aAAKA,yBAAL;AACD;AACF;;;WAED,kBAAS;AAAA;AAAA;;AACP,2BAA8C,KAAKN,OAAnD;AAAA,UAAQkB,QAAR,kBAAQA,QAAR;AAAA,UAAkBC,QAAlB,kBAAkBA,QAAlB;AAAA,UAA4BC,GAA5B,kBAA4BA,GAA5B;AAAA,UAAoCC,KAApC;;AAEA,UAAMC,WAAW,GAAG,CAAC,CAAC5B,aAAa,CAACwB,QAAD,EAAW,CAC5CK,OAAO,CAACC,OAAR,CAAgBC,WAD4B,EAE5CF,OAAO,CAAC/B,MAAR,CAAeiC,WAF6B,CAAX,CAAnC;AAIA,0BACE,oBACUjC,MADV;AAAA,mBAEW,KAAKW,KAAL,CAAWJ,QAFtB;AAAA,yBAGiB,KAAK2B,aAHtB;AAAA,0BAIkB,KAAKA,aAJvB;AAAA,uBAKc,MALd;AAAA,kBAMU,CANV;AAAA,gBAOQ;AAAEC,UAAAA,qBAAqB,EAAE,CAAC,MAAD,EAAS,OAAT;AAAzB;AAPR,gBASG,iBAA4B;AAAA,YAAzBX,MAAyB,SAAzBA,MAAyB;AAAA,YAAjBY,UAAiB,SAAjBA,UAAiB;AAC3B,QAAA,MAAI,CAACb,gBAAL,GAAwBa,UAAxB;AACA,QAAA,MAAI,CAACZ,MAAL,GAAcA,MAAd;AACA,QAAA,MAAI,CAACA,MAAL,CAAYH,OAAZ,EAAqBI,MAArB;AACA,eAAOK,WAAW,gBAChB,oBAAC,QAAD,OADgB,gBAGhB,0CACGF,GAAG,iBAAI,oBAAC,OAAD,CAAS,OAAT;AAAiB,UAAA,GAAG,EAAEA;AAAtB,UADV,eAEE,oBAAC,OAAD,CAAS,MAAT,EAAoBC,KAApB,EAA4BF,QAA5B,CAFF,CAHF;AAQD,OArBH,CADF;AAyBD;;;;EAlFuB9B,S;;gBAApBS,W,iBACiB,S;;gBADjBA,W,WAGW+B,K;;AAkFjB,SAASC,YAAT,CAAsBC,KAAtB,EAA6B;AAAA;;AAC3B,MAAiBC,QAAjB,GAAsDD,KAAtD,CAAQE,OAAR;AAAA,MAA2BC,MAA3B,GAAsDH,KAAtD,CAA2BG,MAA3B;AAAA,MAAmCnC,QAAnC,GAAsDgC,KAAtD,CAAmChC,QAAnC;AAAA,MAA6CE,CAA7C,GAAsD8B,KAAtD,CAA6C9B,CAA7C;AAAA,MAAgDC,CAAhD,GAAsD6B,KAAtD,CAAgD7B,CAAhD;AAEA,MAAMwB,aAAa,GAAGtC,WAAW,CAAC;AAAA,WAAM,KAAN;AAAA,GAAD,EAAc,EAAd,CAAjC;AAEA,MAAI,CAACW,QAAL,EAAe,OAAO,IAAP;AAEf,iBAAOR,OAAO,CAAC2C,MAAD,CAAd,eACE,oBAAC,QAAD;AAAA,cACU1C,MAAM,CAACA,MADjB;AAAA,wBAEmB,QAFnB;AAAA,mBAGekC,aAHf;AAAA,SAIKzB,CAJL;AAAA,SAKKC;AALL,KADF;AASD;;AAED,SAASiC,KAAT,CAAeJ,KAAf,EAAsB;AAAA;AAAA;;AACpB,MAAMK,MAAM,GAE2B3C,GAFvC;AACA,MAAQyC,MAAR,GAAmBH,KAAnB,CAAQG,MAAR;AACA,iBAAO3C,OAAO,CAAC2C,MAAD,CAAd,eAAuB,oBAAC,MAAD;AAAA,sBAAqC,CAAC,MAAD,EAAS,OAAT;AAArC,cAAvB;AACD;;AAED,SAASG,GAAT,CAAaN,KAAb,EAAoB;AAAA;AAAA;;AAClB,MAAQG,MAAR,GAAoCH,KAApC,CAAQG,MAAR;AAAA,MAAgBI,KAAhB,GAAoCP,KAApC,CAAgBO,KAAhB;AAAA,MAAuBpB,QAAvB,GAAoCa,KAApC,CAAuBb,QAAvB;AACA,MAAMqB,SAAS,GAGM9C,GAHrB;AACA,MAAM+C,IAAI,GAAG/C,GAAb;AACA,iBAAOF,OAAO,CAAC2C,MAAD,CAAd,eACE,oBAAC,SAAD;AAAA,sBAAwC,CAAC,MAAD,EAAS,OAAT;AAAxC,4BACE,oBAAC,IAAD;AAAA,aAAarC,YAAY,CAACyC,KAAD;AAAzB,KADF,eAEE,oBAAC,QAAD,2BAFF,CADF;AAMD;;AAED,SAASG,MAAT,GAAkB;AAChB,SAAO,IAAP;AACD;;AAED,IAAMlB,OAAO,GAAG3B,aAAa,CAACE,WAAD,EAAc;AACzC0B,EAAAA,OAAO,EAAEhC,MAAM,CAACgC,OADyB;AAEzChC,EAAAA,MAAM,EAAEsC,YAFiC;AAGzCK,EAAAA,KAAK,EAALA,KAHyC;AAIzCM,EAAAA,MAAM,EAANA,MAJyC;AAKzCJ,EAAAA,GAAG,EAAHA;AALyC,CAAd,CAA7B;AAQA,eAAed,OAAf","sourcesContent":["import React, { useCallback } from 'react';\nimport { Component, Root, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport findComponent from '@semcore/utils/lib/findComponent';\nimport { CONSTANT } from './utils';\nimport createElement from './createElement';\nimport resolveColor from '@semcore/utils/lib/color';\n\nimport style from './style/tooltip.shadow.css';\n\nclass TooltipRoot extends Component {\n  static displayName = 'Tooltip';\n\n  static style = style;\n\n  state = {\n    $visible: false,\n  };\n\n  handlerCancel = () => false;\n\n  getTriggerProps() {\n    // TODO: как то убрать\n    const { x, y } = this.asProps;\n    return { x, y };\n  }\n\n  getPopperProps() {\n    return {\n      ...this.state,\n    };\n  }\n\n  componentDidMount() {\n    const { eventEmitter, rootRef } = this.asProps;\n    this.unsubscribeTooltipVisible = eventEmitter.subscribe(\n      'onTooltipVisible',\n      (visible, data, node) => {\n        this.setState(\n          {\n            ...data,\n            $visible: visible,\n          },\n          () => {\n            if (node && (node[CONSTANT.VIRTUAL_ELEMENT] || rootRef.current.contains(node))) {\n              this?.setPopperTrigger(node);\n              this.popper.current?.update();\n            }\n          },\n        );\n      },\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeTooltipVisible) {\n      this.unsubscribeTooltipVisible();\n    }\n  }\n\n  render() {\n    const { Children, children, tag, ...other } = this.asProps;\n\n    const advanceMode = !!findComponent(Children, [\n      Tooltip.Trigger.displayName,\n      Tooltip.Popper.displayName,\n    ]);\n    return (\n      <Root\n        render={Popper}\n        visible={this.state.$visible}\n        onFirstUpdate={this.handlerCancel}\n        onOutsideClick={this.handlerCancel}\n        interaction=\"none\"\n        offset={8}\n        flip={{ allowedAutoPlacements: ['left', 'right'] }}\n      >\n        {({ popper, setTrigger }) => {\n          this.setPopperTrigger = setTrigger;\n          this.popper = popper;\n          this.popper.current?.update();\n          return advanceMode ? (\n            <Children />\n          ) : (\n            <>\n              {tag && <Tooltip.Trigger tag={tag} />}\n              <Tooltip.Popper {...other}>{children}</Tooltip.Popper>\n            </>\n          );\n        }}\n      </Root>\n    );\n  }\n}\n\nfunction PopperPopper(props) {\n  const { Element: STooltip, styles, $visible, x, y } = props;\n\n  const handlerCancel = useCallback(() => false, []);\n\n  if (!$visible) return null;\n\n  return sstyled(styles)(\n    <STooltip\n      render={Popper.Popper}\n      childrenPosition=\"inside\"\n      onMouseMove={handlerCancel}\n      x={x}\n      y={y}\n    />,\n  );\n}\n\nfunction Title(props) {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} __excludeProps={['data', 'scale']} />);\n}\n\nfunction Dot(props) {\n  const { styles, color, Children } = props;\n  const SDotGroup = Root;\n  const SDot = Box;\n  return sstyled(styles)(\n    <SDotGroup render={Box} __excludeProps={['data', 'scale']}>\n      <SDot color={resolveColor(color)} />\n      <Children />\n    </SDotGroup>,\n  );\n}\n\nfunction Footer() {\n  return null;\n}\n\nconst Tooltip = createElement(TooltipRoot, {\n  Trigger: Popper.Trigger,\n  Popper: PopperPopper,\n  Title,\n  Footer,\n  Dot,\n});\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/lib/es6/Venn.js

@@ -26,16 +26,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SCircle_1evfu_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1y13fr0);transition-timing-function:ease-in-out}.___SCircle_1evfu_gg_:hover{fill-opacity:.7}.___SCircle_1evfu_gg_.__color_1evfu_gg_{fill:var(--color_1y13fr0)}.___SIntersection_1evfu_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1evfu_gg_:hover{fill-opacity:.1}"
+".___SCircle_1xxbc_gg_{fill:#59ddaa;stroke:#fff;stroke-width:2px;fill-opacity:.5;transition-property:cx,cy;transition-duration:var(--duration_1xxbc);transition-timing-function:ease-in-out}.___SCircle_1xxbc_gg_:hover{fill-opacity:.7}.___SCircle_1xxbc_gg_.__color_1xxbc_gg_{fill:var(--color_1xxbc)}.___SIntersection_1xxbc_gg_{stroke:#fff;stroke-width:2px;fill-opacity:0}.___SIntersection_1xxbc_gg_:hover{fill-opacity:.1}"
 /*__inner_css_end__*/
-, "1y13fr0_gg_")
+, "1xxbc_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SCircle": "___SCircle_1evfu_gg_",
-  "--duration": "--duration_1y13fr0",
-  "_color": "__color_1evfu_gg_",
-  "--color": "--color_1y13fr0",
-  "__SIntersection": "___SIntersection_1evfu_gg_"
+  "__SCircle": "___SCircle_1xxbc_gg_",
+  "--duration": "--duration_1xxbc",
+  "_color": "__color_1xxbc_gg_",
+  "--color": "--color_1xxbc",
+  "__SIntersection": "___SIntersection_1xxbc_gg_"
 });
 
 var VennRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/createElement.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["render", "tag", "childrenPosition", "x", "y"],
+var _excluded = ["render", "childrenPosition", "x", "y"],
     _excluded2 = ["forwardRef", "children", "Children", "x", "y"],
     _excluded3 = ["$rootProps"];
 
@@ -17,12 +17,12 @@ import { useForkRef } from '@semcore/utils/lib/ref';
 import propsForElement from '@semcore/utils/lib/propsForElement';
 import getOriginChildren from '@semcore/utils/lib/getOriginChildren';
 import hoistNonReactStatics from 'hoist-non-react-statics';
+var EXCLUDE_PROPS = ['data', 'scale'];
 
 function createElementRender() {
   var Element = React.forwardRef(function ( // eslint-disable-next-line @typescript-eslint/no-unused-vars
   _ref, ref) {
     var render = _ref.render,
-        tag = _ref.tag,
         _ref$childrenPosition = _ref.childrenPosition,
         childrenPosition = _ref$childrenPosition === void 0 ? 'below' : _ref$childrenPosition,
         xS = _ref.x,
@@ -50,7 +50,6 @@ function createElementRender() {
       x: x,
       y: y
     }, source));
-    var Tag = typeof render === 'string' ? mergedProps.tag || render : render;
 
     if (typeof children === 'function') {
       var _child = mergedProps.children;
@@ -59,6 +58,8 @@ function createElementRender() {
       mergedProps.children = _child;
     }
 
+    var Tag = typeof render === 'string' ? mergedProps.tag || render : render;
+
     if (childrenPosition === 'inside') {
       mergedProps.children = children === undefined ? mergedProps.children : children;
     }
@@ -70,7 +71,7 @@ function createElementRender() {
     return [/*#__PURE__*/React.createElement(React.Fragment, {
       key: "child-above"
     }, childrenPosition === 'above' ? children : null), /*#__PURE__*/React.createElement(Tag, _extends({}, propsForElement(_objectSpread({
-      __excludeProps: ['data', 'scale']
+      __excludeProps: EXCLUDE_PROPS
     }, mergedProps), Tag), {
       key: "element"
     })), /*#__PURE__*/React.createElement(React.Fragment, {