@semcore/d3-chart 1.5.3 → 1.6.0

package/lib/es6/Bar.js

@@ -24,16 +24,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SBar_17amb_gg_{fill:var(--color_10kcl1b);transition-property:height,width,y;transition-duration:var(--duration_10kcl1b);transition-timing-function:ease-in-out}.___SBar_17amb_gg_.__hide_17amb_gg_{display:none}.___SBackground_17amb_gg_{fill:#e4ecf1}"
+".___SBar_16vhi_gg_{fill:#50aef4;transition-property:height,width,y;transition-duration:var(--duration_6qtpvs);transition-timing-function:ease-in-out}.___SBar_16vhi_gg_.__color_16vhi_gg_{fill:var(--color_6qtpvs)}.___SBar_16vhi_gg_.__hide_16vhi_gg_{display:none}.___SBackground_16vhi_gg_{fill:#e4ecf1}"
 /*__inner_css_end__*/
-, "10kcl1b_gg_")
+, "6qtpvs_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_17amb_gg_",
-  "--color": "--color_10kcl1b",
-  "--duration": "--duration_10kcl1b",
-  "_hide": "__hide_17amb_gg_",
-  "__SBackground": "___SBackground_17amb_gg_"
+  "__SBar": "___SBar_16vhi_gg_",
+  "--duration": "--duration_6qtpvs",
+  "_color": "__color_16vhi_gg_",
+  "--color": "--color_6qtpvs",
+  "_hide": "__hide_16vhi_gg_",
+  "__SBackground": "___SBackground_16vhi_gg_"
 });
 
 var BarRoot = /*#__PURE__*/function (_Component) {
@@ -107,16 +108,13 @@ var BarRoot = /*#__PURE__*/function (_Component) {
       var barY = yScale(Math.max((_d$y = d[y0]) !== null && _d$y !== void 0 ? _d$y : 0, d[y])) + offset[1];
       var barX = xScale(d[x]) + offset[0];
       var height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale((_d$y2 = d[y0]) !== null && _d$y2 !== void 0 ? _d$y2 : 0)));
-      height = isRounded ? height + r : height;
       var width = widthProps || getBandwidth(xScale);
-      var isRounded = r !== 0;
-      var yValue = isRounded ? d[y] > 0 ? barY - r : barY : barY;
       var dSvg = getRect({
         x: barX,
-        y: yValue,
+        y: barY,
         width: width,
         height: height,
-        radius: r,
+        radius: Array.isArray(r) ? r[i] : r,
         position: d[y] > 0 ? 'top' : 'bottom'
       });
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SBar, _ref.cn("SBar", {
@@ -130,7 +128,7 @@ var BarRoot = /*#__PURE__*/function (_Component) {
         "hide": hide,
         "color": color,
         "x": barX,
-        "y": yValue,
+        "y": barY,
         "width": width,
         "height": height,
         "d": dSvg,
@@ -166,7 +164,6 @@ _defineProperty(BarRoot, "style", style);
 _defineProperty(BarRoot, "enhance", [uniqueIDEnhancement()]);
 
 _defineProperty(BarRoot, "defaultProps", {
-  color: '#50aef4',
   offset: [0, 0],
   duration: 500,
   r: 2

package/lib/es6/Bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Bar.js"],"names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","isRounded","yValue","dSvg","getRect","radius","position","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    color: '#50aef4',\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    let height = Math.abs(yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)));\n    height = isRounded ? height + r : height;\n    const width = widthProps || getBandwidth(xScale);\n    const isRounded = r !== 0;\n    const yValue = isRounded ? (d[y] > 0 ? barY - r : barY) : barY;\n    const dSvg = getRect({\n      x: barX,\n      y: yValue,\n      width,\n      height,\n      radius: r,\n      position: d[y] > 0 ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={yValue}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"file":"Bar.js"}
+{"version":3,"sources":["../../src/Bar.js"],"names":["React","transition","Component","sstyled","uniqueIDEnhancement","createElement","ClipPath","getBandwidth","roundedPath","BarRoot","props","index","asProps","x","data","value","duration","uid","selectRect","selection","selectAll","selectRectNode","node","getAttribute","attr","animationBar","d","i","SBar","Element","styles","color","y","y0","scale","hide","offset","r","widthProps","width","xScale","yScale","barY","Math","max","barX","height","abs","min","domain","dSvg","getRect","radius","Array","isArray","position","size","map","renderBar","bind","style","Background","SBackground","yRange","range","bandwidth"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport ClipPath from './ClipPath';\nimport { getBandwidth, roundedPath } from './utils';\n\nimport style from './style/bar.shadow.css';\n\nclass BarRoot extends Component {\n  static displayName = 'Bar';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    r: 2,\n  };\n\n  getBackgroundProps(props, index) {\n    const { x, data } = this.asProps;\n    return {\n      value: data[index][x],\n    };\n  }\n\n  animationBar() {\n    const { duration, uid } = this.asProps;\n    const selectRect = transition()\n      .selection()\n      .selectAll(`#${uid} rect`);\n    const selectRectNode = selectRect.node();\n\n    if (duration > 0 && selectRectNode && selectRectNode.getAttribute('y') !== '0') {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('y', 0);\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationBar();\n  }\n\n  componentDidMount() {\n    this.animationBar();\n  }\n\n  renderBar(d, i) {\n    const SBar = this.Element;\n    const {\n      styles,\n      color,\n      x,\n      y,\n      y0,\n      scale,\n      hide,\n      offset,\n      duration,\n      uid,\n      r,\n      width: widthProps,\n    } = this.asProps;\n\n    const [xScale, yScale] = scale;\n    const barY = yScale(Math.max(d[y0] ?? 0, d[y])) + offset[1];\n    const barX = xScale(d[x]) + offset[0];\n    const height = Math.abs(\n      yScale(d[y]) - Math.min(yScale(yScale.domain()[0]), yScale(d[y0] ?? 0)),\n    );\n    const width = widthProps || getBandwidth(xScale);\n    const dSvg = getRect({\n      x: barX,\n      y: barY,\n      width,\n      height,\n      radius: Array.isArray(r) ? r[i] : r,\n      position: d[y] > 0 ? 'top' : 'bottom',\n    });\n\n    return sstyled(styles)(\n      <SBar\n        key={`bar-${i}`}\n        render=\"path\"\n        clipPath={`url(#${uid})`}\n        __excludeProps={['data', 'scale', 'value']}\n        childrenPosition=\"above\"\n        value={d}\n        index={i}\n        hide={hide}\n        color={color}\n        x={barX}\n        y={barY}\n        width={width}\n        height={height}\n        d={dSvg}\n        use:duration={`${duration}ms`}\n      />,\n    );\n  }\n  render() {\n    const { data, uid, size, duration } = this.asProps;\n    return (\n      <>\n        {data.map(this.renderBar.bind(this))}\n        {duration && (\n          <ClipPath\n            key={`${uid}-animation`}\n            id={uid}\n            x=\"0\"\n            y={size[1]}\n            width={size[0]}\n            height={`${size[1]}px`}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nfunction Background(props) {\n  const { Element: SBackground, styles, scale, value } = props;\n\n  const [xScale, yScale] = scale;\n  const yRange = yScale.range();\n\n  return sstyled(styles)(\n    <SBackground\n      render=\"rect\"\n      childrenPosition=\"above\"\n      width={xScale.bandwidth()}\n      height={yRange[0] - yRange[1]}\n      x={xScale(value)}\n      y={yRange[1]}\n    />,\n  );\n}\n\nfunction getRect({ x, y, width, height, radius, position }) {\n  if (height <= radius) return '';\n  if (radius) {\n    if (position === 'top')\n      return roundedPath(x, y, width, height, radius, true, true, false, false);\n    return roundedPath(x, y, width, height, radius, false, false, true, true);\n  }\n  return roundedPath(x, y, width, height, radius);\n}\n\nexport default createElement(BarRoot, { Background });\n"],"file":"Bar.js"}

package/lib/es6/Bubble.js

@@ -0,0 +1,255 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from "@semcore/core";
+
+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 canUseDOM from '@semcore/utils/lib/canUseDOM';
+import { CONSTANT } from './utils';
+import createElement from './createElement';
+import uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';
+import { transition } from 'd3-transition';
+
+/*__reshadow-styles__:"./style/bubble.shadow.css"*/
+var style = (
+/*__reshadow_css_start__*/
+_sstyled.insert(
+/*__inner_css_start__*/
+".___SBubble_3y220_gg_{fill:#2bb3ff;stroke:#fff;stroke-width:2px;transition-property:cx,cy;transition-duration:var(--duration_1pe3cbw);transition-timing-function:ease-in-out;opacity:.5}.___SBubble_3y220_gg_:hover{opacity:.8}.___SBubble_3y220_gg_.__color_3y220_gg_{fill:var(--color_1pe3cbw)}.___SCenter_3y220_gg_{text-anchor:middle;font-size:11px;stroke:#2bb3ff}.___SCenter_3y220_gg_.__color_3y220_gg_{stroke:var(--color_1pe3cbw)}.___SLabel_3y220_gg_{fill:#2bb3ff}.___SLabel_3y220_gg_._position_right_3y220_gg_{text-anchor:end}.___SLabel_3y220_gg_._position_left_3y220_gg_{text-anchor:start}.___SLabel_3y220_gg_.__color_3y220_gg_{fill:var(--color_1pe3cbw)}"
+/*__inner_css_end__*/
+, "1pe3cbw_gg_")
+/*__reshadow_css_end__*/
+, {
+  "__SBubble": "___SBubble_3y220_gg_",
+  "--duration": "--duration_1pe3cbw",
+  "_color": "__color_3y220_gg_",
+  "--color": "--color_1pe3cbw",
+  "__SCenter": "___SCenter_3y220_gg_",
+  "__SLabel": "___SLabel_3y220_gg_",
+  "_position_right": "_position_right_3y220_gg_",
+  "_position_left": "_position_left_3y220_gg_"
+});
+import ClipPath from './ClipPath';
+import { scaleSqrt } from 'd3-scale';
+
+var memoize = function memoize(func) {
+  var results = {};
+  return function (argsKey) {
+    if (!results[argsKey]) {
+      results[argsKey] = func(argsKey);
+    }
+
+    return results[argsKey];
+  };
+};
+
+var measureText = memoize(function (text) {
+  var span = document.createElement('span');
+  span.append(document.createTextNode(text));
+  span.style.display = 'inline-block';
+  document.body.append(span);
+  var textLength = span.offsetWidth;
+  span.remove();
+  return textLength;
+});
+
+var BubbleRoot = /*#__PURE__*/function (_Component) {
+  _inherits(BubbleRoot, _Component);
+
+  var _super = _createSuper(BubbleRoot);
+
+  function BubbleRoot() {
+    var _this;
+
+    _classCallCheck(this, BubbleRoot);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
+
+    _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
+      return function (_ref2) {
+        var x = _ref2.clientX,
+            y = _ref2.clientY;
+        var eventEmitter = _this.asProps.eventEmitter;
+        _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
+        _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
+        eventEmitter.emit('onTooltipVisible', visible, props, _this.virtualElement);
+      };
+    });
+
+    return _this;
+  }
+
+  _createClass(BubbleRoot, [{
+    key: "generateGetBoundingClientRect",
+    value: function generateGetBoundingClientRect() {
+      var x = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+      var y = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      return function () {
+        return {
+          width: 0,
+          height: 0,
+          top: y,
+          right: x,
+          bottom: y,
+          left: x
+        };
+      };
+    }
+  }, {
+    key: "animationCircle",
+    value: function animationCircle() {
+      var _this$asProps = this.asProps,
+          duration = _this$asProps.duration,
+          uid = _this$asProps.uid,
+          data = _this$asProps.data,
+          value = _this$asProps.value;
+      var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var selectRect = transition().selection().selectAll("[id^=".concat(uid).concat(uid, "]")).attr('r', 0);
+      var selectRectNode = selectRect.node();
+
+      if (duration > 0 && selectRectNode) {
+        selectRect.transition().duration(duration).attr('r', function (_, ind) {
+          return z(data[ind][value]);
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      this.animationCircle();
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.animationCircle();
+    }
+  }, {
+    key: "renderCircle",
+    value: function renderCircle(d, i) {
+      var _ref, _d$color;
+
+      var _this$asProps2 = this.asProps,
+          color = _this$asProps2.color,
+          scale = _this$asProps2.scale,
+          x = _this$asProps2.x,
+          y = _this$asProps2.y,
+          offset = _this$asProps2.offset,
+          styles = _this$asProps2.styles,
+          uid = _this$asProps2.uid,
+          duration = _this$asProps2.duration,
+          value = _this$asProps2.value,
+          label = _this$asProps2.label,
+          markedCross = _this$asProps2.markedCross,
+          size = _this$asProps2.size,
+          data = _this$asProps2.data;
+
+      var _scale = _slicedToArray(scale, 2),
+          xScale = _scale[0],
+          yScale = _scale[1];
+
+      var SBubble = this.Element;
+      var SCenter = 'text';
+      var SLabel = 'text';
+      var z = scaleSqrt().domain([0, Math.max.apply(Math, _toConsumableArray(data.map(function (el) {
+        return el[value];
+      })))]).range([5.5, 50.5]);
+      var margin = Math.min(xScale.range()[0], xScale.range()[1]);
+      var labelPosition = size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label]) ? 'right' : 'left';
+      var labelDistance = {
+        right: xScale(d[x]) + offset[0] - z(d[value]),
+        left: xScale(d[x]) + offset[0] + z(d[value])
+      }[labelPosition];
+      return _ref = sstyled(styles), /*#__PURE__*/React.createElement("g", _ref.cn("g", {
+        "key": "circle(#".concat(i, ")"),
+        "onMouseMove": this.bindHandlerTooltip(true, {
+          xIndex: i
+        }),
+        "onMouseLeave": this.bindHandlerTooltip(false, {
+          xIndex: i
+        })
+      }), markedCross && /*#__PURE__*/React.createElement(SCenter, _ref.cn("SCenter", {
+        "x": xScale(d[x]) + offset[0],
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "color": (_d$color = d[color]) !== null && _d$color !== void 0 ? _d$color : color
+      }), "+"), /*#__PURE__*/React.createElement(SBubble, _ref.cn("SBubble", {
+        "id": "".concat(uid).concat(uid),
+        "render": "circle",
+        "clipPath": "url(#".concat(uid, ")"),
+        "cx": xScale(d[x]) + offset[0],
+        "cy": yScale(d[y]) + offset[1],
+        "color": d[color],
+        "r": z(d[value]),
+        "use:duration": "".concat(duration, "ms")
+      })), d[label] && /*#__PURE__*/React.createElement(SLabel, _ref.cn("SLabel", {
+        "x": labelDistance,
+        "y": yScale(d[y]) + offset[1],
+        "dy": ".3em",
+        "clipPath": "url(#".concat(uid, ")"),
+        "position": labelPosition,
+        "color": d[color]
+      }), d[label]));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$asProps3 = this.asProps,
+          data = _this$asProps3.data,
+          uid = _this$asProps3.uid,
+          size = _this$asProps3.size,
+          scale = _this$asProps3.scale;
+
+      var _scale2 = _slicedToArray(scale, 2),
+          xScale = _scale2[0],
+          yScale = _scale2[1];
+
+      var marginX = Math.min(xScale.range()[0], xScale.range()[1]);
+      var marginY = Math.min(yScale.range()[0], yScale.range()[1]);
+      return /*#__PURE__*/React.createElement(React.Fragment, null, data.map(this.renderCircle.bind(this)), data.map(this.animationCircle.bind(this)), /*#__PURE__*/React.createElement(ClipPath, {
+        id: uid,
+        x: marginX,
+        y: marginY,
+        width: "".concat(size[0] - 2 * marginX, "px"),
+        height: "".concat(size[1] - 2 * marginY, "px")
+      }));
+    }
+  }]);
+
+  return BubbleRoot;
+}(Component);
+
+_defineProperty(BubbleRoot, "displayName", 'Bubble');
+
+_defineProperty(BubbleRoot, "style", style);
+
+_defineProperty(BubbleRoot, "enhance", [uniqueIDEnhancement()]);
+
+_defineProperty(BubbleRoot, "defaultProps", {
+  offset: [0, 0],
+  duration: 500,
+  markedCross: true
+});
+
+var Bubble = createElement(BubbleRoot);
+export default Bubble;
+//# sourceMappingURL=Bubble.js.map

package/lib/es6/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Bubble.js"],"names":["React","Component","sstyled","canUseDOM","CONSTANT","createElement","uniqueIDEnhancement","transition","ClipPath","scaleSqrt","memoize","func","results","argsKey","measureText","text","span","document","append","createTextNode","style","display","body","textLength","offsetWidth","remove","BubbleRoot","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","width","height","top","right","bottom","left","duration","uid","data","value","z","domain","Math","max","map","el","range","selectRect","selection","selectAll","attr","selectRectNode","node","_","ind","animationCircle","d","i","color","scale","offset","styles","label","markedCross","size","xScale","yScale","SBubble","Element","SCenter","SLabel","margin","min","labelPosition","labelDistance","bindHandlerTooltip","xIndex","marginX","marginY","renderCircle","bind","Bubble"],"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/bubble.shadow.css';\nimport ClipPath from './ClipPath';\nimport { scaleSqrt } from 'd3-scale';\n\nconst memoize = (func) => {\n  const results = {};\n  return (argsKey) => {\n    if (!results[argsKey]) {\n      results[argsKey] = func(argsKey);\n    }\n    return results[argsKey];\n  };\n};\n\nconst measureText = memoize((text) => {\n  let span = document.createElement('span');\n  span.append(document.createTextNode(text));\n  span.style.display = 'inline-block';\n  document.body.append(span);\n  const textLength = span.offsetWidth;\n  span.remove();\n  return textLength;\n});\n\nclass BubbleRoot extends Component {\n  static displayName = 'Bubble';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = {\n    offset: [0, 0],\n    duration: 500,\n    markedCross: true,\n  };\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  bindHandlerTooltip = (visible, props) => ({ 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, data, value } = this.asProps;\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const selectRect = transition()\n      .selection()\n      .selectAll(`[id^=${uid}${uid}]`)\n      .attr('r', 0);\n\n    const selectRectNode = selectRect.node();\n    if (duration > 0 && selectRectNode) {\n      selectRect\n        .transition()\n        .duration(duration)\n        .attr('r', function(_, ind) {\n          return z(data[ind][value]);\n        });\n    }\n  }\n\n  componentDidUpdate() {\n    this.animationCircle();\n  }\n\n  componentDidMount() {\n    this.animationCircle();\n  }\n\n  renderCircle(d, i) {\n    const {\n      color,\n      scale,\n      x,\n      y,\n      offset,\n      styles,\n      uid,\n      duration,\n      value,\n      label,\n      markedCross,\n      size,\n      data,\n    } = this.asProps;\n    const [xScale, yScale] = scale;\n\n    const SBubble = this.Element;\n    const SCenter = 'text';\n    const SLabel = 'text';\n    const z = scaleSqrt()\n      .domain([0, Math.max(...data.map((el) => el[value]))])\n      .range([5.5, 50.5]);\n\n    const margin = Math.min(xScale.range()[0], xScale.range()[1]);\n\n    const labelPosition =\n      size[0] - 2 * margin - (xScale(d[x]) + offset[0] + z(d[value])) < measureText(d[label])\n        ? 'right'\n        : 'left';\n    const labelDistance = {\n      right: xScale(d[x]) + offset[0] - z(d[value]),\n      left: xScale(d[x]) + offset[0] + z(d[value]),\n    }[labelPosition];\n\n    return sstyled(styles)(\n      <g\n        key={`circle(#${i})`}\n        onMouseMove={this.bindHandlerTooltip(true, { xIndex: i })}\n        onMouseLeave={this.bindHandlerTooltip(false, { xIndex: i })}\n      >\n        {markedCross && (\n          <SCenter\n            x={xScale(d[x]) + offset[0]}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            color={d[color] ?? color}\n          >\n            &#43;\n          </SCenter>\n        )}\n        <SBubble\n          id={`${uid}${uid}`}\n          render=\"circle\"\n          clipPath={`url(#${uid})`}\n          cx={xScale(d[x]) + offset[0]}\n          cy={yScale(d[y]) + offset[1]}\n          color={d[color]}\n          r={z(d[value])}\n          use:duration={`${duration}ms`}\n        />\n        {d[label] && (\n          <SLabel\n            x={labelDistance}\n            y={yScale(d[y]) + offset[1]}\n            dy=\".3em\"\n            clipPath={`url(#${uid})`}\n            position={labelPosition}\n            color={d[color]}\n          >\n            {d[label]}\n          </SLabel>\n        )}\n      </g>,\n    );\n  }\n\n  render() {\n    const { data, uid, size, scale } = this.asProps;\n    const [xScale, yScale] = scale;\n    const marginX = Math.min(xScale.range()[0], xScale.range()[1]);\n    const marginY = Math.min(yScale.range()[0], yScale.range()[1]);\n\n    return (\n      <>\n        {data.map(this.renderCircle.bind(this))}\n        {data.map(this.animationCircle.bind(this))}\n        <ClipPath\n          id={uid}\n          x={marginX}\n          y={marginY}\n          width={`${size[0] - 2 * marginX}px`}\n          height={`${size[1] - 2 * marginY}px`}\n        />\n      </>\n    );\n  }\n}\n\nconst Bubble = createElement(BubbleRoot);\n\nexport default Bubble;\n"],"file":"Bubble.js"}

package/lib/es6/Donut.js

@@ -28,21 +28,23 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-".___SPie_101rw_gg_{stroke:#fff;fill:var(--color_3mch97)}.___SLabel_101rw_gg_{text-anchor:middle;vertical-anchor:middle}"
+".___SPie_12973_gg_{stroke:#fff;fill:#50aef4}.___SPie_12973_gg_.__color_12973_gg_{fill:var(--color_40fbm0)}.___SEmptyData_12973_gg_{fill:#e4ecf1}.___SEmptyData_12973_gg_.__color_12973_gg_{fill:var(--color_40fbm0)}.___SLabel_12973_gg_{text-anchor:middle;vertical-anchor:middle}"
 /*__inner_css_end__*/
-, "3mch97_gg_")
+, "40fbm0_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPie": "___SPie_101rw_gg_",
-  "--color": "--color_3mch97",
-  "__SLabel": "___SLabel_101rw_gg_"
+  "__SPie": "___SPie_12973_gg_",
+  "_color": "__color_12973_gg_",
+  "--color": "--color_40fbm0",
+  "__SEmptyData": "___SEmptyData_12973_gg_",
+  "__SLabel": "___SLabel_12973_gg_"
 });
 var DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');
 
-function animationInitialPie(_ref3) {
-  var halfsize = _ref3.halfsize,
-      d3Arc = _ref3.d3Arc,
-      arcs = _ref3.arcs;
+function animationInitialPie(_ref4) {
+  var halfsize = _ref4.halfsize,
+      d3Arc = _ref4.d3Arc,
+      arcs = _ref4.arcs;
   return function (_, ind) {
     var d = arcs[ind];
     if (!d) return function () {
@@ -58,10 +60,10 @@ function animationInitialPie(_ref3) {
   };
 }
 
-function animationUpdatePie(_ref4) {
-  var halfsize = _ref4.halfsize,
-      arcs = _ref4.arcs,
-      d3Arc = _ref4.d3Arc;
+function animationUpdatePie(_ref5) {
+  var halfsize = _ref5.halfsize,
+      arcs = _ref5.arcs,
+      d3Arc = _ref5.d3Arc;
   return function (_, ind) {
     var d = arcs[ind];
 
@@ -82,12 +84,12 @@ function animationUpdatePie(_ref4) {
   };
 }
 
-function animationHoverPie(_ref5) {
-  var d = _ref5.d,
-      selector = _ref5.selector,
-      duration = _ref5.duration,
-      innerRadius = _ref5.innerRadius,
-      outerRadius = _ref5.outerRadius;
+function animationHoverPie(_ref6) {
+  var d = _ref6.d,
+      selector = _ref6.selector,
+      duration = _ref6.duration,
+      innerRadius = _ref6.innerRadius,
+      outerRadius = _ref6.outerRadius;
 
   if (duration > 0) {
     transition().selection().select(selector).transition().duration(duration).attrTween('d', function () {
@@ -110,10 +112,10 @@ function animationHoverPie(_ref5) {
 
 var increaseFactor = 8;
 
-function getOuterRadius(_ref6) {
-  var size = _ref6.size,
-      halfsize = _ref6.halfsize,
-      outerRadius = _ref6.outerRadius;
+function getOuterRadius(_ref7) {
+  var size = _ref7.size,
+      halfsize = _ref7.halfsize,
+      outerRadius = _ref7.outerRadius;
 
   var _size = _slicedToArray(size, 2),
       width = _size[0],
@@ -142,9 +144,9 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "virtualElement", canUseDOM() ? document.createElement('div') : {});
 
     _defineProperty(_assertThisInitialized(_this), "bindHandlerTooltip", function (visible, props) {
-      return function (_ref7) {
-        var x = _ref7.clientX,
-            y = _ref7.clientY;
+      return function (_ref8) {
+        var x = _ref8.clientX,
+            y = _ref8.clientY;
         var eventEmitter = _this.asProps.eventEmitter;
         _this.virtualElement.getBoundingClientRect = _this.generateGetBoundingClientRect(x, y);
         _this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;
@@ -196,17 +198,17 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
 
           return acc;
         }, []);
-        pieData = Object.entries(data).filter(function (_ref8) {
-          var _ref9 = _slicedToArray(_ref8, 1),
-              key = _ref9[0];
+        pieData = Object.entries(data).filter(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 1),
+              key = _ref10[0];
 
           return keys.includes(key);
-        }).sort(function (_ref10, _ref11) {
-          var _ref12 = _slicedToArray(_ref10, 1),
-              a = _ref12[0];
-
+        }).sort(function (_ref11, _ref12) {
           var _ref13 = _slicedToArray(_ref11, 1),
-              b = _ref13[0];
+              a = _ref13[0];
+
+          var _ref14 = _slicedToArray(_ref12, 1),
+              b = _ref14[0];
 
           return keys.indexOf(a) > keys.indexOf(b) ? 1 : -1;
         });
@@ -266,12 +268,7 @@ var DonutRoot = /*#__PURE__*/function (_Component) {
     value: function getEmptyDataProps() {
       var d3Arc = this.asProps.d3Arc;
       return {
-        data: {
-          endAngle: Math.PI * 2,
-          startAngle: 0
-        },
-        d3Arc: d3Arc,
-        color: '#E4ECF1'
+        d3Arc: d3Arc
       };
     }
   }, {
@@ -343,21 +340,21 @@ _defineProperty(DonutRoot, "style", style);
 
 _defineProperty(DonutRoot, "enhance", [uniqueIDEnhancement()]);
 
-_defineProperty(DonutRoot, "defaultProps", function (_ref16) {
-  var _ref16$innerRadius = _ref16.innerRadius,
-      innerRadius = _ref16$innerRadius === void 0 ? 0 : _ref16$innerRadius,
-      outerRadius = _ref16.outerRadius,
-      _ref16$halfsize = _ref16.halfsize,
-      halfsize = _ref16$halfsize === void 0 ? false : _ref16$halfsize,
-      size = _ref16.$rootProps.size;
+_defineProperty(DonutRoot, "defaultProps", function (_ref18) {
+  var _ref18$innerRadius = _ref18.innerRadius,
+      innerRadius = _ref18$innerRadius === void 0 ? 0 : _ref18$innerRadius,
+      outerRadius = _ref18.outerRadius,
+      _ref18$halfsize = _ref18.halfsize,
+      halfsize = _ref18$halfsize === void 0 ? false : _ref18$halfsize,
+      size = _ref18.$rootProps.size;
   var d3Arc = arc().outerRadius(getOuterRadius({
     size: size,
     halfsize: halfsize,
     outerRadius: outerRadius
   })).innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);
-  var d3Pie = pie().sort(null).value(function (_ref17) {
-    var _ref18 = _slicedToArray(_ref17, 2),
-        value = _ref18[1];
+  var d3Pie = pie().sort(null).value(function (_ref19) {
+    var _ref20 = _slicedToArray(_ref19, 2),
+        value = _ref20[1];
 
     return value;
   });
@@ -374,15 +371,14 @@ _defineProperty(DonutRoot, "defaultProps", function (_ref16) {
   };
 });
 
-function Pie(_ref14) {
+function Pie(_ref15) {
   var _ref;
 
-  var SPie = _ref14.Element,
-      styles = _ref14.styles,
-      d3Arc = _ref14.d3Arc,
-      data = _ref14.data,
-      _ref14$color = _ref14.color,
-      color = _ref14$color === void 0 ? '#50aef4' : _ref14$color;
+  var SPie = _ref15.Element,
+      styles = _ref15.styles,
+      d3Arc = _ref15.d3Arc,
+      data = _ref15.data,
+      color = _ref15.color;
   return _ref = sstyled(styles), /*#__PURE__*/React.createElement(SPie, _ref.cn("SPie", {
     "render": "path",
     "color": color,
@@ -390,23 +386,40 @@ function Pie(_ref14) {
   }));
 }
 
-function Label(_ref15) {
+function EmptyData(_ref16) {
   var _ref2;
 
-  var SLabel = _ref15.Element,
-      styles = _ref15.styles,
-      Children = _ref15.Children;
-  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref2.cn("SLabel", {
+  var SEmptyData = _ref16.Element,
+      styles = _ref16.styles,
+      d3Arc = _ref16.d3Arc,
+      color = _ref16.color;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SEmptyData, _ref2.cn("SEmptyData", {
+    "render": "path",
+    "color": color,
+    "d": d3Arc({
+      endAngle: Math.PI * 2,
+      startAngle: 0
+    })
+  }));
+}
+
+function Label(_ref17) {
+  var _ref3;
+
+  var SLabel = _ref17.Element,
+      styles = _ref17.styles,
+      Children = _ref17.Children;
+  return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref3.cn("SLabel", {
     "render": "text",
     "x": "0",
     "y": "0"
-  }), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})));
+  }), /*#__PURE__*/React.createElement(Children, _ref3.cn("Children", {})));
 }
 
 var Donut = createElement(DonutRoot, {
   Pie: Pie,
   Label: Label,
-  EmptyData: Pie
+  EmptyData: EmptyData
 });
 export default Donut;
 //# sourceMappingURL=Donut.js.map