@semcore/d3-chart 2.1.0 → 2.2.2

package/lib/cjs/HorizontalBar.js

@@ -42,17 +42,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_1fm2a_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_1iw4ich);transition-timing-function:ease-in-out}.___SBar_1fm2a_gg_.__color_1fm2a_gg_{fill:var(--color_1iw4ich)}.___SBar_1fm2a_gg_.__hide_1fm2a_gg_{display:none}.___SBackground_1fm2a_gg_{fill:#c4c7cf}"
+".___SBar_q3h40_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_q3h40);transition-timing-function:ease-in-out}.___SBar_q3h40_gg_.__color_q3h40_gg_{fill:var(--color_q3h40)}.___SBar_q3h40_gg_.__hide_q3h40_gg_{display:none}.___SBackground_q3h40_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "1iw4ich_gg_")
+, "q3h40_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_1fm2a_gg_",
-  "--duration": "--duration_1iw4ich",
-  "_color": "__color_1fm2a_gg_",
-  "--color": "--color_1iw4ich",
-  "_hide": "__hide_1fm2a_gg_",
-  "__SBackground": "___SBackground_1fm2a_gg_"
+  "__SBar": "___SBar_q3h40_gg_",
+  "--duration": "--duration_q3h40",
+  "_color": "__color_q3h40_gg_",
+  "--color": "--color_q3h40",
+  "_hide": "__hide_q3h40_gg_",
+  "__SBackground": "___SBackground_q3h40_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/Hover.js

@@ -44,13 +44,13 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SHoverLine_1x76j_gg_{stroke:#a9abb6}.___SHoverRect_1x76j_gg_{fill:rgba(196,199,207,.3)}"
+".___SHoverLine_1k4g7_gg_{stroke:#a9abb6}.___SHoverRect_1k4g7_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "8ax2kr_gg_")
+, "1k4g7_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1x76j_gg_",
-  "__SHoverRect": "___SHoverRect_1x76j_gg_"
+  "__SHoverLine": "___SHoverLine_1k4g7_gg_",
+  "__SHoverRect": "___SHoverRect_1k4g7_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/cjs/Line.js

@@ -46,17 +46,17 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SLine_gt0it_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_xmj8r);transition-timing-function:ease-in-out}.___SLine_gt0it_gg_.__color_gt0it_gg_{stroke:var(--color_xmj8r)}.___SLine_gt0it_gg_.__hide_gt0it_gg_{display:none}.___SNull_gt0it_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_gt0it_gg_.__hide_gt0it_gg_{display:none}"
+".___SLine_1243u_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_1243u);transition-timing-function:ease-in-out}.___SLine_1243u_gg_.__color_1243u_gg_{stroke:var(--color_1243u)}.___SLine_1243u_gg_.__hide_1243u_gg_{display:none}.___SNull_1243u_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_1243u_gg_.__hide_1243u_gg_{display:none}"
 /*__inner_css_end__*/
-, "xmj8r_gg_")
+, "1243u_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_gt0it_gg_",
-  "--duration": "--duration_xmj8r",
-  "_color": "__color_gt0it_gg_",
-  "--color": "--color_xmj8r",
-  "_hide": "__hide_gt0it_gg_",
-  "__SNull": "___SNull_gt0it_gg_"
+  "__SLine": "___SLine_1243u_gg_",
+  "--duration": "--duration_1243u",
+  "_color": "__color_1243u_gg_",
+  "--color": "--color_1243u",
+  "_hide": "__hide_1243u_gg_",
+  "__SNull": "___SNull_1243u_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {
@@ -76,12 +76,14 @@ var LineRoot = /*#__PURE__*/function (_Component) {
           x = _this$asProps.x,
           y = _this$asProps.y,
           d3 = _this$asProps.d3,
-          color = _this$asProps.color;
+          color = _this$asProps.color,
+          duration = _this$asProps.duration;
       return {
         x: x,
         y: y,
         d3: d3,
-        color: color
+        color: color,
+        duration: duration
       };
     }
   }, {

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Line.jsx"],"names":["LineRoot","asProps","x","y","d3","color","data","SLine","Element","styles","hide","uid","size","duration","rect","setAttribute","Component","style","$rootProps","curve","curveLinear","scale","xScale","yScale","defined","p","Null","props","SNull","Dots"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}
+{"version":3,"sources":["../../src/Line.jsx"],"names":["LineRoot","asProps","x","y","d3","color","duration","data","SLine","Element","styles","hide","uid","size","rect","setAttribute","Component","style","$rootProps","curve","curveLinear","scale","xScale","yScale","defined","p","Null","props","SNull","Dots"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/line.shadow.css';\n\nclass LineRoot extends Component {\n  static displayName = 'Line';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({ x, y, $rootProps, curve = curveLinear, scale }) => {\n    const [xScale, yScale] = scale || $rootProps.scale;\n    return {\n      d3: d3Line()\n        .defined(definedData(x, y))\n        .curve(curve)\n        .x((p) => scaleOfBandwidth(xScale, p[x]))\n        .y((p) => scaleOfBandwidth(yScale, p[y])),\n      duration: 500,\n    };\n  };\n\n  getDotsProps() {\n    const { x, y, d3, color, duration } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n    };\n  }\n\n  getNullProps() {\n    const { x, y, d3, color, data } = this.asProps;\n    return {\n      d3,\n      // TODO: vertical\n      data: getNullData(data, definedNullData(x, y), y),\n      color,\n    };\n  }\n\n  render() {\n    const SLine = this.Element;\n    const { styles, hide, color, uid, size, d3, data, duration } = this.asProps;\n    return sstyled(styles)(\n      <>\n        <SLine\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            setAttributeTag={(rect) => {\n              rect.setAttribute('width', size[0]);\n            }}\n            id={uid}\n            x=\"0\"\n            y=\"0\"\n            width={0}\n            height={size[1]}\n            transition={`width ${duration}ms ease-in-out`}\n          />\n        )}\n      </>,\n    );\n  }\n}\n\nfunction Null(props) {\n  const { Element: SNull, styles, d3, data, hide } = props;\n  return sstyled(styles)(<SNull render=\"path\" d={d3(data)} hide={hide} />);\n}\n\nexport default createElement(LineRoot, {\n  Dots,\n  Null,\n});\n"],"file":"Line.js"}

package/lib/cjs/Plot.js

@@ -52,12 +52,12 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SPlot_11q0k_gg_{overflow:hidden}"
+".___SPlot_1t8i7_gg_{overflow:hidden}"
 /*__inner_css_end__*/
-, "dvrka4_gg_")
+, "1t8i7_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_11q0k_gg_"
+  "__SPlot": "___SPlot_1t8i7_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/cjs/RadialTree.js

@@ -60,21 +60,21 @@ var style = (
 /*__reshadow_css_start__*/
 _core.sstyled.insert(
 /*__inner_css_start__*/
-".___SRadian_1lwpb_gg_{cursor:pointer;fill:#008ff8}.___SLine_1lwpb_gg_{stroke:#008ff8}.___SLine_1lwpb_gg_.__color_1lwpb_gg_{stroke:var(--color_1uem4n7)}.___SCap_1lwpb_gg_{transition:r .1s}.___SLabel_1lwpb_gg_{fill:var(--color_1uem4n7);cursor:var(--text-cursor_1uem4n7);transform-origin:var(--transform-origin_1uem4n7)}.___SRadian_1lwpb_gg_:hover .___SLabel_1lwpb_gg_{fill:var(--color-hovered_1uem4n7)}@media (prefers-reduced-motion){.___SLineCap_1lwpb_gg_{transition:none}}"
+".___SRadian_hkcqa_gg_{cursor:pointer;fill:#008ff8}.___SLine_hkcqa_gg_{stroke:#008ff8}.___SLine_hkcqa_gg_.__color_hkcqa_gg_{stroke:var(--color_hkcqa)}.___SCap_hkcqa_gg_{transition:r .1s}.___SLabel_hkcqa_gg_{fill:var(--color_hkcqa);cursor:var(--text-cursor_hkcqa);transform-origin:var(--transform-origin_hkcqa)}.___SRadian_hkcqa_gg_:hover .___SLabel_hkcqa_gg_{fill:var(--color-hovered_hkcqa)}@media (prefers-reduced-motion){.___SLineCap_hkcqa_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "1uem4n7_gg_")
+, "hkcqa_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_1lwpb_gg_",
-  "__SLine": "___SLine_1lwpb_gg_",
-  "_color": "__color_1lwpb_gg_",
-  "--color": "--color_1uem4n7",
-  "__SCap": "___SCap_1lwpb_gg_",
-  "__SLabel": "___SLabel_1lwpb_gg_",
-  "--text-cursor": "--text-cursor_1uem4n7",
-  "--transform-origin": "--transform-origin_1uem4n7",
-  "--color-hovered": "--color-hovered_1uem4n7",
-  "__SLineCap": "___SLineCap_1lwpb_gg_"
+  "__SRadian": "___SRadian_hkcqa_gg_",
+  "__SLine": "___SLine_hkcqa_gg_",
+  "_color": "__color_hkcqa_gg_",
+  "--color": "--color_hkcqa",
+  "__SCap": "___SCap_hkcqa_gg_",
+  "__SLabel": "___SLabel_hkcqa_gg_",
+  "--text-cursor": "--text-cursor_hkcqa",
+  "--transform-origin": "--transform-origin_hkcqa",
+  "--color-hovered": "--color-hovered_hkcqa",
+  "__SLineCap": "___SLineCap_hkcqa_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 

package/lib/cjs/ReferenceLine.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _core = require("@semcore/core");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _createElement = _interopRequireDefault(require("./createElement"));
+
+var _utils = require("./utils");
+
+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) { (0, _defineProperty2["default"])(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 = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(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; } }
+
+/*__reshadow-styles__:"./style/reference-line.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_core.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 = (0, _slicedToArray2["default"])(_ref4, 2),
+        xScale = _ref5[0],
+        yScale = _ref5[1];
+
+    var yRange = yScale.range();
+    var x = (0, _utils.scaleOfBandwidth)(xScale, value);
+    return {
+      x: x,
+      y: yRange[1],
+      width: 0.1,
+      height: yRange[0] - yRange[1]
+    };
+  },
+  horizontal: function horizontal(_ref6, value) {
+    var _ref7 = (0, _slicedToArray2["default"])(_ref6, 2),
+        xScale = _ref7[0],
+        yScale = _ref7[1];
+
+    var xRange = xScale.range();
+    var y = (0, _utils.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 = (0, _slicedToArray2["default"])(_ref8, 2),
+        xScale = _ref9[0],
+        yScale = _ref9[1];
+
+    var yRange = yScale.range();
+    var x = (0, _utils.scaleOfBandwidth)(xScale, value);
+    return {
+      x: x - OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  right: function right(_ref10, value) {
+    var _ref11 = (0, _slicedToArray2["default"])(_ref10, 2),
+        xScale = _ref11[0],
+        yScale = _ref11[1];
+
+    var yRange = yScale.range();
+    var x = (0, _utils.scaleOfBandwidth)(xScale, value);
+    return {
+      x: x + OFFSET_TITLE,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  top: function top(_ref12, value) {
+    var _ref13 = (0, _slicedToArray2["default"])(_ref12, 2),
+        xScale = _ref13[0],
+        yScale = _ref13[1];
+
+    var xRange = xScale.range();
+    var y = (0, _utils.scaleOfBandwidth)(yScale, value);
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: y - OFFSET_TITLE
+    };
+  },
+  bottom: function bottom(_ref14, value) {
+    var _ref15 = (0, _slicedToArray2["default"])(_ref14, 2),
+        xScale = _ref15[0],
+        yScale = _ref15[1];
+
+    var xRange = xScale.range();
+    var y = (0, _utils.scaleOfBandwidth)(yScale, value);
+    return {
+      x: (xRange[1] + xRange[0]) / 2,
+      y: y + OFFSET_TITLE
+    };
+  }
+};
+
+var ReferenceLineRoot = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(ReferenceLineRoot, _Component);
+
+  var _super = _createSuper(ReferenceLineRoot);
+
+  function ReferenceLineRoot() {
+    (0, _classCallCheck2["default"])(this, ReferenceLineRoot);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2["default"])(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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SReferenceLine, _ref.cn("SReferenceLine", _objectSpread({
+        "render": "rect",
+        "__excludeProps": ['data', 'scale', 'format', 'value', 'color'],
+        "stroke": color
+      }, pos(scale, value)))), title && /*#__PURE__*/_react["default"].createElement(ReferenceLine.Title, null, title));
+    }
+  }]);
+  return ReferenceLineRoot;
+}(_core.Component);
+
+(0, _defineProperty2["default"])(ReferenceLineRoot, "displayName", 'ReferenceLine');
+(0, _defineProperty2["default"])(ReferenceLineRoot, "style", style);
+(0, _defineProperty2["default"])(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 = (0, _core.sstyled)(styles);
+  var sTitleStyles = sstyles.cn('STitle', {
+    'transform-origin': "".concat(x.toFixed(2), "px ").concat(y.toFixed(2), "px")
+  });
+  return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBackground, _ref3.cn("SBackground", _objectSpread({
+    "render": "rect",
+    "childrenPosition": "inside"
+  }, pos(scale, value))));
+}
+
+var ReferenceLine = (0, _createElement["default"])(ReferenceLineRoot, {
+  Title: Title,
+  Background: Background
+});
+var _default = ReferenceLine;
+exports["default"] = _default;
+//# sourceMappingURL=ReferenceLine.js.map

package/lib/cjs/ReferenceLine.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ReferenceLine.jsx"],"names":["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","Component","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/cjs/ResponsiveContainer.js

@@ -119,7 +119,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/cjs/ResponsiveContainer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ResponsiveContainer.jsx"],"names":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Box","styles","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAHA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAClC,0BAA6B,MAAKC,OAAlC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AACA,6BAAmD,MAAKC,UAAxD;AAAA,UAAmBC,KAAnB,oBAAMC,WAAN;AAAA,UAAwCC,MAAxC,oBAA0BC,YAA1B;;AAEA,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AACX,uDAAwB,KAAKN,IAA7B;AAAA,UAAOZ,KAAP;AAAA,UAAcE,MAAd;;AACA,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,oBAAoB,GAE2BC,YAFrD;AACA,UAAQC,MAAR,GAAmB,KAAK3B,OAAxB,CAAQ2B,MAAR;AACA,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,oBAAD;AAAA,eAAwC,KAAKN;AAA7C,iBAAvB;AACD;;;EArEmCO,e;;iCAAhCjC,uB,iBACiB,qB;AAuEvB,IAAMkC,mBAAmB,GAAG,sBAAgBlC,uBAAhB,CAA5B;eAEekC,mB","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":["ResponsiveContainerRoot","props","React","createRef","entries","asProps","Children","aspect","$container","width","clientWidth","height","clientHeight","style","window","getComputedStyle","minHeight","Number","parseInt","getPropertyValue","maxHeight","size","forceUpdate","observer","ResizeObserver","handleResize","containerRef","current","observe","disconnect","SResponsiveContainer","Box","styles","Component","ResponsiveContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;AAHA;;AACA;;AAGA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;IAEMA,uB;;;;;AAMJ,mCAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,qGAHJC,kBAAMC,SAAN,EAGI;AAAA,6FAFZ,CAAC,CAAD,EAAI,CAAJ,CAEY;AAAA,qGASJ,4BAAQ,UAACC,OAAD,EAAa;AAClC,0BAA6B,MAAKC,OAAlC;AAAA,UAAQC,QAAR,iBAAQA,QAAR;AAAA,UAAkBC,MAAlB,iBAAkBA,MAAlB;AACA,6BAAmD,MAAKC,UAAxD;AAAA,UAAmBC,KAAnB,oBAAMC,WAAN;AAAA,UAAwCC,MAAxC,oBAA0BC,YAA1B;;AAEA,UAAIL,MAAJ,EAAY;AACV,YAAMM,KAAK,GAAGC,MAAM,CAACC,gBAAP,CAAwB,MAAKP,UAA7B,CAAd;AACA,YAAMQ,SAAS,GAAGC,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACA,YAAMC,SAAS,GAAGH,MAAM,CAACC,QAAP,CAAgBL,KAAK,CAACM,gBAAN,CAAuB,YAAvB,CAAhB,CAAlB;AACAR,QAAAA,MAAM,GAAGF,KAAK,GAAGF,MAAjB;;AAEA,YAAII,MAAM,GAAGK,SAAb,EAAwB;AACtBL,UAAAA,MAAM,GAAGK,SAAT;AACD;;AACD,YAAIL,MAAM,GAAGS,SAAb,EAAwB;AACtBT,UAAAA,MAAM,GAAGS,SAAT;AACD;AACF;;AAED,UAAI,MAAKC,IAAL,CAAU,CAAV,MAAiBZ,KAAjB,IAA0B,MAAKY,IAAL,CAAU,CAAV,MAAiBV,MAA/C,EAAuD;AAEvD,YAAKU,IAAL,GAAY,CAACZ,KAAD,EAAQE,MAAR,CAAZ;AAEA,4EAAW,UAAX,EAAuB,MAAKU,IAA5B,EAAkCjB,OAAlC;;AAEA,UAAI,OAAO,mCAAkBE,QAAlB,CAAP,KAAuC,UAA3C,EAAuD;AACrD,cAAKgB,WAAL;AACD;AACF,KA3Bc,CATI;AAEjB,UAAKC,QAAL,GAAgB,IAAIC,kCAAJ,CAAmB,MAAKC,YAAxB,CAAhB;AAFiB;AAGlB;;;;SAED,eAAiB;AACf,aAAO,KAAKC,YAAL,CAAkBC,OAAzB;AACD;;;WA+BD,sBAAa;AACX,uDAAwB,KAAKN,IAA7B;AAAA,UAAOZ,KAAP;AAAA,UAAcE,MAAd;;AACA,aAAO;AACLF,QAAAA,KAAK,EAALA,KADK;AAELE,QAAAA,MAAM,EAANA;AAFK,OAAP;AAID;;;WAED,6BAAoB;AAClB,UAAI,KAAKH,UAAT,EAAqB;AACnB;AACA,aAAKe,QAAL,CAAcK,OAAd,CAAsB,KAAKpB,UAA3B;AACD;AACF,K,CAED;;;;WAEA,gCAAuB;AACrB,WAAKe,QAAL,CAAcM,UAAd;AACD;;;WAED,kBAAS;AAAA;AAAA;;AACP,UAAMC,oBAAoB,GAE2BC,YAFrD;AACA,UAAQC,MAAR,GAAmB,KAAK3B,OAAxB,CAAQ2B,MAAR;AACA,qBAAO,mBAAQA,MAAR,CAAP,eAAuB,gCAAC,oBAAD;AAAA,eAAwC,KAAKN;AAA7C,iBAAvB;AACD;;;EArEmCO,e;;iCAAhCjC,uB,iBACiB,qB;AAuEvB,IAAMkC,mBAAmB,GAAG,sBAAgBlC,uBAAhB,CAA5B;eAEekC,mB","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/cjs/ScatterPlot.js

@@ -52,16 +52,16 @@ var style = (
 /*__reshadow_css_start__*/
 _core.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_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
@@ -169,6 +169,7 @@ var ScatterPlotRoot = /*#__PURE__*/function (_Component) {
         }))
       }), /*#__PURE__*/_react["default"].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/cjs/ScatterPlot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ScatterPlot.jsx"],"names":["ScatterPlotRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","transition","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","Component","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":["ScatterPlotRoot","document","createElement","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","r","value","radius","selectRect","selection","selectAll","attr","selectRectNode","node","transition","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","Component","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/cjs/StackBar.js

@@ -48,15 +48,15 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__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 = (0, _extends2["default"])({}, _ref);
 

package/lib/cjs/StackedArea.js

@@ -46,16 +46,16 @@ var _ref = (
 /*__reshadow_css_start__*/
 (0, _core.__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 = (0, _extends2["default"])({}, _ref);