@semcore/d3-chart 2.4.5 → 2.4.7

package/lib/es6/Donut.js.map

@@ -1 +1 @@
-{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","interpolate","transition","Component","sstyled","canUseDOM","getOriginChildren","uniqueIDEnhancement","createElement","CONSTANT","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","style","value","SPie","styles","color","name","other","isMount","setIsMount","describeValueEntity","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\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  animationActivePie = (props) => {\n    let { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        aria-hidden\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}
+{"version":3,"file":"Donut.js","names":["React","useEffect","useState","arc","pie","interpolate","transition","Component","sstyled","canUseDOM","getOriginChildren","uniqueIDEnhancement","createElement","CONSTANT","DEFAULT_INSTANCE","Symbol","animationInitialPie","halfsize","d3Arc","d3ArcOut","arcs","activeIndexPie","_","ind","d","iStart","Math","PI","startAngle","iEnd","endAngle","t","animationUpdatePie","_current","i","animationHoverPie","selector","duration","innerRadius","outerRadius","selection","select","attrTween","min","max","increaseFactor","getOuterRadius","size","width","height","minORmax","DonutRoot","document","undefined","visible","props","x","clientX","y","clientY","eventEmitter","asProps","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","emit","active","data","id","uid","top","right","bottom","left","Children","d3Pie","pieData","Object","entries","keys","toArray","reduce","acc","child","isValidElement","type","Donut","Pie","push","dataKey","filter","key","includes","sort","a","b","indexOf","minValue","cur","map","find","$animationActivePie","animationActivePie","onMouseMove","bindHandlerTooltip","onMouseLeave","onMouseOver","e","target","getAttribute","onMouseOut","prevProps","$rootProps","selectAll","each","dataHintsHandler","establishDataType","Element","k","getArcs","style","value","SPie","styles","color","name","other","isMount","setIsMount","describeValueEntity","EmptyData","SEmptyData","Label","SLabel","children","setTitle"],"sources":["../../src/Donut.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { arc, pie } from 'd3-shape';\nimport { interpolate } from 'd3-interpolate';\nimport { transition } from 'd3-transition';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { CONSTANT } from './utils';\n\nimport style from './style/donut.shadow.css';\n\nconst DEFAULT_INSTANCE = Symbol('DEFAULT_INSTANCE');\n\nfunction animationInitialPie({ halfsize, d3Arc, d3ArcOut, arcs, activeIndexPie }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (!d) return () => '';\n    const iStart = interpolate(halfsize ? -Math.PI / 2 : 0, d.startAngle);\n    const iEnd = interpolate(halfsize ? -Math.PI / 2 : 0, d.endAngle);\n    return function (t) {\n      d.startAngle = iStart(t);\n      d.endAngle = iEnd(t);\n      return ind === activeIndexPie ? d3ArcOut(d) : d3Arc(d);\n    };\n  };\n}\n\nfunction animationUpdatePie({ halfsize, arcs, d3Arc }) {\n  return function (_, ind) {\n    const d = arcs[ind];\n    if (this._current) {\n      const i = interpolate(this._current, d);\n      this._current = i(0);\n      return function (t) {\n        return d3Arc(i(t));\n      };\n    } else {\n      this._current = d;\n      return animationInitialPie({ halfsize, arcs, d3Arc })(_, ind);\n    }\n  };\n}\n\nfunction animationHoverPie({ d, selector, duration, innerRadius, outerRadius }) {\n  if (duration > 0) {\n    transition()\n      .selection()\n      .select(selector)\n      .transition()\n      .duration(duration)\n      .attrTween('d', function () {\n        if (!d) return () => '';\n        const [min, max] = outerRadius;\n        const i = interpolate(min, max);\n        return function (t) {\n          const d3ArcOut = arc().innerRadius(innerRadius).outerRadius(i(t));\n          return d3ArcOut(d);\n        };\n      });\n  }\n}\n\nconst increaseFactor = 8;\n\nfunction getOuterRadius({ size, halfsize, outerRadius }) {\n  const [width, height] = size;\n  const minORmax = halfsize ? Math.max : Math.min;\n  return outerRadius || minORmax(width - increaseFactor * 2, height - increaseFactor * 2) / 2;\n}\n\nclass DonutRoot extends Component {\n  static displayName = 'Donut';\n  static style = style;\n  static enhance = [uniqueIDEnhancement()];\n\n  static defaultProps = ({\n    innerRadius = 0,\n    outerRadius,\n    halfsize = false,\n    $rootProps: { size },\n  }) => {\n    const d3Arc = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }))\n      .innerRadius(innerRadius);\n\n    const d3ArcOut = arc()\n      .outerRadius(getOuterRadius({ size, halfsize, outerRadius }) + increaseFactor)\n      .innerRadius(innerRadius);\n\n    let d3Pie = pie()\n      .sort(null)\n      .value(([, value]) => value);\n    d3Pie[DEFAULT_INSTANCE] = true;\n\n    if (halfsize) {\n      d3Pie = d3Pie.startAngle(-Math.PI / 2).endAngle(Math.PI / 2);\n    }\n    return {\n      d3Pie,\n      d3Arc,\n      d3ArcOut,\n      duration: 500,\n    };\n  };\n\n  get id() {\n    const { uid, id } = this.asProps;\n    return id || uid;\n  }\n\n  virtualElement = canUseDOM() ? document.createElement('div') : {};\n  activeIndexPie = undefined;\n\n  generateGetBoundingClientRect(x = 0, y = 0) {\n    return () => ({ width: 0, height: 0, top: y, right: x, bottom: y, left: x });\n  }\n\n  getArcs() {\n    const { Children, data, d3Pie } = this.asProps;\n    let pieData = Object.entries(data);\n\n    if (d3Pie[DEFAULT_INSTANCE]) {\n      const keys = React.Children.toArray(getOriginChildren(Children)).reduce((acc, child) => {\n        if (React.isValidElement(child) && child.type === Donut.Pie) {\n          acc.push(child.props.dataKey);\n        }\n        return acc;\n      }, []);\n      pieData = Object.entries(data)\n        .filter(([key]) => keys.includes(key))\n        .sort(([a], [b]) => (keys.indexOf(a) > keys.indexOf(b) ? 1 : -1));\n    }\n    const minValue =\n      pieData.reduce((acc, cur) => {\n        if (cur[1]) acc += cur[1];\n        return acc;\n      }, 0) / 100;\n    pieData = pieData.map((d) => {\n      if (d[1] && d[1] < minValue) d[1] = minValue;\n      return d;\n    });\n    return d3Pie(pieData);\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  animationActivePie = (props) => {\n    let { duration, innerRadius } = this.asProps;\n    const { active, data, selector } = props;\n    innerRadius = innerRadius > increaseFactor ? innerRadius - increaseFactor : innerRadius;\n    const outerRadius = getOuterRadius(this.asProps);\n    active\n      ? animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius, outerRadius + increaseFactor],\n        })\n      : animationHoverPie({\n          d: data,\n          selector: `#${this.id} ${selector}`,\n          duration: duration === 0 ? 0 : 300,\n          innerRadius,\n          outerRadius: [outerRadius + increaseFactor, outerRadius],\n        });\n  };\n\n  getPieProps(props, ind) {\n    const { d3Arc, d3ArcOut } = this.asProps;\n    const { active } = props;\n    const data = this.arcs.find((arc) => arc.data[0] === props.dataKey);\n    if (active) {\n      this.activeIndexPie = ind;\n    }\n\n    return {\n      data,\n      d3Arc,\n      d3ArcOut,\n      $animationActivePie: this.animationActivePie,\n      onMouseMove: this.bindHandlerTooltip(true, props),\n      onMouseLeave: this.bindHandlerTooltip(false, props),\n      onMouseOver: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: true,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n      onMouseOut: (e) => {\n        !active &&\n          this.animationActivePie({\n            active: false,\n            data,\n            selector: `[d=\"${e.target.getAttribute('d')}\"]`,\n          });\n      },\n    };\n  }\n\n  getEmptyDataProps() {\n    const { d3Arc } = this.asProps;\n    return {\n      d3Arc,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    const { data, duration, d3Arc, halfsize } = this.asProps;\n    const arcs = this.arcs;\n    if (prevProps.$rootProps.data !== data && duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .transition()\n        .duration(duration)\n        .attrTween('d', animationUpdatePie({ d3Arc, arcs, halfsize }));\n    }\n  }\n\n  componentDidMount() {\n    const { duration, d3Arc, halfsize, d3ArcOut } = this.asProps;\n    const arcs = this.arcs;\n\n    if (duration > 0) {\n      transition()\n        .selection()\n        .selectAll(`#${this.id} [data-ui-name=\"Donut.Pie\"]`)\n        .each(function (_, ind) {\n          this._current = arcs[ind];\n        })\n        .transition()\n        .duration(duration)\n        .attrTween(\n          'd',\n          animationInitialPie({\n            halfsize,\n            d3Arc,\n            d3ArcOut,\n            arcs,\n            activeIndexPie: this.activeIndexPie,\n          }),\n        );\n    }\n  }\n\n  render() {\n    const { halfsize, size } = this.asProps;\n    this.asProps.dataHintsHandler.establishDataType('values-set');\n    const [width, height] = size;\n    const Element = this.Element;\n    const k = halfsize ? 1 : 2;\n    this.arcs = this.getArcs();\n    return (\n      <Element\n        aria-hidden\n        id={this.id}\n        render=\"g\"\n        childrenPosition=\"inside\"\n        transform={`translate(${width / 2},${height / k})`}\n      />\n    );\n  }\n}\n\nfunction Pie({\n  Element: SPie,\n  styles,\n  d3Arc,\n  data,\n  color,\n  $animationActivePie,\n  active,\n  d3ArcOut,\n  name,\n  dataKey,\n  dataHintsHandler,\n  ...other\n}) {\n  const [isMount, setIsMount] = useState(false);\n\n  useEffect(() => {\n    // do not run animation on first render\n    if (!isMount) {\n      setIsMount(true);\n      return;\n    }\n    if (active !== undefined && active !== null) {\n      $animationActivePie({ ...other, active, data, selector: `[name=\"${other.name}\"]` });\n    }\n  }, [active]);\n\n  dataHintsHandler.establishDataType('values-set');\n  dataHintsHandler.describeValueEntity(dataKey, name);\n\n  return sstyled(styles)(\n    <SPie render=\"path\" color={color} d={active ? d3ArcOut(data) : d3Arc(data)} />,\n  );\n}\n\nfunction EmptyData({ Element: SEmptyData, styles, d3Arc, color }) {\n  return sstyled(styles)(\n    <SEmptyData render=\"path\" color={color} d={d3Arc({ endAngle: Math.PI * 2, startAngle: 0 })} />,\n  );\n}\n\nfunction Label({ Element: SLabel, styles, Children, children, dataHintsHandler }) {\n  dataHintsHandler.setTitle('vertical', children);\n\n  return sstyled(styles)(\n    <SLabel render=\"text\" x=\"0\" y=\"0\" aria-hidden>\n      <Children />\n    </SLabel>,\n  );\n}\n\nconst Donut = createElement(DonutRoot, { Pie, Label, EmptyData });\n\nexport default Donut;\n"],"mappings":"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"}

package/lib/es6/Dots.js

@@ -12,18 +12,18 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SDots_1oivv_gg_ .___SDot_1oivv_gg_ {\n    transition-duration: var(--duration_1oivv);\n  }\n\n.___SDot_1oivv_gg_ {\n  stroke-width: 2px;\n  stroke: #fff;\n  r: 6px;\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-timing-function: ease-in-out;\n}\n\n.___SDot_1oivv_gg_.__hide_1oivv_gg_ {\n  display: none;\n}\n\n.___SDot_1oivv_gg_.__active_1oivv_gg_ {\n  r: 8px;\n}\n\n.___SDot_1oivv_gg_.__color_1oivv_gg_ {\n  fill: var(--color_1oivv);\n}\n"
+".___SDots_1cixh_gg_ .___SDot_1cixh_gg_{transition-duration:var(--duration_1cixh)}.___SDot_1cixh_gg_{stroke-width:2px;stroke:#fff;r:6px;fill:#2bb3ff;transition-property:cx,cy;transition-timing-function:ease-in-out}.___SDot_1cixh_gg_.__hide_1cixh_gg_{display:none}.___SDot_1cixh_gg_.__active_1cixh_gg_{r:8px}.___SDot_1cixh_gg_.__color_1cixh_gg_{fill:var(--color_1cixh)}"
 /*__inner_css_end__*/
-, "1oivv_gg_")
+, "1cixh_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SDots": "___SDots_1oivv_gg_",
-  "__SDot": "___SDot_1oivv_gg_",
-  "--duration": "--duration_1oivv",
-  "_hide": "__hide_1oivv_gg_",
-  "_active": "__active_1oivv_gg_",
-  "_color": "__color_1oivv_gg_",
-  "--color": "--color_1oivv"
+  "__SDots": "___SDots_1cixh_gg_",
+  "__SDot": "___SDot_1cixh_gg_",
+  "--duration": "--duration_1cixh",
+  "_hide": "__hide_1cixh_gg_",
+  "_active": "__active_1cixh_gg_",
+  "_color": "__color_1cixh_gg_",
+  "--color": "--color_1cixh"
 });
 var EXCLUDE_PROPS = ['data', 'scale', 'value', 'display'];
 

package/lib/es6/HorizontalBar.js

@@ -23,17 +23,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SBar_z81l7_gg_ {\n  fill: #2bb3ff;\n  transition-property: height, width, y;\n  transition-duration: var(--duration_z81l7);\n  transition-timing-function: ease-in-out;\n}\n\n.___SBar_z81l7_gg_.__color_z81l7_gg_ {\n  fill: var(--color_z81l7);\n}\n\n.___SBar_z81l7_gg_.__hide_z81l7_gg_ {\n  display: none;\n}\n\n.___SBackground_z81l7_gg_ {\n  fill: #c4c7cf;\n}\n"
+".___SBar_10ufx_gg_{fill:#2bb3ff;transition-property:height,width,y;transition-duration:var(--duration_10ufx);transition-timing-function:ease-in-out}.___SBar_10ufx_gg_.__color_10ufx_gg_{fill:var(--color_10ufx)}.___SBar_10ufx_gg_.__hide_10ufx_gg_{display:none}.___SBackground_10ufx_gg_{fill:#c4c7cf}"
 /*__inner_css_end__*/
-, "z81l7_gg_")
+, "10ufx_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SBar": "___SBar_z81l7_gg_",
-  "--duration": "--duration_z81l7",
-  "_color": "__color_z81l7_gg_",
-  "--color": "--color_z81l7",
-  "_hide": "__hide_z81l7_gg_",
-  "__SBackground": "___SBackground_z81l7_gg_"
+  "__SBar": "___SBar_10ufx_gg_",
+  "--duration": "--duration_10ufx",
+  "_color": "__color_10ufx_gg_",
+  "--color": "--color_10ufx",
+  "_hide": "__hide_10ufx_gg_",
+  "__SBackground": "___SBackground_10ufx_gg_"
 });
 
 var HorizontalBarRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Hover.js

@@ -24,13 +24,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SHoverLine_1m8up_gg_ {\n  stroke: #a9abb6;\n}\n\n.___SHoverRect_1m8up_gg_ {\n  fill: rgba(196, 199, 207, 0.3);\n}\n"
+".___SHoverLine_1tplg_gg_{stroke:#a9abb6}.___SHoverRect_1tplg_gg_{fill:rgba(196,199,207,.3)}"
 /*__inner_css_end__*/
-, "1m8up_gg_")
+, "1tplg_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SHoverLine": "___SHoverLine_1m8up_gg_",
-  "__SHoverRect": "___SHoverRect_1m8up_gg_"
+  "__SHoverLine": "___SHoverLine_1tplg_gg_",
+  "__SHoverRect": "___SHoverRect_1tplg_gg_"
 });
 
 var Hover = /*#__PURE__*/function (_Component) {

package/lib/es6/Line.js

@@ -25,17 +25,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SLine_14bgq_gg_ {\n  fill: transparent;\n  stroke-width: 3;\n  stroke: #2bb3ff;\n  transition-property: d;\n  transition-duration: var(--duration_14bgq);\n  transition-timing-function: ease-in-out;\n}\n\n.___SLine_14bgq_gg_.__color_14bgq_gg_ {\n  stroke: var(--color_14bgq);\n}\n\n.___SLine_14bgq_gg_.__hide_14bgq_gg_ {\n  display: none;\n}\n\n.___SNull_14bgq_gg_ {\n  fill: transparent;\n  stroke: #c4c7cf;\n  stroke-dasharray: 4;\n}\n\n.___SNull_14bgq_gg_.__hide_14bgq_gg_ {\n  display: none;\n}\n"
+".___SLine_5w2vj_gg_{fill:transparent;stroke-width:3;stroke:#2bb3ff;transition-property:d;transition-duration:var(--duration_5w2vj);transition-timing-function:ease-in-out}.___SLine_5w2vj_gg_.__color_5w2vj_gg_{stroke:var(--color_5w2vj)}.___SLine_5w2vj_gg_.__hide_5w2vj_gg_{display:none}.___SNull_5w2vj_gg_{fill:transparent;stroke:#c4c7cf;stroke-dasharray:4}.___SNull_5w2vj_gg_.__hide_5w2vj_gg_{display:none}"
 /*__inner_css_end__*/
-, "14bgq_gg_")
+, "5w2vj_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SLine": "___SLine_14bgq_gg_",
-  "--duration": "--duration_14bgq",
-  "_color": "__color_14bgq_gg_",
-  "--color": "--color_14bgq",
-  "_hide": "__hide_14bgq_gg_",
-  "__SNull": "___SNull_14bgq_gg_"
+  "__SLine": "___SLine_5w2vj_gg_",
+  "--duration": "--duration_5w2vj",
+  "_color": "__color_5w2vj_gg_",
+  "--color": "--color_5w2vj",
+  "_hide": "__hide_5w2vj_gg_",
+  "__SNull": "___SNull_5w2vj_gg_"
 });
 
 var LineRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Plot.js

@@ -31,13 +31,13 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SPlot_1wg1w_gg_ {\n  overflow: hidden;\n}\n\n.___SPlot_1wg1w_gg_:active,\n.___SPlot_1wg1w_gg_:focus {\n  outline: 0;\n  text-decoration: none;\n}\n\nforeignObject[data-aria-only] {\n  pointer-events: none;\n}\n\n.___SPlot_1wg1w_gg_.__keyboardFocused_1wg1w_gg_ {\n  border: 1px solid #008ff8;\n  box-shadow: 0 0 0 3px rgba(0, 143, 248, 0.2);\n}\n"
+".___SPlot_lq6m7_gg_{overflow:hidden}.___SPlot_lq6m7_gg_:active,.___SPlot_lq6m7_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_lq6m7_gg_.__keyboardFocused_lq6m7_gg_{border:1px solid #008ff8;box-shadow:0 0 0 3px rgba(0, 143, 248, 0.2)}"
 /*__inner_css_end__*/
-, "1wg1w_gg_")
+, "lq6m7_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SPlot": "___SPlot_1wg1w_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wg1w_gg_"
+  "__SPlot": "___SPlot_lq6m7_gg_",
+  "_keyboardFocused": "__keyboardFocused_lq6m7_gg_"
 });
 
 var PlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/RadialTree.js

@@ -34,20 +34,20 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SRadian_xffh4_gg_ {\n  cursor: pointer;\n  fill: #008ff8;\n}\n\n.___SLine_xffh4_gg_ {\n  stroke: #008ff8;\n}\n\n.___SLine_xffh4_gg_.__color_xffh4_gg_ {\n  stroke: var(--color_xffh4);\n}\n\n.___SCap_xffh4_gg_ {\n  transition: r 0.1s;\n}\n\n.___SLabel_xffh4_gg_ {\n  fill: var(--color_xffh4);\n  cursor: var(--text-cursor_xffh4);\n}\n\n.___SRadian_xffh4_gg_:hover .___SLabel_xffh4_gg_ {\n  fill: var(--color-hovered_xffh4);\n}\n\n@media (prefers-reduced-motion) {\n  .___SLineCap_xffh4_gg_ {\n    transition: none;\n  }\n}\n"
+".___SRadian_snqov_gg_{cursor:pointer;fill:#008ff8}.___SLine_snqov_gg_{stroke:#008ff8}.___SLine_snqov_gg_.__color_snqov_gg_{stroke:var(--color_snqov)}.___SCap_snqov_gg_{transition:r .1s}.___SLabel_snqov_gg_{fill:var(--color_snqov);cursor:var(--text-cursor_snqov)}.___SRadian_snqov_gg_:hover .___SLabel_snqov_gg_{fill:var(--color-hovered_snqov)}@media (prefers-reduced-motion){.___SLineCap_snqov_gg_{transition:none}}"
 /*__inner_css_end__*/
-, "xffh4_gg_")
+, "snqov_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SRadian": "___SRadian_xffh4_gg_",
-  "__SLine": "___SLine_xffh4_gg_",
-  "_color": "__color_xffh4_gg_",
-  "--color": "--color_xffh4",
-  "__SCap": "___SCap_xffh4_gg_",
-  "__SLabel": "___SLabel_xffh4_gg_",
-  "--text-cursor": "--text-cursor_xffh4",
-  "--color-hovered": "--color-hovered_xffh4",
-  "__SLineCap": "___SLineCap_xffh4_gg_"
+  "__SRadian": "___SRadian_snqov_gg_",
+  "__SLine": "___SLine_snqov_gg_",
+  "_color": "__color_snqov_gg_",
+  "--color": "--color_snqov",
+  "__SCap": "___SCap_snqov_gg_",
+  "__SLabel": "___SLabel_snqov_gg_",
+  "--text-cursor": "--text-cursor_snqov",
+  "--color-hovered": "--color-hovered_snqov",
+  "__SLineCap": "___SLineCap_snqov_gg_"
 });
 var baseAngle = -Math.PI / 2; // The top vertical line
 

package/lib/es6/ReferenceLine.js

@@ -25,27 +25,27 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SReferenceLine_1t8oh_gg_ {\n  fill: none;\n  stroke: #a9abb6;\n}\n\n.___STitle_1t8oh_gg_ {\n  font-size: 12px;\n  fill: #6c6e79;\n  transform-origin: var(--transform-origin_1t8oh);\n}\n\n.___STitle_1t8oh_gg_._position_top_1t8oh_gg_ {\n  text-anchor: middle;\n}\n\n.___STitle_1t8oh_gg_._position_bottom_1t8oh_gg_ {\n  text-anchor: middle;\n  alignment-baseline: hanging;\n}\n\n.___STitle_1t8oh_gg_._position_right_1t8oh_gg_ {\n  transform: rotate(-90deg);\n  alignment-baseline: middle;\n  text-anchor: middle;\n}\n\n.___STitle_1t8oh_gg_._position_left_1t8oh_gg_ {\n  transform: rotate(-90deg);\n  text-anchor: middle;\n  alignment-baseline: middle;\n}\n\n.___SBackground_1t8oh_gg_ {\n  fill: rgba(196, 199, 207, 0.2);\n}\n"
+".___SReferenceLine_1co9s_gg_{fill:none;stroke:#a9abb6}.___STitle_1co9s_gg_{font-size:12px;fill:#6c6e79;transform-origin:var(--transform-origin_1co9s)}.___STitle_1co9s_gg_._position_top_1co9s_gg_{text-anchor:middle}.___STitle_1co9s_gg_._position_bottom_1co9s_gg_{text-anchor:middle;alignment-baseline:hanging}.___STitle_1co9s_gg_._position_right_1co9s_gg_{transform:rotate(-90deg);alignment-baseline:middle;text-anchor:middle}.___STitle_1co9s_gg_._position_left_1co9s_gg_{transform:rotate(-90deg);text-anchor:middle;alignment-baseline:middle}.___SBackground_1co9s_gg_{fill:rgba(196,199,207,.2)}"
 /*__inner_css_end__*/
-, "1t8oh_gg_")
+, "1co9s_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SReferenceLine": "___SReferenceLine_1t8oh_gg_",
-  "__STitle": "___STitle_1t8oh_gg_",
-  "--transform-origin": "--transform-origin_1t8oh",
-  "_position_top": "_position_top_1t8oh_gg_",
-  "_position_bottom": "_position_bottom_1t8oh_gg_",
-  "_position_right": "_position_right_1t8oh_gg_",
-  "_position_left": "_position_left_1t8oh_gg_",
-  "__SBackground": "___SBackground_1t8oh_gg_"
+  "__SReferenceLine": "___SReferenceLine_1co9s_gg_",
+  "__STitle": "___STitle_1co9s_gg_",
+  "--transform-origin": "--transform-origin_1co9s",
+  "_position_top": "_position_top_1co9s_gg_",
+  "_position_bottom": "_position_bottom_1co9s_gg_",
+  "_position_right": "_position_right_1co9s_gg_",
+  "_position_left": "_position_left_1co9s_gg_",
+  "__SBackground": "___SBackground_1co9s_gg_"
 });
-var MAP_ORIENTATION = {
+var side2direction = {
   left: 'vertical',
   right: 'vertical',
   top: 'horizontal',
   bottom: 'horizontal'
 };
-var MAP_POSITION_LINE = {
+var lineDirection2props = {
   vertical: function vertical(_ref4, value) {
     var _ref5 = _slicedToArray(_ref4, 2),
         xScale = _ref5[0],
@@ -54,10 +54,10 @@ var MAP_POSITION_LINE = {
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x,
-      y: yRange[1],
-      width: 0.1,
-      height: yRange[0] - yRange[1]
+      x1: x,
+      x2: x,
+      y1: yRange[0],
+      y2: yRange[1]
     };
   },
   horizontal: function horizontal(_ref6, value) {
@@ -68,16 +68,15 @@ var MAP_POSITION_LINE = {
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
-      x: xRange[0],
-      y: y,
-      width: xRange[1] - xRange[0],
-      height: 0.1
+      x1: xRange[0],
+      x2: xRange[1],
+      y1: y,
+      y2: y
     };
   }
 };
-var OFFSET_TITLE = 10;
-var MAP_POSITION_TITlE = {
-  left: function left(_ref8, value) {
+var rectDirection2props = {
+  vertical: function vertical(_ref8, value) {
     var _ref9 = _slicedToArray(_ref8, 2),
         xScale = _ref9[0],
         yScale = _ref9[1];
@@ -85,44 +84,75 @@ var MAP_POSITION_TITlE = {
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x - OFFSET_TITLE,
-      y: (yRange[0] + yRange[1]) / 2
+      x: x,
+      y: yRange[1],
+      width: 100,
+      height: yRange[0] - yRange[1]
     };
   },
-  right: function right(_ref10, value) {
+  horizontal: function horizontal(_ref10, value) {
     var _ref11 = _slicedToArray(_ref10, 2),
         xScale = _ref11[0],
         yScale = _ref11[1];
 
+    var xRange = xScale.range();
+    var y = scaleOfBandwidth(yScale, value);
+    return {
+      x: xRange[0],
+      y: y,
+      width: xRange[1] - xRange[0],
+      height: 100
+    };
+  }
+};
+var titleOffset = 10;
+var titleSideToProps = {
+  left: function left(_ref12, value) {
+    var _ref13 = _slicedToArray(_ref12, 2),
+        xScale = _ref13[0],
+        yScale = _ref13[1];
+
     var yRange = yScale.range();
     var x = scaleOfBandwidth(xScale, value);
     return {
-      x: x + OFFSET_TITLE,
+      x: x - titleOffset,
       y: (yRange[0] + yRange[1]) / 2
     };
   },
-  top: function top(_ref12, value) {
-    var _ref13 = _slicedToArray(_ref12, 2),
-        xScale = _ref13[0],
-        yScale = _ref13[1];
+  right: function right(_ref14, value) {
+    var _ref15 = _slicedToArray(_ref14, 2),
+        xScale = _ref15[0],
+        yScale = _ref15[1];
+
+    var yRange = yScale.range();
+    var x = scaleOfBandwidth(xScale, value);
+    return {
+      x: x + titleOffset,
+      y: (yRange[0] + yRange[1]) / 2
+    };
+  },
+  top: function top(_ref16, value) {
+    var _ref17 = _slicedToArray(_ref16, 2),
+        xScale = _ref17[0],
+        yScale = _ref17[1];
 
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y - OFFSET_TITLE
+      y: y - titleOffset
     };
   },
-  bottom: function bottom(_ref14, value) {
-    var _ref15 = _slicedToArray(_ref14, 2),
-        xScale = _ref15[0],
-        yScale = _ref15[1];
+  bottom: function bottom(_ref18, value) {
+    var _ref19 = _slicedToArray(_ref18, 2),
+        xScale = _ref19[0],
+        yScale = _ref19[1];
 
     var xRange = xScale.range();
     var y = scaleOfBandwidth(yScale, value);
     return {
       x: (xRange[1] + xRange[0]) / 2,
-      y: y + OFFSET_TITLE
+      y: y + titleOffset
     };
   }
 };
@@ -173,12 +203,12 @@ var ReferenceLineRoot = /*#__PURE__*/function (_Component) {
           value = _this$asProps3.value,
           color = _this$asProps3.color,
           styles = _this$asProps3.styles;
-      var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+      var positionProps = lineDirection2props[side2direction[position]];
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SReferenceLine, _ref.cn("SReferenceLine", _objectSpread({
-        "render": "rect",
+        "render": "line",
         "__excludeProps": ['data', 'scale', 'format', 'value', 'color'],
         "stroke": color
-      }, pos(scale, value)))), title && /*#__PURE__*/React.createElement(ReferenceLine.Title, null, title));
+      }, positionProps(scale, value)))), title && /*#__PURE__*/React.createElement(ReferenceLine.Title, null, title));
     }
   }]);
 
@@ -202,9 +232,9 @@ function Title(props) {
       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 _titleSideToProps$pos = titleSideToProps[position](scale, value),
+      x = _titleSideToProps$pos.x,
+      y = _titleSideToProps$pos.y;
 
   var sstyles = sstyled(styles);
   var sTitleStyles = sstyles.cn('STitle', {
@@ -229,11 +259,11 @@ function Background(props) {
       scale = props.scale,
       position = props.position,
       value = props.value;
-  var pos = MAP_POSITION_LINE[MAP_ORIENTATION[position]];
+  var positionProps = rectDirection2props[side2direction[position]];
   return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SBackground, _ref3.cn("SBackground", _objectSpread({
     "render": "rect",
     "childrenPosition": "inside"
-  }, pos(scale, value))));
+  }, positionProps(scale, value))));
 }
 
 var ReferenceLine = createElement(ReferenceLineRoot, {

package/lib/es6/ReferenceLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferenceLine.js","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"],"sources":["../../src/ReferenceLine.jsx"],"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"],"mappings":"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"}
+{"version":3,"file":"ReferenceLine.js","names":["React","Component","sstyled","createElement","scaleOfBandwidth","side2direction","left","right","top","bottom","lineDirection2props","vertical","value","xScale","yScale","yRange","range","x","x1","x2","y1","y2","horizontal","xRange","y","rectDirection2props","width","height","titleOffset","titleSideToProps","ReferenceLineRoot","asProps","position","SReferenceLine","Element","title","scale","color","styles","positionProps","style","Title","props","STitle","sstyles","sTitleStyles","cn","toFixed","className","Background","SBackground","ReferenceLine"],"sources":["../../src/ReferenceLine.jsx"],"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 side2direction = {\n  left: 'vertical',\n  right: 'vertical',\n  top: 'horizontal',\n  bottom: 'horizontal',\n};\n\nconst lineDirection2props = {\n  vertical: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x1: x,\n      x2: x,\n      y1: yRange[0],\n      y2: yRange[1],\n    };\n  },\n  horizontal: ([xScale, yScale], value) => {\n    const xRange = xScale.range();\n    const y = scaleOfBandwidth(yScale, value);\n    return {\n      x1: xRange[0],\n      x2: xRange[1],\n      y1: y,\n      y2: y,\n    };\n  },\n};\n\nconst rectDirection2props = {\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: 100,\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: 100,\n    };\n  },\n};\n\nconst titleOffset = 10;\nconst titleSideToProps = {\n  left: ([xScale, yScale], value) => {\n    const yRange = yScale.range();\n    const x = scaleOfBandwidth(xScale, value);\n    return {\n      x: x - titleOffset,\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 + titleOffset,\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 - titleOffset,\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 + titleOffset,\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 positionProps = lineDirection2props[side2direction[position]];\n\n    return sstyled(styles)(\n      <>\n        <SReferenceLine\n          render=\"line\"\n          __excludeProps={['data', 'scale', 'format', 'value', 'color']}\n          stroke={color}\n          {...positionProps(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 } = titleSideToProps[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 positionProps = rectDirection2props[side2direction[position]];\n\n  return sstyled(styles)(\n    <SBackground render=\"rect\" childrenPosition=\"inside\" {...positionProps(scale, value)} />,\n  );\n}\n\nconst ReferenceLine = createElement(ReferenceLineRoot, {\n  Title,\n  Background,\n});\n\nexport default ReferenceLine;\n"],"mappings":"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"}

package/lib/es6/ScatterPlot.js

@@ -30,16 +30,16 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___SScatterPlot_5eyaz_gg_ {\n  fill: #2bb3ff;\n  transition-property: cx, cy;\n  transition-duration: var(--duration_5eyaz);\n  transition-timing-function: ease-in-out;\n  opacity: 0.5\n}\n\n.___SScatterPlot_5eyaz_gg_:hover {\n    opacity: 0.8;\n  }\n\n.___SScatterPlot_5eyaz_gg_.__color_5eyaz_gg_ {\n  fill: var(--color_5eyaz);\n}\n\n.___SValue_5eyaz_gg_ {\n  text-anchor: middle;\n  font-size: 10px;\n  stroke: #008ff8;\n}\n\n.___SValue_5eyaz_gg_.__color_5eyaz_gg_ {\n  stroke: var(--color_5eyaz);\n}\n"
+".___SScatterPlot_1mawy_gg_{fill:#2bb3ff;transition-property:cx,cy;transition-duration:var(--duration_1mawy);transition-timing-function:ease-in-out;opacity:.5}.___SScatterPlot_1mawy_gg_:hover{opacity:.8}.___SScatterPlot_1mawy_gg_.__color_1mawy_gg_{fill:var(--color_1mawy)}.___SValue_1mawy_gg_{text-anchor:middle;font-size:10px;stroke:#008ff8}.___SValue_1mawy_gg_.__color_1mawy_gg_{stroke:var(--color_1mawy)}"
 /*__inner_css_end__*/
-, "5eyaz_gg_")
+, "1mawy_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__SScatterPlot": "___SScatterPlot_5eyaz_gg_",
-  "--duration": "--duration_5eyaz",
-  "_color": "__color_5eyaz_gg_",
-  "--color": "--color_5eyaz",
-  "__SValue": "___SValue_5eyaz_gg_"
+  "__SScatterPlot": "___SScatterPlot_1mawy_gg_",
+  "--duration": "--duration_1mawy",
+  "_color": "__color_1mawy_gg_",
+  "--color": "--color_1mawy",
+  "__SValue": "___SValue_1mawy_gg_"
 });
 
 var ScatterPlotRoot = /*#__PURE__*/function (_Component) {

package/lib/es6/Tooltip.js

@@ -34,17 +34,17 @@ var style = (
 /*__reshadow_css_start__*/
 _sstyled.insert(
 /*__inner_css_start__*/
-":root {\n\n  /* DEPRECATED START\n     Deprecated variables should never be used in\n     components styles but preserved for backward\n     compatibility if they used in projects\n     like `<Badge bg=\"red\">alpha</Badge>`\n  */\n  /* DEPRECATED END */\n}\n\n.___STooltip_1pe41_gg_ {\n  font-size: 12px;\n  line-height: 1.33;\n  position: relative;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 1px solid #e0e1e9;\n  box-sizing: border-box;\n  box-shadow: 0px 1px 12px 0px rgba(25, 27, 35, 0.15);\n  padding: 12px;\n}\n\n.___STitle_1pe41_gg_ {\n  color: #6c6e79;\n  margin-bottom: 8px;\n}\n\n.___SDotGroup_1pe41_gg_ {\n  display: flex;\n  align-items: center;\n}\n\n.___SDot_1pe41_gg_ {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  margin-right: 8px;\n  background: #2bb3ff;\n}\n\n.___SDot_1pe41_gg_.__color_1pe41_gg_ {\n  background: var(--color_1pe41);\n}\n"
+".___STooltip_rfk5a_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_rfk5a_gg_{color:#6c6e79;margin-bottom:8px}.___SDotGroup_rfk5a_gg_{display:flex;align-items:center}.___SDot_rfk5a_gg_{width:8px;height:8px;border-radius:50%;margin-right:8px;background:#2bb3ff}.___SDot_rfk5a_gg_.__color_rfk5a_gg_{background:var(--color_rfk5a)}"
 /*__inner_css_end__*/
-, "1pe41_gg_")
+, "rfk5a_gg_")
 /*__reshadow_css_end__*/
 , {
-  "__STooltip": "___STooltip_1pe41_gg_",
-  "__STitle": "___STitle_1pe41_gg_",
-  "__SDotGroup": "___SDotGroup_1pe41_gg_",
-  "__SDot": "___SDot_1pe41_gg_",
-  "_color": "__color_1pe41_gg_",
-  "--color": "--color_1pe41"
+  "__STooltip": "___STooltip_rfk5a_gg_",
+  "__STitle": "___STitle_rfk5a_gg_",
+  "__SDotGroup": "___SDotGroup_rfk5a_gg_",
+  "__SDot": "___SDot_rfk5a_gg_",
+  "_color": "__color_rfk5a_gg_",
+  "--color": "--color_rfk5a"
 });
 
 var TooltipRoot = /*#__PURE__*/function (_Component) {