@semcore/d3-chart 2.17.2 → 2.17.3

package/lib/es6/Hover.js

@@ -13,9 +13,9 @@ import trottle from '@semcore/utils/lib/rafTrottle';
 import createElement from './createElement';
 import { scaleOfBandwidth, getIndexFromData, eventToPoint, invert, CONSTANT } from './utils';
 /*__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_5o6k5_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_5o6k5_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "5o6k5_gg_") /*__reshadow_css_end__*/, {
-  "__SHoverLine": "___SHoverLine_5o6k5_gg_",
-  "__SHoverRect": "___SHoverRect_5o6k5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SHoverLine_1y8gg_gg_{stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1y8gg_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "1y8gg_gg_") /*__reshadow_css_end__*/, {
+  "__SHoverLine": "___SHoverLine_1y8gg_gg_",
+  "__SHoverRect": "___SHoverRect_1y8gg_gg_"
 });
 var Hover = /*#__PURE__*/function (_Component) {
   _inherits(Hover, _Component);
@@ -145,7 +145,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
       var y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : undefined;
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
         "aria-hidden": true,
-        "render": "line",
+        "render": 'line',
         "index": xIndex,
         "x1": x1,
         "y1": yRange[0],
@@ -153,7 +153,7 @@ var HoverLineRoot = /*#__PURE__*/function (_Hover) {
         "y2": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverLine, _ref.cn("SHoverLine", {
         "aria-hidden": true,
-        "render": "line",
+        "render": 'line',
         "index": yIndex,
         "x1": xRange[0],
         "y1": y1,
@@ -193,7 +193,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
       var yRange = yScale.range();
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, xIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
         "aria-hidden": true,
-        "render": "rect",
+        "render": 'rect',
         "index": xIndex,
         "width": xScale.step() - xScale.paddingInner() / 2,
         "height": yRange[0] - yRange[1],
@@ -201,7 +201,7 @@ var HoverRectRoot = /*#__PURE__*/function (_Hover2) {
         "y": yRange[1]
       })) : null, yIndex !== null ? /*#__PURE__*/React.createElement(SHoverRect, _ref2.cn("SHoverRect", {
         "aria-hidden": true,
-        "render": "rect",
+        "render": 'rect',
         "index": yIndex,
         "width": xRange[1] - xRange[0],
         "height": yScale.step() - yScale.paddingInner() / 2,

package/lib/es6/Hover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hover.js","names":["React","Component","sstyled","canUseDOM","trottle","createElement","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","style","_sstyled","insert","Hover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","xIndex","yIndex","document","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray","xScale","yScale","_eventToPoint","current","_eventToPoint2","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","_createClass","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","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":["React","Component","sstyled","canUseDOM","trottle","createElement","scaleOfBandwidth","getIndexFromData","eventToPoint","invert","CONSTANT","style","_sstyled","insert","Hover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","xIndex","yIndex","document","e","_this$asProps","asProps","eventEmitter","data","scale","x","y","rootRef","clientX","clientY","_scale","_slicedToArray","xScale","yScale","_eventToPoint","current","_eventToPoint2","pX","pY","vX","vY","undefined","state","virtualElement","getBoundingClientRect","generateGetBoundingClientRect","VIRTUAL_ELEMENT","setState","emit","_createClass","key","value","width","height","top","right","bottom","left","componentDidMount","_this2","unsubscribeMouseMoveRoot","subscribe","persist","handlerMouseMoveRoot","unsubscribeMouseLeaveRoot","handlerMouseLeaveRoot","componentWillUnmount","HoverLineRoot","_Hover","_super2","render","_ref","SHoverLine","Element","_this$asProps2","styles","_this$state","_scale2","xRange","range","yRange","x1","y1","Fragment","cn","HoverRectRoot","_Hover2","_super3","_ref2","SHoverRect","_this$asProps3","_this$state2","_scale3","step","paddingInner","HoverLine","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/es6/Line.js

@@ -14,14 +14,14 @@ import { definedData, definedNullData, scaleOfBandwidth, getNullData } from './u
 import Dots from './Dots';
 import ClipPath from './ClipPath';
 /*__reshadow-styles__:"./style/line.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLine_1f0so_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_1f0so);transition-timing-function:ease-in-out}.___SLine_1f0so_gg_.__color_1f0so_gg_{stroke:var(--color_1f0so)}.___SLine_1f0so_gg_.__hide_1f0so_gg_{display:none}.___SLine_1f0so_gg_.__transparent_1f0so_gg_{opacity:.3}.___SNull_1f0so_gg_{fill:transparent;stroke:var(--intergalactic-border-primary, #c4c7cf);stroke-dasharray:4}.___SNull_1f0so_gg_.__hide_1f0so_gg_{display:none}" /*__inner_css_end__*/, "1f0so_gg_") /*__reshadow_css_end__*/, {
-  "__SLine": "___SLine_1f0so_gg_",
-  "--duration": "--duration_1f0so",
-  "_color": "__color_1f0so_gg_",
-  "--color": "--color_1f0so",
-  "_hide": "__hide_1f0so_gg_",
-  "_transparent": "__transparent_1f0so_gg_",
-  "__SNull": "___SNull_1f0so_gg_"
+var style = ( /*__reshadow_css_start__*/_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) {
   _inherits(LineRoot, _Component);
@@ -87,7 +87,7 @@ var LineRoot = /*#__PURE__*/function (_Component) {
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SLine, _ref.cn("SLine", {
         "aria-hidden": true,
         "clipPath": "url(#".concat(uid, ")"),
-        "render": "path",
+        "render": 'path',
         "hide": hide,
         "color": color,
         "transparent": transparent,
@@ -99,8 +99,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")
@@ -140,7 +140,7 @@ function Null(props) {
     data = props.data,
     hide = props.hide;
   return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SNull, _ref2.cn("SNull", {
-    "render": "path",
+    "render": 'path',
     "d": d3(data),
     "hide": hide
   }));

package/lib/es6/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"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":["React","curveLinear","line","d3Line","Component","sstyled","uniqueIDEnhancement","createElement","definedData","definedNullData","scaleOfBandwidth","getNullData","Dots","ClipPath","style","_sstyled","insert","LineRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getDotsProps","_this$asProps","asProps","x","y","d3","color","duration","transparent","getNullProps","_this$asProps2","data","render","_ref","SLine","Element","_this$asProps3","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","Fragment","cn","concat","setAttributeTag","rect","setAttribute","_defineProperty","_ref3","$rootProps","_ref3$curve","curve","scale","_ref4","_ref5","_slicedToArray","xScale","yScale","defined","p","Null","props","_ref2","SNull"],"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":";;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,IAAI,IAAIC,MAAM,QAAQ,UAAU;AACtD,SAASC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AAClD,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,WAAW,EAAEC,eAAe,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,SAAS;AACrF,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,QAAQ,MAAM,YAAY;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5BC,QAAQ,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,QAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,QAAA;EAAA,SAAAA,SAAA;IAAAK,eAAA,OAAAL,QAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,QAAA;IAAAS,GAAA;IAAAC,KAAA,EAiBZ,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAAmD,IAAI,CAACC,OAAO;QAAvDC,CAAC,GAAAF,aAAA,CAADE,CAAC;QAAEC,CAAC,GAAAH,aAAA,CAADG,CAAC;QAAEC,EAAE,GAAAJ,aAAA,CAAFI,EAAE;QAAEC,KAAK,GAAAL,aAAA,CAALK,KAAK;QAAEC,QAAQ,GAAAN,aAAA,CAARM,QAAQ;QAAEC,WAAW,GAAAP,aAAA,CAAXO,WAAW;MAC9C,OAAO;QACLL,CAAC,EAADA,CAAC;QACDC,CAAC,EAADA,CAAC;QACDC,EAAE,EAAFA,EAAE;QACFC,KAAK,EAALA,KAAK;QACLC,QAAQ,EAARA,QAAQ;QACRC,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAV,GAAA;IAAAC,KAAA,EAED,SAAAU,aAAA,EAAe;MACb,IAAAC,cAAA,GAAkC,IAAI,CAACR,OAAO;QAAtCC,CAAC,GAAAO,cAAA,CAADP,CAAC;QAAEC,CAAC,GAAAM,cAAA,CAADN,CAAC;QAAEC,EAAE,GAAAK,cAAA,CAAFL,EAAE;QAAEC,KAAK,GAAAI,cAAA,CAALJ,KAAK;QAAEK,IAAI,GAAAD,cAAA,CAAJC,IAAI;MAC7B,OAAO;QACLN,EAAE,EAAFA,EAAE;QACF;QACAM,IAAI,EAAE5B,WAAW,CAAC4B,IAAI,EAAE9B,eAAe,CAACsB,CAAC,EAAEC,CAAC,CAAC,EAAEA,CAAC,CAAC;QACjDE,KAAK,EAALA;MACF,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EAED,SAAAa,OAAA,EAAS;MAAA,IAAAC,IAAA;MACP,IAAMC,KAAK,GAAG,IAAI,CAACC,OAAO;MAC1B,IAAAC,cAAA,GAAkF,IAAI,CAACd,OAAO;QAAtFe,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,IAAI,GAAAF,cAAA,CAAJE,IAAI;QAAEZ,KAAK,GAAAU,cAAA,CAALV,KAAK;QAAEa,GAAG,GAAAH,cAAA,CAAHG,GAAG;QAAEC,IAAI,GAAAJ,cAAA,CAAJI,IAAI;QAAEf,EAAE,GAAAW,cAAA,CAAFX,EAAE;QAAEM,IAAI,GAAAK,cAAA,CAAJL,IAAI;QAAEJ,QAAQ,GAAAS,cAAA,CAART,QAAQ;QAAEJ,CAAC,GAAAa,cAAA,CAADb,CAAC;QAAEC,CAAC,GAAAY,cAAA,CAADZ,CAAC;QAAEI,WAAW,GAAAQ,cAAA,CAAXR,WAAW;MAE7E,IAAI,CAACN,OAAO,CAACmB,gBAAgB,CAACC,oBAAoB,CAACnB,CAAC,EAAEC,CAAC,CAAC;MACxD,IAAI,CAACF,OAAO,CAACmB,gBAAgB,CAACE,iBAAiB,CAAC,aAAa,CAAC;MAE9D,OAAAV,IAAA,GAAOpC,OAAO,CAACwC,MAAM,CAAC,eACpB7C,KAAA,CAAAO,aAAA,CAAAP,KAAA,CAAAoD,QAAA,qBACEpD,KAAA,CAAAO,aAAA,CAACmC,KAAK,EAAAD,IAAA,CAAAY,EAAA;QAAA;QAAA,oBAAAC,MAAA,CAEcP,GAAG;QAAA,UACd,MAAM;QAAA,QACPD,IAAI;QAAA,SACHZ,KAAK;QAAA,eACCE,WAAW;QAAA,KACrBH,EAAE,CAACM,IAAI,CAAC;QAAA,mBAAAe,MAAA,CACMnB,QAAQ;MAAA,GACzB,EACDA,QAAQ,iBACPnC,KAAA,CAAAO,aAAA,CAACM,QAAQ,EAAA4B,IAAA,CAAAY,EAAA;QAAA;QAAA,mBAEU,SAAAE,gBAACC,IAAI,EAAK;UACzBA,IAAI,CAACC,YAAY,CAAC,OAAO,EAAET,IAAI,CAAC,CAAC,CAAC,CAAC;QACrC,CAAC;QAAA,MACGD,GAAG;QAAA,KACL,GAAG;QAAA,KACH,GAAG;QAAA,SACE,CAAC;QAAA,UACAC,IAAI,CAAC,CAAC,CAAC;QAAA,uBAAAM,MAAA,CACMnB,QAAQ;MAAA,GAEhC,CACA;IAEP;EAAC;EAAA,OAAAlB,QAAA;AAAA,EA1EoBb,SAAS;AAAAsD,eAAA,CAA1BzC,QAAQ,iBACS,MAAM;AAAAyC,eAAA,CADvBzC,QAAQ,WAEGH,KAAK;AAAA4C,eAAA,CAFhBzC,QAAQ,aAGK,CAACX,mBAAmB,EAAE,CAAC;AAAAoD,eAAA,CAHpCzC,QAAQ,kBAKU,UAAA0C,KAAA,EAAsD;EAAA,IAAnD5B,CAAC,GAAA4B,KAAA,CAAD5B,CAAC;IAAEC,CAAC,GAAA2B,KAAA,CAAD3B,CAAC;IAAE4B,UAAU,GAAAD,KAAA,CAAVC,UAAU;IAAAC,WAAA,GAAAF,KAAA,CAAEG,KAAK;IAALA,KAAK,GAAAD,WAAA,cAAG5D,WAAW,GAAA4D,WAAA;IAAEE,KAAK,GAAAJ,KAAA,CAALI,KAAK;EACnE,IAAAC,KAAA,GAAyBD,KAAK,IAAIH,UAAU,CAACG,KAAK;IAAAE,KAAA,GAAAC,cAAA,CAAAF,KAAA;IAA3CG,MAAM,GAAAF,KAAA;IAAEG,MAAM,GAAAH,KAAA;EACrB,OAAO;IACLhC,EAAE,EAAE9B,MAAM,EAAE,CACTkE,OAAO,CAAC7D,WAAW,CAACuB,CAAC,EAAEC,CAAC,CAAC,CAAC,CAC1B8B,KAAK,CAACA,KAAK,CAAC,CACZ/B,CAAC,CAAC,UAACuC,CAAC;MAAA,OAAK5D,gBAAgB,CAACyD,MAAM,EAAEG,CAAC,CAACvC,CAAC,CAAC,CAAC;IAAA,EAAC,CACxCC,CAAC,CAAC,UAACsC,CAAC;MAAA,OAAK5D,gBAAgB,CAAC0D,MAAM,EAAEE,CAAC,CAACtC,CAAC,CAAC,CAAC;IAAA,EAAC;IAC3CG,QAAQ,EAAE;EACZ,CAAC;AACH,CAAC;AA8DH,SAASoC,IAAIA,CAACC,KAAK,EAAE;EAAA,IAAAC,KAAA;EACnB,IAAiBC,KAAK,GAA6BF,KAAK,CAAhD7B,OAAO;IAASE,MAAM,GAAqB2B,KAAK,CAAhC3B,MAAM;IAAEZ,EAAE,GAAiBuC,KAAK,CAAxBvC,EAAE;IAAEM,IAAI,GAAWiC,KAAK,CAApBjC,IAAI;IAAEO,IAAI,GAAK0B,KAAK,CAAd1B,IAAI;EAC9C,OAAA2B,KAAA,GAAOpE,OAAO,CAACwC,MAAM,CAAC,eAAC7C,KAAA,CAAAO,aAAA,CAACmE,KAAK,EAAAD,KAAA,CAAApB,EAAA;IAAA,UAAQ,MAAM;IAAA,KAAIpB,EAAE,CAACM,IAAI,CAAC;IAAA,QAAQO;EAAI,GAAI;AACzE;AAEA,eAAevC,aAAa,CAACU,QAAQ,EAAE;EACrCL,IAAI,EAAJA,IAAI;EACJ2D,IAAI,EAAJA;AACF,CAAC,CAAC"}

package/lib/es6/Plot.js

@@ -17,9 +17,9 @@ import { eventToPoint, uniqueId } from './utils';
 import { PlotA11yModule } from './a11y/PlotA11yModule';
 import { makeDataHintsHandlers, makeDataHintsContainer } from './a11y/hints';
 /*__reshadow-styles__:"./style/plot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPlot_1esoi_gg_{overflow:hidden}.___SPlot_1esoi_gg_:active,.___SPlot_1esoi_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_1esoi_gg_.__keyboardFocused_1esoi_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__*/, "1esoi_gg_") /*__reshadow_css_end__*/, {
-  "__SPlot": "___SPlot_1esoi_gg_",
-  "_keyboardFocused": "__keyboardFocused_1esoi_gg_"
+var style = ( /*__reshadow_css_start__*/_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) {
   _inherits(PlotRoot, _Component);
@@ -34,7 +34,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "dataHintsHandler", makeDataHintsHandlers(_this.dataStructureHints));
     _defineProperty(_assertThisInitialized(_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 = _slicedToArray(scale, 2),
           xScale = _scale[0],
@@ -59,7 +59,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
       }
     });
     _defineProperty(_assertThisInitialized(_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();
@@ -108,7 +108,7 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         locale = _this$asProps2.locale;
       if (!width || !height) return null;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPlot, _ref2.cn("SPlot", _objectSpread({}, _assignProps({
-        "tag": "svg",
+        "tag": 'svg',
         "__excludeProps": ['data', 'scale'],
         "ref": this.rootRef,
         "onMouseMove": this.handlerMouseMove,
@@ -116,8 +116,8 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
         "aria-label": label,
         "tabIndex": 0
       }, _ref))), /*#__PURE__*/React.createElement(Children, _ref2.cn("Children", {})), /*#__PURE__*/React.createElement("foreignObject", _ref2.cn("foreignObject", {
-        "width": "100%",
-        "height": "100%",
+        "width": '100%',
+        "height": '100%',
         "data-aria-only": true
       }), /*#__PURE__*/React.createElement(PlotA11yModule, _ref2.cn("PlotA11yModule", {
         "id": this.plotId,

package/lib/es6/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"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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"}
+{"version":3,"file":"Plot.js","names":["React","createComponent","Component","Root","sstyled","Box","EventEmitter","keyboardFocusEnhance","eventToPoint","uniqueId","PlotA11yModule","makeDataHintsHandlers","makeDataHintsContainer","style","_sstyled","insert","PlotRoot","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","_scale","_slicedToArray","xScale","yScale","_eventToPoint","rootRef","current","_eventToPoint2","pX","pY","_xScale$range","range","_xScale$range2","minX","maxX","_yScale$range","_yScale$range2","maxY","minY","_createClass","key","value","setContext","_scale$","_scale$$domain","_this$asProps","data","width","height","locale","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","_this$asProps2","styles","Children","a11yAltTextConfig","label","createElement","cn","_objectSpread","_assignProps","handlerMouseMove","handlerMouseLeave","plotId"],"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/es6/Radar.js

@@ -18,23 +18,23 @@ import { line, lineRadial, curveLinearClosed, arc } from 'd3-shape';
 import createElement from './createElement';
 import { CONSTANT, eventToPoint, measureText } from './utils';
 /*__reshadow-styles__:"./style/radar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SAxisLine_17w57_gg_,.___SAxisTick_17w57_gg_,.___SAxis_17w57_gg_{stroke:var(--intergalactic-chart-grid-line, #e0e1e9);stroke-width:1;fill:transparent}.___SAxisLine_17w57_gg_,.___SAxisTick_17w57_gg_{stroke-dasharray:2}.___SAxisLine_17w57_gg_.__active_17w57_gg_{stroke:var(--intergalactic-chart-grid-y-accent-hover-line, #a9abb6)}.___SAxisLabel_17w57_gg_{text-anchor:middle;dominant-baseline:central;font-size:12px}.___SAxisLabel_17w57_gg_.__xDirection_17w57_gg_{text-anchor:var(--xDirection_17w57)}.___SAxisLabel_17w57_gg_.__yDirection_17w57_gg_{dominant-baseline:var(--yDirection_17w57)}.___SPolygonDot_17w57_gg_,.___SPolygon_17w57_gg_{fill:var(--intergalactic-chart-palette-order-1, #2bb3ff)}.___SPolygon_17w57_gg_{opacity:.2}.___SPolygon_17w57_gg_.__color_17w57_gg_{fill:var(--color_17w57)}.___SPolygonDot_17w57_gg_{stroke-width:2px;stroke:var(--intergalactic-chart-grid-border, #ffffff);r:6px}.___SPolygonDot_17w57_gg_.__transparent_17w57_gg_{opacity:.3}.___SPolygonDot_17w57_gg_.__color_17w57_gg_{fill:var(--color_17w57)}.___SPolygonLine_17w57_gg_{stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);stroke-width:3;fill:transparent}.___SPolygonLine_17w57_gg_.__transparent_17w57_gg_{opacity:.3}.___SPolygonLine_17w57_gg_.__color_17w57_gg_{stroke:var(--color_17w57)}.___SPieRect_17w57_gg_{fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}" /*__inner_css_end__*/, "17w57_gg_") /*__reshadow_css_end__*/, {
-  "__SAxis": "___SAxis_17w57_gg_",
-  "__SAxisLine": "___SAxisLine_17w57_gg_",
-  "__SAxisTick": "___SAxisTick_17w57_gg_",
-  "_active": "__active_17w57_gg_",
-  "__SAxisLabel": "___SAxisLabel_17w57_gg_",
-  "_xDirection": "__xDirection_17w57_gg_",
-  "--xDirection": "--xDirection_17w57",
-  "_yDirection": "__yDirection_17w57_gg_",
-  "--yDirection": "--yDirection_17w57",
-  "__SPolygon": "___SPolygon_17w57_gg_",
-  "_color": "__color_17w57_gg_",
-  "--color": "--color_17w57",
-  "__SPolygonDot": "___SPolygonDot_17w57_gg_",
-  "_transparent": "__transparent_17w57_gg_",
-  "__SPolygonLine": "___SPolygonLine_17w57_gg_",
-  "__SPieRect": "___SPieRect_17w57_gg_"
+var style = ( /*__reshadow_css_start__*/_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);
@@ -231,8 +231,8 @@ var RadarRoot = /*#__PURE__*/function (_Component) {
       return _ref = sstyled(styles), /*#__PURE__*/React.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, ")")
       }));
     }
@@ -301,7 +301,7 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
         color = _this$asProps6.color,
         fill = _this$asProps6.fill;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygon, _ref2.cn("SPolygon", {
-        "render": "path",
+        "render": 'path',
         "d": d3(data),
         "color": fill || color
       }));
@@ -311,13 +311,13 @@ var PolygonRoot = /*#__PURE__*/function (_Component2) {
 }(Component);
 _defineProperty(PolygonRoot, "displayName", 'Polygon');
 _defineProperty(PolygonRoot, "style", style);
-_defineProperty(PolygonRoot, "defaultProps", function (_ref18) {
-  var scale = _ref18.scale,
-    _ref18$curve = _ref18.curve,
-    curve = _ref18$curve === void 0 ? curveLinearClosed : _ref18$curve,
-    size = _ref18.size,
-    offset = _ref18.offset,
-    angleOffset = _ref18.angleOffset;
+_defineProperty(PolygonRoot, "defaultProps", function (_ref19) {
+  var scale = _ref19.scale,
+    _ref19$curve = _ref19.curve,
+    curve = _ref19$curve === void 0 ? 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: lineRadial().curve(curve).radius(function (d) {
@@ -336,7 +336,7 @@ function PolygonLine(props) {
     data = props.data,
     transparent = props.transparent;
   return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonLine, _ref3.cn("SPolygonLine", {
-    "render": "path",
+    "render": 'path',
     "d": d3(data),
     "color": color,
     "transparent": transparent
@@ -362,7 +362,7 @@ function PolygonDots(props) {
       cy = _getRadianPosition2[1];
     return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SPolygonDot, _ref4.cn("SPolygonDot", {
       "key": i,
-      "render": "circle",
+      "render": 'circle',
       "cx": cx,
       "cy": cy,
       "color": color,
@@ -468,12 +468,12 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
       var radius = Math.min(size[0], size[1]) / 2 - offset;
       var total = categories.length;
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, type === 'circle' ? /*#__PURE__*/React.createElement(SAxis, _ref5.cn("SAxis", {
-        "render": "circle",
+        "render": 'circle',
         "cx": 0,
         "cy": 0,
         "r": radius
       })) : /*#__PURE__*/React.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),
@@ -499,9 +499,9 @@ var AxisRoot = /*#__PURE__*/function (_Component3) {
 }(Component);
 _defineProperty(AxisRoot, "displayName", 'Polygon');
 _defineProperty(AxisRoot, "style", style);
-_defineProperty(AxisRoot, "defaultProps", function (_ref19) {
-  var data = _ref19.data,
-    dataKey = _ref19.dataKey;
+_defineProperty(AxisRoot, "defaultProps", function (_ref20) {
+  var data = _ref20.data,
+    dataKey = _ref20.dataKey;
   var categories = data[dataKey];
   return {
     categories: categories
@@ -524,12 +524,12 @@ function AxisTicks(props) {
     });
     return _ref6 = sstyled(styles), type === 'circle' ? /*#__PURE__*/React.createElement(SAxisTick, _ref6.cn("SAxisTick", {
       "key": i,
-      "render": "circle",
+      "render": 'circle',
       "cx": 0,
       "cy": 0,
       "r": radius * tick
     })) : /*#__PURE__*/React.createElement(SAxisTick, _ref6.cn("SAxisTick", {
-      "render": "path",
+      "render": 'path',
       "key": i,
       "d": d3(categories)
     }));
@@ -559,8 +559,8 @@ function AxisLabels(props) {
       var lines = category.split('\n');
       return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SAxisLabel, _ref7.cn("SAxisLabel", {
         "key": i,
-        "render": "text",
-        "childrenPosition": "inside",
+        "render": 'text',
+        "childrenPosition": 'inside',
         "x": x,
         "y": y,
         "xDirection": xDirection,
@@ -574,11 +574,12 @@ function AxisLabels(props) {
       }));
     }
     if ( /*#__PURE__*/React.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 = _slicedToArray(_getLabelOffsetPositi, 2),
         xOffset = _getLabelOffsetPositi2[0],
@@ -754,13 +755,13 @@ var Hover = /*#__PURE__*/function (_Component4) {
             radius = _this$getPie2[2];
           var circle = arc().innerRadius(0).outerRadius(radius).startAngle(startAngle).endAngle(endAngle);
           return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref8.cn("SPieRect", {
-            "render": "path",
+            "render": 'path',
             "d": circle()
           }));
         } else {
           var _ref9;
           return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SPieRect, _ref9.cn("SPieRect", {
-            "render": "path",
+            "render": 'path',
             "d": line()(this.getPolygon(index))
           }));
         }