@semcore/d3-chart 2.13.3 → 2.13.5

package/lib/cjs/Line.js

@@ -1,79 +1,51 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = require("@semcore/core");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _d3Shape = require("d3-shape");
-
 var _uniqueID = _interopRequireDefault(require("@semcore/utils/lib/uniqueID"));
-
 var _createElement = _interopRequireDefault(require("./createElement"));
-
 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_16y9u_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_16y9u);transition-timing-function:ease-in-out}.___SLine_16y9u_gg_.__color_16y9u_gg_{stroke:var(--color_16y9u)}.___SLine_16y9u_gg_.__hide_16y9u_gg_{display:none}.___SLine_16y9u_gg_.__transparent_16y9u_gg_{opacity:.3}.___SNull_16y9u_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_16y9u_gg_.__hide_16y9u_gg_{display:none}"
-/*__inner_css_end__*/
-, "16y9u_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SLine": "___SLine_16y9u_gg_",
-  "--duration": "--duration_16y9u",
-  "_color": "__color_16y9u_gg_",
-  "--color": "--color_16y9u",
-  "_hide": "__hide_16y9u_gg_",
-  "_transparent": "__transparent_16y9u_gg_",
-  "__SNull": "___SNull_16y9u_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLine_mcetz_gg_{fill:transparent;stroke-width:3;stroke:var(--intergalactic-chart-palette-order-1, #2bb3ff);transition-property:d;transition-duration:var(--duration_mcetz);transition-timing-function:ease-in-out}.___SLine_mcetz_gg_.__color_mcetz_gg_{stroke:var(--color_mcetz)}.___SLine_mcetz_gg_.__hide_mcetz_gg_{display:none}.___SLine_mcetz_gg_.__transparent_mcetz_gg_{opacity:.3}.___SNull_mcetz_gg_{fill:transparent;stroke:var(-intergalactic-border-primary);stroke-dasharray:4}.___SNull_mcetz_gg_.__hide_mcetz_gg_{display:none}" /*__inner_css_end__*/, "mcetz_gg_") /*__reshadow_css_end__*/, {
+  "__SLine": "___SLine_mcetz_gg_",
+  "--duration": "--duration_mcetz",
+  "_color": "__color_mcetz_gg_",
+  "--color": "--color_mcetz",
+  "_hide": "__hide_mcetz_gg_",
+  "_transparent": "__transparent_mcetz_gg_",
+  "__SNull": "___SNull_mcetz_gg_"
 });
-
 var LineRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(LineRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(LineRoot);
-
   function LineRoot() {
     (0, _classCallCheck2["default"])(this, LineRoot);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(LineRoot, [{
     key: "getDotsProps",
     value: function getDotsProps() {
       var _this$asProps = this.asProps,
-          x = _this$asProps.x,
-          y = _this$asProps.y,
-          d3 = _this$asProps.d3,
-          color = _this$asProps.color,
-          duration = _this$asProps.duration,
-          transparent = _this$asProps.transparent;
+        x = _this$asProps.x,
+        y = _this$asProps.y,
+        d3 = _this$asProps.d3,
+        color = _this$asProps.color,
+        duration = _this$asProps.duration,
+        transparent = _this$asProps.transparent;
       return {
         x: x,
         y: y,
@@ -87,11 +59,11 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     key: "getNullProps",
     value: function getNullProps() {
       var _this$asProps2 = this.asProps,
-          x = _this$asProps2.x,
-          y = _this$asProps2.y,
-          d3 = _this$asProps2.d3,
-          color = _this$asProps2.color,
-          data = _this$asProps2.data;
+        x = _this$asProps2.x,
+        y = _this$asProps2.y,
+        d3 = _this$asProps2.d3,
+        color = _this$asProps2.color,
+        data = _this$asProps2.data;
       return {
         d3: d3,
         // TODO: vertical
@@ -103,20 +75,19 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref;
-
       var SLine = this.Element;
       var _this$asProps3 = this.asProps,
-          styles = _this$asProps3.styles,
-          hide = _this$asProps3.hide,
-          color = _this$asProps3.color,
-          uid = _this$asProps3.uid,
-          size = _this$asProps3.size,
-          d3 = _this$asProps3.d3,
-          data = _this$asProps3.data,
-          duration = _this$asProps3.duration,
-          x = _this$asProps3.x,
-          y = _this$asProps3.y,
-          transparent = _this$asProps3.transparent;
+        styles = _this$asProps3.styles,
+        hide = _this$asProps3.hide,
+        color = _this$asProps3.color,
+        uid = _this$asProps3.uid,
+        size = _this$asProps3.size,
+        d3 = _this$asProps3.d3,
+        data = _this$asProps3.data,
+        duration = _this$asProps3.duration,
+        x = _this$asProps3.x,
+        y = _this$asProps3.y,
+        transparent = _this$asProps3.transparent;
       this.asProps.dataHintsHandler.specifyDataRowFields(x, y);
       this.asProps.dataHintsHandler.establishDataType('time-series');
       return _ref = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SLine, _ref.cn("SLine", {
@@ -144,23 +115,20 @@ var LineRoot = /*#__PURE__*/function (_Component) {
   }]);
   return LineRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(LineRoot, "displayName", 'Line');
 (0, _defineProperty2["default"])(LineRoot, "style", style);
 (0, _defineProperty2["default"])(LineRoot, "enhance", [(0, _uniqueID["default"])()]);
 (0, _defineProperty2["default"])(LineRoot, "defaultProps", function (_ref3) {
   var x = _ref3.x,
-      y = _ref3.y,
-      $rootProps = _ref3.$rootProps,
-      _ref3$curve = _ref3.curve,
-      curve = _ref3$curve === void 0 ? _d3Shape.curveLinear : _ref3$curve,
-      scale = _ref3.scale;
-
+    y = _ref3.y,
+    $rootProps = _ref3.$rootProps,
+    _ref3$curve = _ref3.curve,
+    curve = _ref3$curve === void 0 ? _d3Shape.curveLinear : _ref3$curve,
+    scale = _ref3.scale;
   var _ref4 = scale || $rootProps.scale,
-      _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
-      xScale = _ref5[0],
-      yScale = _ref5[1];
-
+    _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+    xScale = _ref5[0],
+    yScale = _ref5[1];
   return {
     d3: (0, _d3Shape.line)().defined((0, _utils.definedData)(x, y)).curve(curve).x(function (p) {
       return (0, _utils.scaleOfBandwidth)(xScale, p[x]);
@@ -170,26 +138,22 @@ var LineRoot = /*#__PURE__*/function (_Component) {
     duration: 500
   };
 });
-
 function Null(props) {
   var _ref2;
-
   var SNull = props.Element,
-      styles = props.styles,
-      d3 = props.d3,
-      data = props.data,
-      hide = props.hide;
+    styles = props.styles,
+    d3 = props.d3,
+    data = props.data,
+    hide = props.hide;
   return _ref2 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNull, _ref2.cn("SNull", {
     "render": "path",
     "d": d3(data),
     "hide": hide
   }));
 }
-
 var _default = (0, _createElement["default"])(LineRoot, {
   Dots: _Dots["default"],
   Null: Null
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=Line.js.map

package/lib/cjs/Line.js.map

@@ -1 +1 @@
-{"version":3,"file":"Line.js","names":["LineRoot","asProps","x","y","d3","color","duration","transparent","data","getNullData","definedNullData","SLine","Element","styles","hide","uid","size","dataHintsHandler","specifyDataRowFields","establishDataType","sstyled","rect","setAttribute","Component","style","uniqueIDEnhancement","$rootProps","curve","curveLinear","scale","xScale","yScale","d3Line","defined","definedData","p","scaleOfBandwidth","Null","props","SNull","createElement","Dots"],"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

@@ -1,68 +1,37 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _core = _interopRequireWildcard(require("@semcore/core"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _flexBox = require("@semcore/flex-box");
-
 var _eventEmitter = _interopRequireDefault(require("@semcore/utils/lib/eventEmitter"));
-
 var _keyboardFocusEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/keyboardFocusEnhance"));
-
 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_3spvg_gg_{overflow:hidden}.___SPlot_3spvg_gg_:active,.___SPlot_3spvg_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_3spvg_gg_.__keyboardFocused_3spvg_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.3))}"
-/*__inner_css_end__*/
-, "3spvg_gg_")
-/*__reshadow_css_end__*/
-, {
-  "__SPlot": "___SPlot_3spvg_gg_",
-  "_keyboardFocused": "__keyboardFocused_3spvg_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPlot_166kp_gg_{overflow:hidden}.___SPlot_166kp_gg_:active,.___SPlot_166kp_gg_:focus{outline:0;text-decoration:none}foreignObject[data-aria-only]{pointer-events:none}.___SPlot_166kp_gg_.__keyboardFocused_166kp_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.3))}" /*__inner_css_end__*/, "166kp_gg_") /*__reshadow_css_end__*/, {
+  "__SPlot": "___SPlot_166kp_gg_",
+  "_keyboardFocused": "__keyboardFocused_166kp_gg_"
 });
-
 var PlotRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PlotRoot, _Component);
-
   var _super = (0, _createSuper2["default"])(PlotRoot);
-
   function PlotRoot(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, PlotRoot);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "plotId", (0, _utils.uniqueId)());
@@ -71,29 +40,23 @@ 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);
-
       if (scale && scale.length >= 2) {
         var _scale = (0, _slicedToArray2["default"])(scale, 2),
-            xScale = _scale[0],
-            yScale = _scale[1];
-
+          xScale = _scale[0],
+          yScale = _scale[1];
         var _eventToPoint = (0, _utils.eventToPoint)(e, _this.rootRef.current),
-            _eventToPoint2 = (0, _slicedToArray2["default"])(_eventToPoint, 2),
-            pX = _eventToPoint2[0],
-            pY = _eventToPoint2[1];
-
+          _eventToPoint2 = (0, _slicedToArray2["default"])(_eventToPoint, 2),
+          pX = _eventToPoint2[0],
+          pY = _eventToPoint2[1];
         var _xScale$range = xScale.range(),
-            _xScale$range2 = (0, _slicedToArray2["default"])(_xScale$range, 2),
-            minX = _xScale$range2[0],
-            maxX = _xScale$range2[1];
-
+          _xScale$range2 = (0, _slicedToArray2["default"])(_xScale$range, 2),
+          minX = _xScale$range2[0],
+          maxX = _xScale$range2[1];
         var _yScale$range = yScale.range(),
-            _yScale$range2 = (0, _slicedToArray2["default"])(_yScale$range, 2),
-            maxY = _yScale$range2[0],
-            minY = _yScale$range2[1];
-
+          _yScale$range2 = (0, _slicedToArray2["default"])(_yScale$range, 2),
+          maxY = _yScale$range2[0],
+          minY = _yScale$range2[1];
         if (pX >= minX && pX <= maxX && pY >= minY && pY <= maxY) {
           _this.eventEmitter.emit('onMouseMoveChart', e);
         } else {
@@ -103,29 +66,24 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlerMouseLeave", function (e) {
       _this.eventEmitter.emit("onMouseLeaveRoot", e);
-
       _this.eventEmitter.emit('onMouseLeaveChart', e);
     });
     _this.eventEmitter = props.eventEmitter || new _eventEmitter["default"]();
     return _this;
   }
-
   (0, _createClass2["default"])(PlotRoot, [{
     key: "setContext",
     value: function setContext() {
       var _scale$, _scale$$domain;
-
       var _this$asProps = this.asProps,
-          scale = _this$asProps.scale,
-          data = _this$asProps.data,
-          width = _this$asProps.width,
-          height = _this$asProps.height;
+        scale = _this$asProps.scale,
+        data = _this$asProps.data,
+        width = _this$asProps.width,
+        height = _this$asProps.height;
       var yScaleDomain = scale === null || scale === void 0 ? void 0 : (_scale$ = scale[1]) === null || _scale$ === void 0 ? void 0 : (_scale$$domain = _scale$.domain) === null || _scale$$domain === void 0 ? void 0 : _scale$$domain.call(_scale$);
-
       if (yScaleDomain !== null && yScaleDomain !== void 0 && yScaleDomain.length && data !== null && data !== void 0 && data.length) {
         this.dataHintsHandler.setPointsDensity(data.length / width, Math.abs(yScaleDomain[1] - yScaleDomain[0]) / height);
       }
-
       return {
         $rootProps: {
           size: [width, height],
@@ -141,18 +99,17 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
-          _ref2;
-
+        _ref2;
       var SPlot = _flexBox.Box;
       var _this$asProps2 = this.asProps,
-          styles = _this$asProps2.styles,
-          width = _this$asProps2.width,
-          height = _this$asProps2.height,
-          Children = _this$asProps2.Children,
-          data = _this$asProps2.data,
-          a11yAltTextConfig = _this$asProps2.a11yAltTextConfig,
-          label = _this$asProps2.label,
-          locale = _this$asProps2.locale;
+        styles = _this$asProps2.styles,
+        width = _this$asProps2.width,
+        height = _this$asProps2.height,
+        Children = _this$asProps2.Children,
+        data = _this$asProps2.data,
+        a11yAltTextConfig = _this$asProps2.a11yAltTextConfig,
+        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",
@@ -179,7 +136,6 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   }]);
   return PlotRoot;
 }(_core.Component);
-
 (0, _defineProperty2["default"])(PlotRoot, "displayName", 'Plot');
 (0, _defineProperty2["default"])(PlotRoot, "style", style);
 (0, _defineProperty2["default"])(PlotRoot, "defaultProps", function () {
@@ -189,8 +145,6 @@ var PlotRoot = /*#__PURE__*/function (_Component) {
   };
 });
 (0, _defineProperty2["default"])(PlotRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
-
 var _default = (0, _core["default"])(PlotRoot);
-
 exports["default"] = _default;
 //# sourceMappingURL=Plot.js.map

package/lib/cjs/Plot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Plot.js","names":["PlotRoot","props","uniqueId","React","createRef","makeDataHintsContainer","makeDataHintsHandlers","dataStructureHints","e","scale","asProps","eventEmitter","emit","length","xScale","yScale","eventToPoint","rootRef","current","pX","pY","range","minX","maxX","maxY","minY","EventEmitter","data","width","height","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","SPlot","Box","styles","Children","a11yAltTextConfig","label","locale","sstyled","handlerMouseMove","handlerMouseLeave","plotId","Component","style","keyboardFocusEnhance","createComponent"],"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 } = 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        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","yScaleDomain","domain","dataHintsHandler","setPointsDensity","Math","abs","$rootProps","size","render","_ref","_ref2","SPlot","Box","_this$asProps2","styles","Children","a11yAltTextConfig","label","locale","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 } = 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        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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"}