@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.8

package/lib/esm/Hover.mjs

@@ -1,9 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled, assignProps, Component } from "@semcore/core";
 import canUseDOM from "@semcore/core/lib/utils/canUseDOM";
@@ -14,204 +8,220 @@ import createElement from "./createElement.mjs";
 import Tooltip from "./Tooltip.mjs";
 import { scaleOfBandwidth, scaleToBand, eventToPoint, invert, getIndexFromData } from "./utils.mjs";
 /*!__reshadow-styles__:"./style/hover.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SHoverLine_1upgb_gg_,.___SHoverLine_1upgb_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_1upgb_gg_,.___SHoverRect_1upgb_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
+    ".___SHoverLine_wfr9y_gg_,.___SHoverLine_wfr9y_gg_:focus-visible{outline:0;stroke:var(--intergalactic-chart-grid-x-axis, #c4c7cf)}.___SHoverRect_wfr9y_gg_,.___SHoverRect_wfr9y_gg_:focus-visible{outline:0;fill:var(--intergalactic-chart-grid-bar-chart-hover, rgba(196, 199, 207, 0.3))}",
     /*__inner_css_end__*/
-    "1upgb_gg_"
+    "wfr9y_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SHoverLine": "___SHoverLine_1upgb_gg_",
-    "__SHoverRect": "___SHoverRect_1upgb_gg_"
+    "__SHoverLine": "___SHoverLine_wfr9y_gg_",
+    "__SHoverRect": "___SHoverRect_wfr9y_gg_"
   })
 );
-var Hover = /* @__PURE__ */ (function(_Component) {
-  function Hover2() {
-    var _this;
-    _classCallCheck(this, Hover2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, Hover2, [].concat(args));
-    _defineProperty(_this, "state", {
+class Hover extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "state", {
       xIndex: null,
       yIndex: null
     });
-    _defineProperty(_this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
-    _defineProperty(_this, "handlerMouseMoveRoot", trottle(function(e, currentTarget) {
-      var _this$asProps = _this.asProps, eventEmitter = _this$asProps.eventEmitter, data = _this$asProps.data, scale = _this$asProps.scale, x = _this$asProps.x, y = _this$asProps.y, rootRef = _this$asProps.rootRef, patterns = _this$asProps.patterns, plotId = _this$asProps.plotId;
-      var clientX = e.clientX, clientY = e.clientY;
-      var _scale = _slicedToArray(scale, 2), xScale = _scale[0], yScale = _scale[1];
-      var _eventToPoint = eventToPoint(e, rootRef.current), _eventToPoint2 = _slicedToArray(_eventToPoint, 2), pX = _eventToPoint2[0], pY = _eventToPoint2[1];
-      var vX = invert(xScale, pX);
-      var vY = invert(yScale, pY);
-      var xIndex = x === void 0 || vX === void 0 ? null : getIndexFromData(data, xScale, x, vX);
-      var yIndex = y === void 0 || vY === void 0 ? null : getIndexFromData(data, yScale, y, vY);
-      var state = {
+    _defineProperty(this, "virtualElement", canUseDOM() ? document.createElement("div") : {});
+    _defineProperty(this, "handlerMouseMoveRoot", trottle((e, currentTarget) => {
+      const {
+        eventEmitter,
+        data,
+        scale,
+        x,
+        y,
+        rootRef,
+        patterns,
+        plotId
+      } = this.asProps;
+      const {
+        clientX,
+        clientY
+      } = e;
+      const [xScale, yScale] = scale;
+      const [pX, pY] = eventToPoint(e, rootRef.current);
+      const vX = invert(xScale, pX);
+      const vY = invert(yScale, pY);
+      const xIndex = x === void 0 || vX === void 0 ? null : getIndexFromData(data, xScale, x, vX);
+      const yIndex = y === void 0 || vY === void 0 ? null : getIndexFromData(data, yScale, y, vY);
+      const state = {
         xIndex,
         yIndex,
         patterns
       };
-      var _rootRef$current$getB = rootRef.current.getBoundingClientRect(), xRect = _rootRef$current$getB.x, yRect = _rootRef$current$getB.y, height = _rootRef$current$getB.height;
-      var _currentTarget$getBou = currentTarget.getBoundingClientRect(), yOriginal = _currentTarget$getBou.y, heightOriginal = _currentTarget$getBou.height;
-      var isRootTooltip = hasParent(e.target, rootRef.current);
-      _this.setState(state, function() {
+      const {
+        x: xRect,
+        y: yRect,
+        height
+      } = rootRef.current.getBoundingClientRect();
+      const {
+        y: yOriginal,
+        height: heightOriginal
+      } = currentTarget.getBoundingClientRect();
+      const isRootTooltip = hasParent(e.target, rootRef.current);
+      this.setState(state, () => {
         if (isRootTooltip) {
-          eventEmitter.emit("setTooltipPosition_".concat(plotId), clientX, clientY);
+          eventEmitter.emit(`setTooltipPosition_${plotId}`, clientX, clientY);
         } else {
-          var diff = clientY - yOriginal;
-          var dimension = diff / heightOriginal * 100;
-          var heightValue = height / 100 * dimension;
-          eventEmitter.emit("setTooltipPosition_".concat(plotId), pX + xRect, yRect + heightValue);
+          const diff = clientY - yOriginal;
+          const dimension = diff / heightOriginal * 100;
+          const heightValue = height / 100 * dimension;
+          eventEmitter.emit(`setTooltipPosition_${plotId}`, pX + xRect, yRect + heightValue);
         }
-        eventEmitter.emit("setTooltipRenderingProps_".concat(plotId), {}, state);
-        eventEmitter.emit("setTooltipVisible_".concat(plotId), xIndex !== null || yIndex !== null);
+        eventEmitter.emit(`setTooltipRenderingProps_${plotId}`, {}, state);
+        eventEmitter.emit(`setTooltipVisible_${plotId}`, xIndex !== null || yIndex !== null);
       });
     }));
-    _defineProperty(_this, "handlerMouseLeaveRoot", trottle(function() {
-      var state = {
+    _defineProperty(this, "handlerMouseLeaveRoot", trottle(() => {
+      const state = {
         xIndex: null,
         yIndex: null,
-        patterns: _this.asProps.patterns
+        patterns: this.asProps.patterns
       };
-      _this.setState(state, function() {
-        _this.asProps.eventEmitter.emit("setTooltipVisible_".concat(_this.asProps.plotId), false);
+      this.setState(state, () => {
+        this.asProps.eventEmitter.emit(`setTooltipVisible_${this.asProps.plotId}`, false);
       });
     }));
-    return _this;
   }
-  _inherits(Hover2, _Component);
-  return _createClass(Hover2, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      var _this2 = this;
-      var eventEmitter = this.asProps.eventEmitter;
-      this.unsubscribeMouseMoveRoot = eventEmitter.subscribe("onMouseMoveChart", function(e) {
-        e.persist();
-        _this2.handlerMouseMoveRoot(e, e.currentTarget);
-      });
-      this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe("onMouseLeaveChart", this.handlerMouseLeaveRoot);
+  componentDidMount() {
+    const {
+      eventEmitter
+    } = this.asProps;
+    this.unsubscribeMouseMoveRoot = eventEmitter.subscribe("onMouseMoveChart", (e) => {
+      e.persist();
+      this.handlerMouseMoveRoot(e, e.currentTarget);
+    });
+    this.unsubscribeMouseLeaveRoot = eventEmitter.subscribe("onMouseLeaveChart", this.handlerMouseLeaveRoot);
+  }
+  componentWillUnmount() {
+    if (this.unsubscribeMouseMoveRoot) {
+      this.unsubscribeMouseMoveRoot();
     }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      if (this.unsubscribeMouseMoveRoot) {
-        this.unsubscribeMouseMoveRoot();
-      }
-      if (this.unsubscribeMouseLeaveRoot) {
-        this.unsubscribeMouseLeaveRoot();
-      }
+    if (this.unsubscribeMouseLeaveRoot) {
+      this.unsubscribeMouseLeaveRoot();
     }
-  }]);
-})(Component);
-_defineProperty(Hover, "style", style);
-var HoverLineRoot = /* @__PURE__ */ (function(_Hover2) {
-  function HoverLineRoot2() {
-    _classCallCheck(this, HoverLineRoot2);
-    return _callSuper(this, HoverLineRoot2, arguments);
   }
-  _inherits(HoverLineRoot2, _Hover2);
-  return _createClass(HoverLineRoot2, [{
-    key: "render",
-    value: function render() {
-      var _ref3;
-      var SHoverLine = this.Element;
-      var _this$asProps2 = this.asProps, styles = _this$asProps2.styles, x = _this$asProps2.x, y = _this$asProps2.y, data = _this$asProps2.data, scale = _this$asProps2.scale, hideHoverLine = _this$asProps2.hideHoverLine;
-      var _this$state = this.state, xIndex = _this$state.xIndex, yIndex = _this$state.yIndex;
-      var _scale2 = _slicedToArray(scale, 2), xScale = _scale2[0], yScale = _scale2[1];
-      var xRange = xScale.range();
-      var yRange = yScale.range();
-      var x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : void 0;
-      var y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : void 0;
-      var isHide = typeof hideHoverLine === "function" ? hideHoverLine(xIndex, yIndex) : hideHoverLine;
-      if (isHide) {
-        return null;
-      }
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
-        "aria-hidden": true,
-        "render": "line",
-        "index": xIndex,
-        "x1": x1,
-        "y1": yRange[0],
-        "x2": x1,
-        "y2": yRange[1]
-      })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
-        "aria-hidden": true,
-        "render": "line",
-        "index": yIndex,
-        "x1": xRange[0],
-        "y1": y1,
-        "x2": xRange[1],
-        "y2": y1
-      })) : null);
+}
+_defineProperty(Hover, "style", style);
+class HoverLineRoot extends Hover {
+  render() {
+    var _ref3;
+    const SHoverLine = this.Element;
+    const {
+      styles,
+      x,
+      y,
+      data,
+      scale,
+      hideHoverLine
+    } = this.asProps;
+    const {
+      xIndex,
+      yIndex
+    } = this.state;
+    const [xScale, yScale] = scale;
+    const xRange = xScale.range();
+    const yRange = yScale.range();
+    const x1 = xIndex !== null ? scaleOfBandwidth(xScale, data[xIndex][x]) : void 0;
+    const y1 = yIndex !== null ? scaleOfBandwidth(yScale, data[yIndex][y]) : void 0;
+    const isHide = typeof hideHoverLine === "function" ? hideHoverLine(xIndex, yIndex) : hideHoverLine;
+    if (isHide) {
+      return null;
     }
-  }]);
-})(Hover);
-_defineProperty(HoverLineRoot, "displayName", "HoverLine");
-var HoverRectRoot = /* @__PURE__ */ (function(_Hover3) {
-  function HoverRectRoot2() {
-    _classCallCheck(this, HoverRectRoot2);
-    return _callSuper(this, HoverRectRoot2, arguments);
+    return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
+      "aria-hidden": true,
+      "render": "line",
+      "index": xIndex,
+      "x1": x1,
+      "y1": yRange[0],
+      "x2": x1,
+      "y2": yRange[1]
+    })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverLine, _ref3.cn("SHoverLine", {
+      "aria-hidden": true,
+      "render": "line",
+      "index": yIndex,
+      "x1": xRange[0],
+      "y1": y1,
+      "x2": xRange[1],
+      "y2": y1
+    })) : null);
   }
-  _inherits(HoverRectRoot2, _Hover3);
-  return _createClass(HoverRectRoot2, [{
-    key: "render",
-    value: function render() {
-      var _ref4;
-      var SHoverRect = this.Element;
-      var _this$asProps3 = this.asProps, styles = _this$asProps3.styles, x = _this$asProps3.x, y = _this$asProps3.y, data = _this$asProps3.data, scale = _this$asProps3.scale, hideHoverLine = _this$asProps3.hideHoverLine;
-      var _this$state2 = this.state, xIndex = _this$state2.xIndex, yIndex = _this$state2.yIndex;
-      var _scale3 = _slicedToArray(scale, 2), xScale = _scale3[0], yScale = _scale3[1];
-      var xRange = xScale.range();
-      var yRange = yScale.range();
-      var xBand = scaleToBand(xScale);
-      var yBand = scaleToBand(yScale);
-      if (hideHoverLine) {
-        return null;
-      }
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
-        "aria-hidden": true,
-        "render": "rect",
-        "index": xIndex,
-        "width": xBand.step() - xBand.paddingInner() / 2,
-        "height": yRange[0] - yRange[1],
-        "x": xScale(data[xIndex][x]) - xBand.step() * xBand.paddingInner() / 2,
-        "y": yRange[1]
-      })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
-        "aria-hidden": true,
-        "render": "rect",
-        "index": yIndex,
-        "width": xRange[1] - xRange[0],
-        "height": yBand.step() - yBand.paddingInner() / 2,
-        "x": xRange[0],
-        "y": yScale(data[yIndex][y]) - yBand.step() * yBand.paddingInner() / 2
-      })) : null);
+}
+_defineProperty(HoverLineRoot, "displayName", "HoverLine");
+class HoverRectRoot extends Hover {
+  render() {
+    var _ref4;
+    const SHoverRect = this.Element;
+    const {
+      styles,
+      x,
+      y,
+      data,
+      scale,
+      hideHoverLine
+    } = this.asProps;
+    const {
+      xIndex,
+      yIndex
+    } = this.state;
+    const [xScale, yScale] = scale;
+    const xRange = xScale.range();
+    const yRange = yScale.range();
+    const xBand = scaleToBand(xScale);
+    const yBand = scaleToBand(yScale);
+    if (hideHoverLine) {
+      return null;
     }
-  }]);
-})(Hover);
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, xIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
+      "aria-hidden": true,
+      "render": "rect",
+      "index": xIndex,
+      "width": xBand.step() - xBand.paddingInner() / 2,
+      "height": yRange[0] - yRange[1],
+      "x": xScale(data[xIndex][x]) - xBand.step() * xBand.paddingInner() / 2,
+      "y": yRange[1]
+    })) : null, yIndex !== null ? /* @__PURE__ */ React.createElement(SHoverRect, _ref4.cn("SHoverRect", {
+      "aria-hidden": true,
+      "render": "rect",
+      "index": yIndex,
+      "width": xRange[1] - xRange[0],
+      "height": yBand.step() - yBand.paddingInner() / 2,
+      "x": xRange[0],
+      "y": yScale(data[yIndex][y]) - yBand.step() * yBand.paddingInner() / 2
+    })) : null);
+  }
+}
 _defineProperty(HoverRectRoot, "displayName", "HoverRect");
 function HoverLineTooltip(props) {
   var _ref = arguments[0], _ref5;
-  var SHoverLineTooltip = Tooltip;
-  return _ref5 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHoverLineTooltip, _ref5.cn("SHoverLineTooltip", _objectSpread({}, assignProps({
-    "tag": HoverLine,
-    "excludeAnchorProps": true
-  }, _ref))));
+  const SHoverLineTooltip = Tooltip;
+  return _ref5 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHoverLineTooltip, _ref5.cn("SHoverLineTooltip", {
+    ...assignProps({
+      "tag": HoverLine,
+      "excludeAnchorProps": true
+    }, _ref)
+  }));
 }
 function HoverRectTooltip(props) {
   var _ref2 = arguments[0], _ref6;
-  var SHoverRectTooltip = Tooltip;
-  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHoverRectTooltip, _ref6.cn("SHoverRectTooltip", _objectSpread({}, assignProps({
-    "tag": HoverRect,
-    "excludeAnchorProps": true
-  }, _ref2))));
+  const SHoverRectTooltip = Tooltip;
+  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SHoverRectTooltip, _ref6.cn("SHoverRectTooltip", {
+    ...assignProps({
+      "tag": HoverRect,
+      "excludeAnchorProps": true
+    }, _ref2)
+  }));
 }
-var HoverLine = createElement(HoverLineRoot, {
+const HoverLine = createElement(HoverLineRoot, {
   Tooltip: [HoverLineTooltip, Tooltip._______childrenComponents]
 });
-var HoverRect = createElement(HoverRectRoot, {
+const HoverRect = createElement(HoverRectRoot, {
   Tooltip: [HoverRectTooltip, Tooltip._______childrenComponents]
 });
 export {