@semcore/d3-chart 2.17.1 → 2.17.3

package/lib/cjs/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","names":["_core","require","_react","_interopRequireDefault","_canUseDOM","_rafTrottle","_createElement","_utils","style","sstyled","insert","Hover","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","_createClass2","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","Component","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","scaleOfBandwidth","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","exports","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\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  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render=\"line\"\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render=\"rect\"\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render=\"rect\"\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}
+{"version":3,"file":"Hover.js","names":["_core","require","_react","_interopRequireDefault","_canUseDOM","_rafTrottle","_createElement","_utils","style","sstyled","insert","Hover","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","xIndex","yIndex","canUseDOM","document","createElement","trottle","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","current","_eventToPoint2","pX","pY","vX","invert","vY","undefined","getIndexFromData","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","CONSTANT","VIRTUAL_ELEMENT","setState","emit","_createClass2","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","Component","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","scaleOfBandwidth","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","exports","HoverRect"],"sources":["../../src/Hover.jsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled } from '@semcore/core';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport trottle from '@semcore/utils/lib/rafTrottle';\nimport createElement from './createElement';\nimport { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';\n\nimport style from './style/hover.shadow.css';\n\nclass Hover extends Component {\n  static style = style;\n\n  state = {\n    xIndex: null,\n    yIndex: null,\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  handlerMouseMoveRoot = trottle((e) => {\n    const { eventEmitter, data, scale, x, y, rootRef } = this.asProps;\n    const { clientX, clientY } = e;\n    const [xScale, yScale] = scale;\n    const [pX, pY] = eventToPoint(e, rootRef.current);\n    const vX = invert(xScale, pX);\n    const vY = invert(yScale, pY);\n    const xIndex =\n      x === undefined || vX === undefined ? null : getIndexFromData(data, xScale, x, vX);\n    const yIndex =\n      y === undefined || vY === undefined ? null : getIndexFromData(data, yScale, y, vY);\n    const state = { xIndex, yIndex };\n    this.virtualElement.getBoundingClientRect = this.generateGetBoundingClientRect(\n      clientX,\n      clientY,\n    );\n    this.virtualElement[CONSTANT.VIRTUAL_ELEMENT] = true;\n\n    this.setState(state, () => {\n      eventEmitter.emit(\n        'onTooltipVisible',\n        xIndex !== null || yIndex !== null,\n        state,\n        this.virtualElement,\n      );\n    });\n  });\n\n  handlerMouseLeaveRoot = trottle(() => {\n    const state = {\n      xIndex: null,\n      yIndex: null,\n    };\n    this.setState(state, () => {\n      this.asProps.eventEmitter.emit('onTooltipVisible', false, state);\n    });\n  });\n\n  componentDidMount() {\n    const { eventEmitter } = this.asProps;\n    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe('onMouseMoveChart', (e) => {\n      e.persist();\n      this.handlerMouseMoveRoot(e);\n    });\n    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe(\n      'onMouseLeaveChart',\n      this.handlerMouseLeaveRoot,\n    );\n  }\n\n  componentWillUnmount() {\n    if (this.unsubscribeMouseMoveRoot) {\n      this.unsubscribeMouseMoveRoot();\n    }\n    if (this.unsubscribeMouseLeaveRoot) {\n      this.unsubscribeMouseLeaveRoot();\n    }\n  }\n}\n\nclass HoverLineRoot extends Hover {\n  static displayName = 'HoverLine';\n\n  render() {\n    const SHoverLine = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : undefined;\n    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={xIndex}\n            x1={x1}\n            y1={yRange[0]}\n            x2={x1}\n            y2={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverLine\n            aria-hidden\n            render='line'\n            index={yIndex}\n            x1={xRange[0]}\n            y1={y1}\n            x2={xRange[1]}\n            y2={y1}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nclass HoverRectRoot extends Hover {\n  static displayName = 'HoverRect';\n\n  render() {\n    const SHoverRect = this.Element;\n    const { styles, x, y, data, scale } = this.asProps;\n    const { xIndex, yIndex } = this.state;\n    const [xScale, yScale] = scale;\n\n    const xRange = xScale.range();\n    const yRange = yScale.range();\n\n    return sstyled(styles)(\n      <>\n        {xIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={xIndex}\n            width={xScale.step() - xScale.paddingInner() / 2}\n            height={yRange[0] - yRange[1]}\n            x={xScale(data[xIndex][x]) - (xScale.step() * xScale.paddingInner()) / 2}\n            y={yRange[1]}\n          />\n        ) : null}\n        {yIndex !== null ? (\n          <SHoverRect\n            aria-hidden\n            render='rect'\n            index={yIndex}\n            width={xRange[1] - xRange[0]}\n            height={yScale.step() - yScale.paddingInner() / 2}\n            x={xRange[0]}\n            y={yScale(data[yIndex][y]) - (yScale.step() * yScale.paddingInner()) / 2}\n          />\n        ) : null}\n      </>,\n    );\n  }\n}\n\nconst HoverLine = createElement(HoverLineRoot);\nconst HoverRect = createElement(HoverRectRoot);\n\nexport { HoverLine, HoverRect };\n"],"mappings":"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"}

package/lib/cjs/Line.js

@@ -20,14 +20,14 @@ var _utils = require("./utils");
 var _Dots = _interopRequireDefault(require("./Dots"));
 var _ClipPath = _interopRequireDefault(require("./ClipPath"));
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_pnks7_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_pnks7);transition-timing-function:ease-in-out}.___SLine_pnks7_gg_.__color_pnks7_gg_{stroke:var(--color_pnks7)}.___SLine_pnks7_gg_.__hide_pnks7_gg_{display:none}.___SLine_pnks7_gg_.__transparent_pnks7_gg_{opacity:.3}.___SNull_pnks7_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_pnks7_gg_.__hide_pnks7_gg_{display:none}" /*__inner_css_end__*/, "pnks7_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_pnks7_gg_",
-  "--duration": "--duration_pnks7",
-  "_color": "__color_pnks7_gg_",
-  "--color": "--color_pnks7",
-  "_hide": "__hide_pnks7_gg_",
-  "_transparent": "__transparent_pnks7_gg_",
-  "__SNull": "___SNull_pnks7_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_tmvol_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_tmvol);transition-timing-function:ease-in-out}.___SLine_tmvol_gg_.__color_tmvol_gg_{stroke:var(--color_tmvol)}.___SLine_tmvol_gg_.__hide_tmvol_gg_{display:none}.___SLine_tmvol_gg_.__transparent_tmvol_gg_{opacity:.3}.___SNull_tmvol_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_tmvol_gg_.__hide_tmvol_gg_{display:none}" /*__inner_css_end__*/, "tmvol_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_tmvol_gg_",
+  "--duration": "--duration_tmvol",
+  "_color": "__color_tmvol_gg_",
+  "--color": "--color_tmvol",
+  "_hide": "__hide_tmvol_gg_",
+  "_transparent": "__transparent_tmvol_gg_",
+  "__SNull": "___SNull_tmvol_gg_"
 });
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);
@@ -93,7 +93,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
         "aria-hidden": true,
         "clipPath": "url(#".concat(uid, ")"),
-        "render": "path",
+        "render": 'path',
         "hide": hide,
         "color": color,
         "transparent": transparent,
@@ -105,8 +105,8 @@ var LineRoot = /*#__PURE__*/function (_Component) {
           rect.setAttribute('width', size[0]);
         },
         "id": uid,
-        "x": "0",
-        "y": "0",
+        "x": '0',
+        "y": '0',
         "width": 0,
         "height": size[1],
         "transition": "width ".concat(duration, "ms ease-in-out")
@@ -146,7 +146,7 @@ function Null(props) {
     data = props.data,
     hide = props.hide;
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNull, _ref2.cn("SNull", {
-    "render": "path",
+    "render": 'path',
     "d": d3(data),
     "hide": hide
   }));

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","getNullData","definedNullData","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref3","$rootProps","_ref3$curve","curve","curveLinear","scale","_ref4","_ref5","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\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, x, y, transparent } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render=\"path\"\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\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"],"mappings":"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"}
+{"version":3,"file":"Line.js","names":["_core","require","_react","_interopRequireDefault","_d3Shape","_uniqueID","_createElement","_utils","_Dots","_ClipPath","style","sstyled","insert","LineRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","getNullData","definedNullData","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","createElement","Fragment","cn","concat","setAttributeTag","rect","setAttribute","Component","_defineProperty2","uniqueIDEnhancement","_ref3","$rootProps","_ref3$curve","curve","curveLinear","scale","_ref4","_ref5","_slicedToArray2","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","_ref2","SNull","_default","Dots","exports"],"sources":["../../src/Line.jsx"],"sourcesContent":["import React from 'react';\nimport { curveLinear, line as d3Line } from 'd3-shape';\nimport { Component, sstyled } from '@semcore/core';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport createElement from './createElement';\nimport { definedData, definedNullData, scaleOfBandwidth, getNullData } from './utils';\nimport Dots from './Dots';\nimport ClipPath from './ClipPath';\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, transparent } = this.asProps;\n    return {\n      x,\n      y,\n      d3,\n      color,\n      duration,\n      transparent,\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, x, y, transparent } = this.asProps;\n\n    this.asProps.dataHintsHandler.specifyDataRowFields(x, y);\n    this.asProps.dataHintsHandler.establishDataType('time-series');\n\n    return sstyled(styles)(\n      <>\n        <SLine\n          aria-hidden\n          clipPath={`url(#${uid})`}\n          render='path'\n          hide={hide}\n          color={color}\n          transparent={transparent}\n          d={d3(data)}\n          use:duration={`${duration}ms`}\n        />\n        {duration && (\n          <ClipPath\n            aria-hidden\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"],"mappings":"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"}

package/lib/cjs/Plot.js

@@ -23,9 +23,9 @@ var _utils = require("./utils");
 var _PlotA11yModule = require("./a11y/PlotA11yModule");
 var _hints = require("./a11y/hints");
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_a27ib_gg_{overflow:hidden}.___SPlot_a27ib_gg_:active,.___SPlot_a27ib_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_a27ib_gg_.__keyboardFocused_a27ib_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "a27ib_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_a27ib_gg_",
-  "_keyboardFocused": "__keyboardFocused_a27ib_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_nqf5v_gg_{overflow:hidden}.___SPlot_nqf5v_gg_:active,.___SPlot_nqf5v_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_nqf5v_gg_.__keyboardFocused_nqf5v_gg_{border:1px solid var(--intergalactic-chart-palette-order-9, #008ff8);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}" /*__inner_css_end__*/, "nqf5v_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_nqf5v_gg_",
+  "_keyboardFocused": "__keyboardFocused_nqf5v_gg_"
 });
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);
@@ -40,7 +40,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "dataHintsHandler", (0, _hints.makeDataHintsHandlers)(_this.dataStructureHints));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseMove", function (e) {
       var scale = _this.asProps.scale;
-      _this.eventEmitter.emit("onMouseMoveRoot", e);
+      _this.eventEmitter.emit('onMouseMoveRoot', e);
       if (scale && scale.length >= 2) {
         var _scale = (0, _slicedToArray2["default"])(scale, 2),
           xScale = _scale[0],
@@ -65,7 +65,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseLeave", function (e) {
-      _this.eventEmitter.emit("onMouseLeaveRoot", e);
+      _this.eventEmitter.emit('onMouseLeaveRoot', e);
       _this.eventEmitter.emit('onMouseLeaveChart', e);
     });
     _this.eventEmitter = props.eventEmitter || new _eventEmitter["default"]();
@@ -113,8 +113,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         label = _this$asProps2.label,
         locale = _this$asProps2.locale;
       if (!width || !height) return null;
-      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "tag": "svg",
+      return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPlot, _ref2.cn("SPlot", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'svg',
         "__excludeProps": ['data', 'scale'],
         "ref": this.rootRef,
         "onMouseMove": this.handlerMouseMove,
@@ -122,8 +122,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "aria-label": label,
         "tabIndex": 0
       }, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/_react["default"].createElement("foreignObject", _ref2.cn("foreignObject", {
-        "width": "100%",
-        "height": "100%",
+        "width": '100%',
+        "height": '100%',
         "data-aria-only": true
       }), /*#__PURE__*/_react["default"].createElement(_PlotA11yModule.PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,
@@ -133,7 +133,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "plotRef": this.rootRef,
         "hints": this.dataStructureHints,
         "config": a11yAltTextConfig
-      })))));
+      }))));
     }
   }]);
   return PlotRoot;

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","style","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","Fragment","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit(`onMouseMoveRoot`, e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit(`onMouseLeaveRoot`, e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <>\n        <SPlot\n          render={Box}\n          tag=\"svg\"\n          __excludeProps={['data', 'scale']}\n          ref={this.rootRef}\n          onMouseMove={this.handlerMouseMove}\n          onMouseLeave={this.handlerMouseLeave}\n          aria-label={label}\n          tabIndex={0}\n        >\n          <Children />\n          <foreignObject width=\"100%\" height=\"100%\" data-aria-only>\n            <PlotA11yModule\n              id={this.plotId}\n              data={data}\n              plotLabel={label}\n              locale={locale}\n              plotRef={this.rootRef}\n              hints={this.dataStructureHints}\n              config={a11yAltTextConfig}\n            />\n          </foreignObject>\n        </SPlot>\n      </>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}
+{"version":3,"file":"Plot.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_eventEmitter","_keyboardFocusEnhance","_utils","_PlotA11yModule","_hints","style","sstyled","insert","PlotRoot","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray2","xScale","yScale","_eventToPoint","eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","EventEmitter","_createClass2","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread2","assignProps","handlerMouseMove","handlerMouseLeave","PlotA11yModule","plotId","Component","keyboardFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Plot.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport EventEmitter from '@semcore/utils/lib/eventEmitter';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { eventToPoint, uniqueId } from './utils';\nimport { PlotA11yModule } from './a11y/PlotA11yModule';\nimport { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';\n\nimport style from './style/plot.shadow.css';\n\nclass PlotRoot extends Component {\n  static displayName = 'Plot';\n  static style = style;\n\n  constructor(props) {\n    super(props);\n    this.eventEmitter = props.eventEmitter || new EventEmitter();\n  }\n\n  static defaultProps = () => ({\n    width: 0,\n    height: 0,\n  });\n\n  static enhance = [keyboardFocusEnhance()];\n\n  plotId = uniqueId();\n\n  rootRef = React.createRef();\n\n  dataStructureHints = makeDataHintsContainer();\n  dataHintsHandler = makeDataHintsHandlers(this.dataStructureHints);\n\n  handlerMouseMove = (e) => {\n    const { scale } = this.asProps;\n    this.eventEmitter.emit('onMouseMoveRoot', e);\n\n    if (scale && scale.length >= 2) {\n      const [xScale, yScale] = scale;\n      const [pX, pY] = eventToPoint(e, this.rootRef.current);\n      const [minX, maxX] = xScale.range();\n      const [maxY, minY] = yScale.range();\n\n      if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {\n        this.eventEmitter.emit('onMouseMoveChart', e);\n      } else {\n        this.eventEmitter.emit('onMouseLeaveChart', e);\n      }\n    }\n  };\n\n  handlerMouseLeave = (e) => {\n    this.eventEmitter.emit('onMouseLeaveRoot', e);\n    this.eventEmitter.emit('onMouseLeaveChart', e);\n  };\n\n  setContext() {\n    const { scale, data, width, height, locale } = this.asProps;\n\n    const yScaleDomain = scale?.[1]?.domain?.();\n    if (yScaleDomain?.length && data?.length) {\n      this.dataHintsHandler.setPointsDensity(\n        data.length / width,\n        Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height,\n      );\n    }\n\n    return {\n      $rootProps: {\n        size: [width, height],\n        data: data,\n        locale,\n        scale: scale,\n        eventEmitter: this.eventEmitter,\n        rootRef: this.rootRef,\n        dataHintsHandler: this.dataHintsHandler,\n      },\n    };\n  }\n\n  render() {\n    const SPlot = Root;\n    const { styles, width, height, Children, data, a11yAltTextConfig, label, locale } =\n      this.asProps;\n\n    if (!width || !height) return null;\n\n    return sstyled(styles)(\n      <SPlot\n        render={Box}\n        tag='svg'\n        __excludeProps={['data', 'scale']}\n        ref={this.rootRef}\n        onMouseMove={this.handlerMouseMove}\n        onMouseLeave={this.handlerMouseLeave}\n        aria-label={label}\n        tabIndex={0}\n      >\n        <Children />\n        <foreignObject width='100%' height='100%' data-aria-only>\n          <PlotA11yModule\n            id={this.plotId}\n            data={data}\n            plotLabel={label}\n            locale={locale}\n            plotRef={this.rootRef}\n            hints={this.dataStructureHints}\n            config={a11yAltTextConfig}\n          />\n        </foreignObject>\n      </SPlot>,\n    );\n  }\n}\n\nexport default createComponent(PlotRoot);\n"],"mappings":"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"}

package/lib/cjs/Radar.js

@@ -26,23 +26,23 @@ var _d3Shape = require("d3-shape");
 var _createElement = _interopRequireDefault(require("./createElement"));
 var _utils = require("./utils");
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_nmd8a_gg_,.___SAxisTick_nmd8a_gg_,.___SAxis_nmd8a_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_nmd8a_gg_,.___SAxisTick_nmd8a_gg_{stroke-dasharray:2}.___SAxisLine_nmd8a_gg_.__active_nmd8a_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_nmd8a_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_nmd8a_gg_.__xDirection_nmd8a_gg_{text-anchor:var(--xDirection_nmd8a)}.___SAxisLabel_nmd8a_gg_.__yDirection_nmd8a_gg_{dominant-baseline:var(--yDirection_nmd8a)}.___SPolygonDot_nmd8a_gg_,.___SPolygon_nmd8a_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_nmd8a_gg_{opacity:.2}.___SPolygon_nmd8a_gg_.__color_nmd8a_gg_{fill:var(--color_nmd8a)}.___SPolygonDot_nmd8a_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_nmd8a_gg_.__transparent_nmd8a_gg_{opacity:.3}.___SPolygonDot_nmd8a_gg_.__color_nmd8a_gg_{fill:var(--color_nmd8a)}.___SPolygonLine_nmd8a_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_nmd8a_gg_.__transparent_nmd8a_gg_{opacity:.3}.___SPolygonLine_nmd8a_gg_.__color_nmd8a_gg_{stroke:var(--color_nmd8a)}.___SPieRect_nmd8a_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "nmd8a_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_nmd8a_gg_",
-  "__SAxisLine": "___SAxisLine_nmd8a_gg_",
-  "__SAxisTick": "___SAxisTick_nmd8a_gg_",
-  "_active": "__active_nmd8a_gg_",
-  "__SAxisLabel": "___SAxisLabel_nmd8a_gg_",
-  "_xDirection": "__xDirection_nmd8a_gg_",
-  "--xDirection": "--xDirection_nmd8a",
-  "_yDirection": "__yDirection_nmd8a_gg_",
-  "--yDirection": "--yDirection_nmd8a",
-  "__SPolygon": "___SPolygon_nmd8a_gg_",
-  "_color": "__color_nmd8a_gg_",
-  "--color": "--color_nmd8a",
-  "__SPolygonDot": "___SPolygonDot_nmd8a_gg_",
-  "_transparent": "__transparent_nmd8a_gg_",
-  "__SPolygonLine": "___SPolygonLine_nmd8a_gg_",
-  "__SPieRect": "___SPieRect_nmd8a_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SAxisLine_3xmv8_gg_,.___SAxisTick_3xmv8_gg_,.___SAxis_3xmv8_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_3xmv8_gg_,.___SAxisTick_3xmv8_gg_{stroke-dasharray:2}.___SAxisLine_3xmv8_gg_.__active_3xmv8_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_3xmv8_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_3xmv8_gg_.__xDirection_3xmv8_gg_{text-anchor:var(--xDirection_3xmv8)}.___SAxisLabel_3xmv8_gg_.__yDirection_3xmv8_gg_{dominant-baseline:var(--yDirection_3xmv8)}.___SPolygonDot_3xmv8_gg_,.___SPolygon_3xmv8_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_3xmv8_gg_{opacity:.2}.___SPolygon_3xmv8_gg_.__color_3xmv8_gg_{fill:var(--color_3xmv8)}.___SPolygonDot_3xmv8_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_3xmv8_gg_.__transparent_3xmv8_gg_{opacity:.3}.___SPolygonDot_3xmv8_gg_.__color_3xmv8_gg_{fill:var(--color_3xmv8)}.___SPolygonLine_3xmv8_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_3xmv8_gg_.__transparent_3xmv8_gg_{opacity:.3}.___SPolygonLine_3xmv8_gg_.__color_3xmv8_gg_{stroke:var(--color_3xmv8)}.___SPieRect_3xmv8_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "3xmv8_gg_") /*__reshadow_css_end__*/, {
+  "__SAxis": "___SAxis_3xmv8_gg_",
+  "__SAxisLine": "___SAxisLine_3xmv8_gg_",
+  "__SAxisTick": "___SAxisTick_3xmv8_gg_",
+  "_active": "__active_3xmv8_gg_",
+  "__SAxisLabel": "___SAxisLabel_3xmv8_gg_",
+  "_xDirection": "__xDirection_3xmv8_gg_",
+  "--xDirection": "--xDirection_3xmv8",
+  "_yDirection": "__yDirection_3xmv8_gg_",
+  "--yDirection": "--yDirection_3xmv8",
+  "__SPolygon": "___SPolygon_3xmv8_gg_",
+  "_color": "__color_3xmv8_gg_",
+  "--color": "--color_3xmv8",
+  "__SPolygonDot": "___SPolygonDot_3xmv8_gg_",
+  "_transparent": "__transparent_3xmv8_gg_",
+  "__SPolygonLine": "___SPolygonLine_3xmv8_gg_",
+  "__SPieRect": "___SPieRect_3xmv8_gg_"
 });
 var clampAngle = function clampAngle(angle) {
   angle = angle % (2 * Math.PI);
@@ -239,8 +239,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SRadar, _ref.cn("SRadar", {
         "aria-hidden": true,
         "id": this.id,
-        "render": "g",
-        "childrenPosition": "inside",
+        "render": 'g',
+        "childrenPosition": 'inside',
         "transform": "translate(".concat(width / 2, ",").concat(height / 2, ")")
       }));
     }
@@ -309,7 +309,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         color = _this$asProps6.color,
         fill = _this$asProps6.fill;
       return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygon, _ref2.cn("SPolygon", {
-        "render": "path",
+        "render": 'path',
         "d": d3(data),
         "color": fill || color
       }));
@@ -319,13 +319,13 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
 }(_core.Component);
 (0, _defineProperty2["default"])(PolygonRoot, "displayName", 'Polygon');
 (0, _defineProperty2["default"])(PolygonRoot, "style", style);
-(0, _defineProperty2["default"])(PolygonRoot, "defaultProps", function (_ref18) {
-  var scale = _ref18.scale,
-    _ref18$curve = _ref18.curve,
-    curve = _ref18$curve === void 0 ? _d3Shape.curveLinearClosed : _ref18$curve,
-    size = _ref18.size,
-    offset = _ref18.offset,
-    angleOffset = _ref18.angleOffset;
+(0, _defineProperty2["default"])(PolygonRoot, "defaultProps", function (_ref19) {
+  var scale = _ref19.scale,
+    _ref19$curve = _ref19.curve,
+    curve = _ref19$curve === void 0 ? _d3Shape.curveLinearClosed : _ref19$curve,
+    size = _ref19.size,
+    offset = _ref19.offset,
+    angleOffset = _ref19.angleOffset;
   scale.range([0, Math.min(size[0], size[1]) / 2 - offset]);
   return {
     d3: (0, _d3Shape.lineRadial)().curve(curve).radius(function (d) {
@@ -344,7 +344,7 @@ function PolygonLine(props) {
     data = props.data,
     transparent = props.transparent;
   return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonLine, _ref3.cn("SPolygonLine", {
-    "render": "path",
+    "render": 'path',
     "d": d3(data),
     "color": color,
     "transparent": transparent
@@ -370,7 +370,7 @@ function PolygonDots(props) {
       cy = _getRadianPosition2[1];
     return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPolygonDot, _ref4.cn("SPolygonDot", {
       "key": i,
-      "render": "circle",
+      "render": 'circle',
       "cx": cx,
       "cy": cy,
       "color": color,
@@ -476,12 +476,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
       return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
-        "render": "circle",
+        "render": 'circle',
         "cx": 0,
         "cy": 0,
         "r": radius
       })) : /*#__PURE__*/_react["default"].createElement(SAxis, _ref5.cn("SAxis", {
-        "render": "path",
+        "render": 'path',
         "d": this.createLineRadial(radius, total)(categories)
       })), categories.map(function (category, i) {
         var _getRadianPosition3 = getRadianPosition(i, radius, total, angleOffset),
@@ -507,9 +507,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
 }(_core.Component);
 (0, _defineProperty2["default"])(AxisRoot, "displayName", 'Polygon');
 (0, _defineProperty2["default"])(AxisRoot, "style", style);
-(0, _defineProperty2["default"])(AxisRoot, "defaultProps", function (_ref19) {
-  var data = _ref19.data,
-    dataKey = _ref19.dataKey;
+(0, _defineProperty2["default"])(AxisRoot, "defaultProps", function (_ref20) {
+  var data = _ref20.data,
+    dataKey = _ref20.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -532,12 +532,12 @@ function AxisTicks(props) {
     });
     return _ref6 = (0, _core.sstyled)(styles), type === 'circle' ? /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
       "key": i,
-      "render": "circle",
+      "render": 'circle',
       "cx": 0,
       "cy": 0,
       "r": radius * tick
     })) : /*#__PURE__*/_react["default"].createElement(SAxisTick, _ref6.cn("SAxisTick", {
-      "render": "path",
+      "render": 'path',
       "key": i,
       "d": d3(categories)
     }));
@@ -567,8 +567,8 @@ function AxisLabels(props) {
       var lines = category.split('\n');
       return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAxisLabel, _ref7.cn("SAxisLabel", {
         "key": i,
-        "render": "text",
-        "childrenPosition": "inside",
+        "render": 'text',
+        "childrenPosition": 'inside',
         "x": x,
         "y": y,
         "xDirection": xDirection,
@@ -582,11 +582,12 @@ function AxisLabels(props) {
       }));
     }
     if ( /*#__PURE__*/_react["default"].isValidElement(category)) {
-      var _category$props = category === null || category === void 0 ? void 0 : category.props,
-        _category$props$width = _category$props.width,
-        width = _category$props$width === void 0 ? 0 : _category$props$width,
-        _category$props$heigh = _category$props.height,
-        height = _category$props$heigh === void 0 ? 0 : _category$props$heigh;
+      var _category$props;
+      var _ref18 = (_category$props = category === null || category === void 0 ? void 0 : category.props) !== null && _category$props !== void 0 ? _category$props : {},
+        _ref18$width = _ref18.width,
+        width = _ref18$width === void 0 ? 0 : _ref18$width,
+        _ref18$height = _ref18.height,
+        height = _ref18$height === void 0 ? 0 : _ref18$height;
       var _getLabelOffsetPositi = getLabelOffsetPosition(xDirection, yDirection, width, height),
         _getLabelOffsetPositi2 = (0, _slicedToArray2["default"])(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -762,13 +763,13 @@ var Hover = /*#__PURE__*/function (_Component4) {
             radius = _this$getPie2[2];
           var circle = (0, _d3Shape.arc)().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
           return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref8.cn("SPieRect", {
-            "render": "path",
+            "render": 'path',
             "d": circle()
           }));
         } else {
           var _ref9;
           return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPieRect, _ref9.cn("SPieRect", {
-            "render": "path",
+            "render": 'path',
             "d": (0, _d3Shape.line)()(this.getPolygon(index))
           }));
         }