@pie-lib/graphing 4.0.5-next.31 → 4.0.5-next.36

package/LICENSE.md

@@ -0,0 +1,5 @@
+Copyright 2019 CoreSpring Inc
+
+Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/lib/axis/arrow.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Arrow = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styles = require("@mui/material/styles");
+var _plot = require("@pie-lib/plot");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledPath = (0, _styles.styled)('path')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    fill: "var(--arrow-color, ".concat(theme.palette.common.black, ")")
+  };
+});
+var Arrow = exports.Arrow = /*#__PURE__*/function (_React$Component) {
+  function Arrow() {
+    (0, _classCallCheck2["default"])(this, Arrow);
+    return _callSuper(this, Arrow, arguments);
+  }
+  (0, _inherits2["default"])(Arrow, _React$Component);
+  return (0, _createClass2["default"])(Arrow, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        x = _this$props.x,
+        y = _this$props.y,
+        className = _this$props.className,
+        scale = _this$props.scale;
+      var direction = this.props.direction || 'left';
+      var xv = scale.x(x);
+      var yv = scale.y(y);
+      var transform = '';
+      var getTransform = function getTransform(x, y, rotate) {
+        return "translate(".concat(x, ", ").concat(y, ") rotate(").concat(rotate, ")");
+      };
+      if (direction === 'left') {
+        transform = getTransform(xv - 15, yv, 0);
+      }
+      if (direction === 'right') {
+        transform = getTransform(xv + 15, yv, 180);
+      }
+      if (direction === 'up') {
+        transform = getTransform(xv, yv - 15, 90);
+      }
+      if (direction === 'down') {
+        transform = getTransform(xv, yv + 15, 270);
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledPath, {
+        d: "m 0,0 8,-5 0,10 -8,-5",
+        transform: transform,
+        className: className
+      });
+    }
+  }]);
+}(_react["default"].Component);
+Arrow.propTypes = {
+  y: _propTypes["default"].number,
+  x: _propTypes["default"].number,
+  direction: _propTypes["default"].oneOf(['left', 'right', 'up', 'down']),
+  className: _propTypes["default"].string,
+  scale: _plot.types.ScaleType.isRequired
+};
+Arrow.defaultProps = {
+  y: 0,
+  x: 0,
+  direction: 'left'
+};
+var _default = exports["default"] = Arrow;
+//# sourceMappingURL=arrow.js.map

package/lib/axis/arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_plot","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledPath","styled","_ref","theme","fill","concat","palette","common","black","Arrow","exports","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","x","y","className","scale","direction","xv","yv","transform","getTransform","rotate","createElement","d","React","Component","propTypes","PropTypes","number","oneOf","string","types","ScaleType","isRequired","defaultProps","_default"],"sources":["../../src/axis/arrow.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { styled } from '@mui/material/styles';\nimport { types } from '@pie-lib/plot';\n\nconst StyledPath = styled('path')(({ theme }) => ({\n  fill: `var(--arrow-color, ${theme.palette.common.black})`,\n}));\n\nexport class Arrow extends React.Component {\n  render() {\n    const { x, y, className, scale } = this.props;\n    let direction = this.props.direction || 'left';\n\n    const xv = scale.x(x);\n    const yv = scale.y(y);\n\n    let transform = '';\n\n    const getTransform = (x, y, rotate) => `translate(${x}, ${y}) rotate(${rotate})`;\n\n    if (direction === 'left') {\n      transform = getTransform(xv - 15, yv, 0);\n    }\n\n    if (direction === 'right') {\n      transform = getTransform(xv + 15, yv, 180);\n    }\n\n    if (direction === 'up') {\n      transform = getTransform(xv, yv - 15, 90);\n    }\n\n    if (direction === 'down') {\n      transform = getTransform(xv, yv + 15, 270);\n    }\n\n    return <StyledPath d=\"m 0,0 8,-5 0,10 -8,-5\" transform={transform} className={className} />;\n  }\n}\n\nArrow.propTypes = {\n  y: PropTypes.number,\n  x: PropTypes.number,\n  direction: PropTypes.oneOf(['left', 'right', 'up', 'down']),\n  className: PropTypes.string,\n  scale: types.ScaleType.isRequired,\n};\n\nArrow.defaultProps = {\n  y: 0,\n  x: 0,\n  direction: 'left',\n};\n\nexport default Arrow;\n"],"mappings":"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","ignoreList":[]}

package/lib/axis/axes.js

@@ -0,0 +1,329 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sharedValues = exports.firstNegativeValue = exports["default"] = exports.RawYAxis = exports.RawXAxis = exports.AxisPropTypes = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _axis = require("@visx/axis");
+var _plot = require("@pie-lib/plot");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _arrow = _interopRequireDefault(require("./arrow"));
+var _styles = require("@mui/material/styles");
+var _utils = require("../utils");
+var _renderUi = require("@pie-lib/render-ui");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AxisPropTypes = exports.AxisPropTypes = {
+  includeArrows: _propTypes["default"].object,
+  graphProps: _propTypes["default"].object
+};
+var AxisDefaultProps = {
+  includeArrows: {
+    left: true,
+    right: true,
+    up: true,
+    down: true
+  }
+};
+var StyledArrow = (0, _styles.styled)(_arrow["default"])(function () {
+  return {
+    fill: _renderUi.color.defaults.PRIMARY
+  };
+});
+var StyledAxisLabelHolder = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme,
+    centered = _ref.centered;
+  return _objectSpread({
+    padding: 0,
+    margin: 0,
+    '* > *': {
+      margin: 0,
+      padding: 0
+    },
+    '& p': {
+      margin: 0
+    },
+    fontSize: theme.typography.fontSize
+  }, centered && {
+    textAlign: 'center'
+  });
+});
+var StyledAxesGroup = (0, _styles.styled)('g')(function () {
+  return {
+    '& .visx-axis-line': {
+      stroke: _renderUi.color.defaults.PRIMARY,
+      strokeWidth: 3
+    },
+    '& .visx-axis-tick': {
+      fill: _renderUi.color.defaults.PRIMARY,
+      '& line': {
+        stroke: _renderUi.color.defaults.PRIMARY
+      }
+    }
+  };
+});
+var tickLabelStyles = {
+  fontFamily: 'Roboto',
+  fontSize: '14px',
+  cursor: 'inherit'
+};
+var sharedValues = exports.sharedValues = function sharedValues(firstNegativeX, firstNegativeY, distanceFromOriginToFirstNegativeX, distanceFromOriginToFirstNegativeY, deltaAllowance, dy) {
+  var result = [];
+  if (firstNegativeX === firstNegativeY && distanceFromOriginToFirstNegativeX - deltaAllowance < distanceFromOriginToFirstNegativeY && distanceFromOriginToFirstNegativeY < distanceFromOriginToFirstNegativeX + deltaAllowance && distanceFromOriginToFirstNegativeX - deltaAllowance < dy && dy < distanceFromOriginToFirstNegativeX + deltaAllowance) {
+    result.push(firstNegativeX);
+  }
+  return result;
+};
+var firstNegativeValue = exports.firstNegativeValue = function firstNegativeValue(interval) {
+  return (interval || []).find(function (element) {
+    return element < 0;
+  });
+};
+var RawXAxis = exports.RawXAxis = /*#__PURE__*/function (_React$Component) {
+  function RawXAxis() {
+    (0, _classCallCheck2["default"])(this, RawXAxis);
+    return _callSuper(this, RawXAxis, arguments);
+  }
+  (0, _inherits2["default"])(RawXAxis, _React$Component);
+  return (0, _createClass2["default"])(RawXAxis, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+        includeArrows = _this$props.includeArrows,
+        graphProps = _this$props.graphProps,
+        columnTicksValues = _this$props.columnTicksValues,
+        skipValues = _this$props.skipValues,
+        distanceFromOriginToFirstNegativeY = _this$props.distanceFromOriginToFirstNegativeY,
+        dy = _this$props.dy;
+      var _ref2 = graphProps || {},
+        scale = _ref2.scale,
+        domain = _ref2.domain,
+        size = _ref2.size,
+        range = _ref2.range;
+      var labelProps = function labelProps(label) {
+        var y = skipValues && skipValues[0] === label ? distanceFromOriginToFirstNegativeY + 4 : dy;
+        return _objectSpread(_objectSpread({}, tickLabelStyles), {}, {
+          textAnchor: 'middle',
+          y: y,
+          dx: label === 0 ? -10 : 0,
+          dy: label === 0 ? -7 : 0
+        });
+      };
+      var necessaryRows = (0, _utils.countWords)(domain.axisLabel);
+      var longestWord = (0, _utils.findLongestWord)(domain.axisLabel);
+      var necessaryWidth = (0, _utils.amountToIncreaseWidth)(longestWord) + 2;
+      return /*#__PURE__*/_react["default"].createElement(StyledAxesGroup, null, /*#__PURE__*/_react["default"].createElement(_axis.Axis, {
+        scale: scale.x,
+        top: scale.y(0),
+        left: 0,
+        label: domain.label,
+        rangePadding: 8,
+        tickFormat: function tickFormat(value) {
+          return value;
+        },
+        tickLabelProps: labelProps,
+        tickValues: columnTicksValues,
+        hideZero: !(domain.labelStep || range.labelStep) && domain.min <= 0
+      }), includeArrows && includeArrows.left && /*#__PURE__*/_react["default"].createElement(StyledArrow, {
+        direction: "left",
+        x: domain.min,
+        y: 0,
+        scale: scale
+      }), includeArrows && includeArrows.right && /*#__PURE__*/_react["default"].createElement(StyledArrow, {
+        direction: "right",
+        x: domain.max,
+        y: 0,
+        scale: scale
+      }), domain.axisLabel && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: size.width + 17,
+        y: scale.y(0) - 9,
+        width: necessaryWidth,
+        height: 20 * necessaryRows
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
+        "false": true
+      }, /*#__PURE__*/_react["default"].createElement(StyledAxisLabelHolder, {
+        dangerouslySetInnerHTML: {
+          __html: domain.axisLabel
+        }
+      }))));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawXAxis, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(RawXAxis, "defaultProps", AxisDefaultProps);
+var XAxis = RawXAxis;
+var RawYAxis = exports.RawYAxis = /*#__PURE__*/function (_React$Component2) {
+  function RawYAxis() {
+    (0, _classCallCheck2["default"])(this, RawYAxis);
+    return _callSuper(this, RawYAxis, arguments);
+  }
+  (0, _inherits2["default"])(RawYAxis, _React$Component2);
+  return (0, _createClass2["default"])(RawYAxis, [{
+    key: "render",
+    value: function render() {
+      var _this$props2 = this.props,
+        includeArrows = _this$props2.includeArrows,
+        graphProps = _this$props2.graphProps,
+        skipValues = _this$props2.skipValues,
+        rowTickValues = _this$props2.rowTickValues;
+      var _ref3 = graphProps || {},
+        scale = _ref3.scale,
+        range = _ref3.range,
+        size = _ref3.size;
+      var necessaryWidth = range.axisLabel ? (0, _utils.amountToIncreaseWidth)(range.axisLabel.length) : 0;
+      var customTickFormat = function customTickFormat(value) {
+        return skipValues && skipValues.indexOf(value) >= 0 ? '' : value;
+      };
+      return /*#__PURE__*/_react["default"].createElement(StyledAxesGroup, null, /*#__PURE__*/_react["default"].createElement(_axis.Axis, {
+        orientation: 'left',
+        scale: scale.y,
+        top: 0,
+        height: size.height,
+        left: scale.x(0),
+        label: range.label,
+        labelProps: {
+          'data-pie-readable': false
+        },
+        rangePadding: 8,
+        tickLength: 10,
+        tickFormat: customTickFormat,
+        tickLabelProps: function tickLabelProps(value) {
+          var digits = value.toLocaleString().replace(/[.-]/g, '').length || 1;
+          return _objectSpread(_objectSpread({}, tickLabelStyles), {}, {
+            dy: 4,
+            dx: -10 - digits * 9,
+            'data-pie-readable': false
+          });
+        },
+        hideZero: true,
+        tickTextAnchor: 'bottom',
+        tickValues: rowTickValues
+      }), includeArrows && includeArrows.down && /*#__PURE__*/_react["default"].createElement(StyledArrow, {
+        direction: "down",
+        x: 0,
+        y: range.min,
+        scale: scale
+      }), includeArrows && includeArrows.up && /*#__PURE__*/_react["default"].createElement(StyledArrow, {
+        direction: "up",
+        x: 0,
+        y: range.max,
+        scale: scale
+      }), range.axisLabel && /*#__PURE__*/_react["default"].createElement("foreignObject", {
+        x: scale.x(0) - necessaryWidth / 2,
+        y: -33,
+        width: necessaryWidth,
+        height: "20"
+      }, /*#__PURE__*/_react["default"].createElement(_renderUi.Readable, {
+        "false": true
+      }, /*#__PURE__*/_react["default"].createElement(StyledAxisLabelHolder, {
+        centered: true,
+        dangerouslySetInnerHTML: {
+          __html: range.axisLabel
+        }
+      }))));
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(RawYAxis, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(RawYAxis, "defaultProps", AxisDefaultProps);
+var YAxis = RawYAxis;
+var Axes = exports["default"] = /*#__PURE__*/function (_React$Component3) {
+  function Axes() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Axes);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, Axes, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "xValues", function () {
+      var graphProps = _this.props.graphProps;
+      var _ref4 = graphProps || {},
+        scale = _ref4.scale,
+        domain = _ref4.domain;
+      if (!domain || !scale) {
+        return;
+      }
+      var ticks = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, domain), {}, {
+        step: domain.labelStep
+      }));
+      var negative = firstNegativeValue(ticks);
+      return {
+        columnTicksValues: ticks,
+        firstNegativeX: negative,
+        distanceFromOriginToFirstNegativeX: Math.abs(scale.y(0) - scale.y(negative))
+      };
+    });
+    (0, _defineProperty2["default"])(_this, "yValues", function () {
+      var graphProps = _this.props.graphProps;
+      var _ref5 = graphProps || {},
+        scale = _ref5.scale,
+        range = _ref5.range;
+      if (!range || !scale) {
+        return;
+      }
+      var ticks = (0, _utils.getTickValues)(_objectSpread(_objectSpread({}, range), {}, {
+        step: range.labelStep
+      }));
+      var negative = firstNegativeValue(ticks);
+      return {
+        rowTickValues: ticks,
+        firstNegativeY: negative,
+        distanceFromOriginToFirstNegativeY: Math.abs(scale.x(0) - scale.x(negative))
+      };
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Axes, _React$Component3);
+  return (0, _createClass2["default"])(Axes, [{
+    key: "render",
+    value: function render() {
+      var graphProps = this.props.graphProps;
+      var _ref6 = graphProps || {},
+        domain = _ref6.domain,
+        range = _ref6.range;
+      var _this$xValues = this.xValues(),
+        columnTicksValues = _this$xValues.columnTicksValues,
+        firstNegativeX = _this$xValues.firstNegativeX,
+        distanceFromOriginToFirstNegativeX = _this$xValues.distanceFromOriginToFirstNegativeX;
+      var _this$yValues = this.yValues(),
+        rowTickValues = _this$yValues.rowTickValues,
+        firstNegativeY = _this$yValues.firstNegativeY,
+        distanceFromOriginToFirstNegativeY = _this$yValues.distanceFromOriginToFirstNegativeY;
+      var deltaAllowance = 6;
+      var dy = 25;
+      var skipValues = sharedValues(firstNegativeX, firstNegativeY, distanceFromOriginToFirstNegativeX, distanceFromOriginToFirstNegativeY, deltaAllowance, dy);
+
+      // each axis has to be displayed only if the domain & range include it
+      return /*#__PURE__*/_react["default"].createElement(StyledAxesGroup, null, range.min <= 0 ? /*#__PURE__*/_react["default"].createElement(XAxis, (0, _extends2["default"])({}, this.props, {
+        skipValues: skipValues,
+        columnTicksValues: columnTicksValues,
+        distanceFromOriginToFirstNegativeY: distanceFromOriginToFirstNegativeY,
+        dy: dy
+      })) : null, domain.min <= 0 ? /*#__PURE__*/_react["default"].createElement(YAxis, (0, _extends2["default"])({}, this.props, {
+        skipValues: skipValues,
+        rowTickValues: rowTickValues,
+        distanceFromOriginToFirstNegativeX: distanceFromOriginToFirstNegativeX
+      })) : null);
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Axes, "propTypes", _objectSpread(_objectSpread({}, AxisPropTypes), {}, {
+  graphProps: _plot.types.GraphPropsType.isRequired
+}));
+(0, _defineProperty2["default"])(Axes, "defaultProps", AxisDefaultProps);
+//# sourceMappingURL=axes.js.map

package/lib/axis/axes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"axes.js","names":["_react","_interopRequireDefault","require","_axis","_plot","_propTypes","_arrow","_styles","_utils","_renderUi","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","AxisPropTypes","exports","includeArrows","PropTypes","object","graphProps","AxisDefaultProps","left","right","up","down","StyledArrow","styled","Arrow","fill","color","defaults","PRIMARY","StyledAxisLabelHolder","_ref","theme","centered","padding","margin","fontSize","typography","textAlign","StyledAxesGroup","stroke","strokeWidth","tickLabelStyles","fontFamily","cursor","sharedValues","firstNegativeX","firstNegativeY","distanceFromOriginToFirstNegativeX","distanceFromOriginToFirstNegativeY","deltaAllowance","dy","result","firstNegativeValue","interval","find","element","RawXAxis","_React$Component","_classCallCheck2","_inherits2","_createClass2","key","value","render","_this$props","props","columnTicksValues","skipValues","_ref2","scale","domain","size","range","labelProps","label","y","textAnchor","dx","necessaryRows","countWords","axisLabel","longestWord","findLongestWord","necessaryWidth","amountToIncreaseWidth","createElement","Axis","x","top","rangePadding","tickFormat","tickLabelProps","tickValues","hideZero","labelStep","min","direction","max","width","height","Readable","dangerouslySetInnerHTML","__html","React","Component","types","GraphPropsType","isRequired","XAxis","RawYAxis","_React$Component2","_this$props2","rowTickValues","_ref3","customTickFormat","indexOf","orientation","tickLength","digits","toLocaleString","replace","tickTextAnchor","YAxis","Axes","_React$Component3","_this","_len","args","Array","_key","concat","_ref4","ticks","getTickValues","step","negative","Math","abs","_ref5","_ref6","_this$xValues","xValues","_this$yValues","yValues","_extends2"],"sources":["../../src/axis/axes.jsx"],"sourcesContent":["import React from 'react';\nimport { Axis } from '@visx/axis';\nimport { types } from '@pie-lib/plot';\nimport PropTypes from 'prop-types';\nimport Arrow from './arrow';\nimport { styled } from '@mui/material/styles';\nimport { amountToIncreaseWidth, countWords, findLongestWord, getTickValues } from '../utils';\nimport { color, Readable } from '@pie-lib/render-ui';\n\nexport const AxisPropTypes = {\n  includeArrows: PropTypes.object,\n  graphProps: PropTypes.object,\n};\n\nconst AxisDefaultProps = {\n  includeArrows: {\n    left: true,\n    right: true,\n    up: true,\n    down: true,\n  },\n};\n\nconst StyledArrow = styled(Arrow)(() => ({\n  fill: color.defaults.PRIMARY,\n}));\n\n\nconst StyledAxisLabelHolder = styled('div')(({ theme, centered }) => ({\n  padding: 0,\n  margin: 0,\n  '* > *': {\n    margin: 0,\n    padding: 0,\n  },\n  '& p': {\n    margin: 0,\n  },\n  fontSize: theme.typography.fontSize,\n  ...(centered && { textAlign: 'center' }),\n}));\n\nconst StyledAxesGroup = styled('g')(() => ({\n  '& .visx-axis-line': {\n    stroke: color.defaults.PRIMARY,\n    strokeWidth: 3,\n  },\n  '& .visx-axis-tick': {\n    fill: color.defaults.PRIMARY,\n    '& line': {\n      stroke: color.defaults.PRIMARY,\n    },\n  },\n}));\n\nconst tickLabelStyles = {\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  cursor: 'inherit',\n};\n\nexport const sharedValues = (\n  firstNegativeX,\n  firstNegativeY,\n  distanceFromOriginToFirstNegativeX,\n  distanceFromOriginToFirstNegativeY,\n  deltaAllowance,\n  dy,\n) => {\n  let result = [];\n\n  if (\n    firstNegativeX === firstNegativeY &&\n    distanceFromOriginToFirstNegativeX - deltaAllowance < distanceFromOriginToFirstNegativeY &&\n    distanceFromOriginToFirstNegativeY < distanceFromOriginToFirstNegativeX + deltaAllowance &&\n    distanceFromOriginToFirstNegativeX - deltaAllowance < dy &&\n    dy < distanceFromOriginToFirstNegativeX + deltaAllowance\n  ) {\n    result.push(firstNegativeX);\n  }\n\n  return result;\n};\n\nexport const firstNegativeValue = (interval) => (interval || []).find((element) => element < 0);\n\nexport class RawXAxis extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  render() {\n    const { includeArrows, graphProps, columnTicksValues, skipValues, distanceFromOriginToFirstNegativeY, dy } =\n      this.props;\n    const { scale, domain, size, range } = graphProps || {};\n\n    const labelProps = (label) => {\n      const y = skipValues && skipValues[0] === label ? distanceFromOriginToFirstNegativeY + 4 : dy;\n\n      return {\n        ...tickLabelStyles,\n        textAnchor: 'middle',\n        y: y,\n        dx: label === 0 ? -10 : 0,\n        dy: label === 0 ? -7 : 0,\n      };\n    };\n\n    const necessaryRows = countWords(domain.axisLabel);\n    const longestWord = findLongestWord(domain.axisLabel);\n    const necessaryWidth = amountToIncreaseWidth(longestWord) + 2;\n\n    return (\n      <StyledAxesGroup>\n        <Axis\n          scale={scale.x}\n          top={scale.y(0)}\n          left={0}\n          label={domain.label}\n          rangePadding={8}\n          tickFormat={(value) => value}\n          tickLabelProps={labelProps}\n          tickValues={columnTicksValues}\n          hideZero={!(domain.labelStep || range.labelStep) && domain.min <= 0}\n        />\n        {includeArrows && includeArrows.left && <StyledArrow direction=\"left\" x={domain.min} y={0} scale={scale} />}\n        {includeArrows && includeArrows.right && <StyledArrow direction=\"right\" x={domain.max} y={0} scale={scale} />}\n        {domain.axisLabel && (\n          <foreignObject x={size.width + 17} y={scale.y(0) - 9} width={necessaryWidth} height={20 * necessaryRows}>\n            <Readable false>\n              <StyledAxisLabelHolder dangerouslySetInnerHTML={{ __html: domain.axisLabel }} />\n            </Readable>\n          </foreignObject>\n        )}\n      </StyledAxesGroup>\n    );\n  }\n}\n\nconst XAxis = RawXAxis;\n\nexport class RawYAxis extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  render() {\n    const { includeArrows, graphProps, skipValues, rowTickValues } = this.props;\n    const { scale, range, size } = graphProps || {};\n\n    const necessaryWidth = range.axisLabel ? amountToIncreaseWidth(range.axisLabel.length) : 0;\n\n    const customTickFormat = (value) => (skipValues && skipValues.indexOf(value) >= 0 ? '' : value);\n\n    return (\n      <StyledAxesGroup>\n        <Axis\n          orientation={'left'}\n          scale={scale.y}\n          top={0}\n          height={size.height}\n          left={scale.x(0)}\n          label={range.label}\n          labelProps={{ 'data-pie-readable': false }}\n          rangePadding={8}\n          tickLength={10}\n          tickFormat={customTickFormat}\n          tickLabelProps={(value) => {\n            let digits = value.toLocaleString().replace(/[.-]/g, '').length || 1;\n\n            return {\n              ...tickLabelStyles,\n              dy: 4,\n              dx: -10 - digits * 9,\n              'data-pie-readable': false,\n            };\n          }}\n          hideZero={true}\n          tickTextAnchor={'bottom'}\n          tickValues={rowTickValues}\n        />\n        {includeArrows && includeArrows.down && <StyledArrow direction=\"down\" x={0} y={range.min} scale={scale} />}\n        {includeArrows && includeArrows.up && <StyledArrow direction=\"up\" x={0} y={range.max} scale={scale} />}\n        {range.axisLabel && (\n          <foreignObject x={scale.x(0) - necessaryWidth / 2} y={-33} width={necessaryWidth} height=\"20\">\n            <Readable false>\n              <StyledAxisLabelHolder centered dangerouslySetInnerHTML={{ __html: range.axisLabel }} />\n            </Readable>\n          </foreignObject>\n        )}\n      </StyledAxesGroup>\n    );\n  }\n}\n\nconst YAxis = RawYAxis;\n\nexport default class Axes extends React.Component {\n  static propTypes = {\n    ...AxisPropTypes,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n  static defaultProps = AxisDefaultProps;\n\n  xValues = () => {\n    const { graphProps } = this.props;\n    const { scale, domain } = graphProps || {};\n\n    if (!domain || !scale) {\n      return;\n    }\n\n    const ticks = getTickValues({ ...domain, step: domain.labelStep });\n    const negative = firstNegativeValue(ticks);\n\n    return {\n      columnTicksValues: ticks,\n      firstNegativeX: negative,\n      distanceFromOriginToFirstNegativeX: Math.abs(scale.y(0) - scale.y(negative)),\n    };\n  };\n\n  yValues = () => {\n    const { graphProps } = this.props;\n    const { scale, range } = graphProps || {};\n\n    if (!range || !scale) {\n      return;\n    }\n\n    const ticks = getTickValues({ ...range, step: range.labelStep });\n    const negative = firstNegativeValue(ticks);\n\n    return {\n      rowTickValues: ticks,\n      firstNegativeY: negative,\n      distanceFromOriginToFirstNegativeY: Math.abs(scale.x(0) - scale.x(negative)),\n    };\n  };\n\n  render() {\n    const { graphProps } = this.props;\n    const { domain, range } = graphProps || {};\n    const { columnTicksValues, firstNegativeX, distanceFromOriginToFirstNegativeX } = this.xValues();\n    const { rowTickValues, firstNegativeY, distanceFromOriginToFirstNegativeY } = this.yValues();\n    const deltaAllowance = 6;\n    const dy = 25;\n\n    const skipValues = sharedValues(\n      firstNegativeX,\n      firstNegativeY,\n      distanceFromOriginToFirstNegativeX,\n      distanceFromOriginToFirstNegativeY,\n      deltaAllowance,\n      dy,\n    );\n\n    // each axis has to be displayed only if the domain & range include it\n    return (\n      <StyledAxesGroup>\n        {range.min <= 0 ? (\n          <XAxis\n            {...this.props}\n            skipValues={skipValues}\n            columnTicksValues={columnTicksValues}\n            distanceFromOriginToFirstNegativeY={distanceFromOriginToFirstNegativeY}\n            dy={dy}\n          />\n        ) : null}\n        {domain.min <= 0 ? (\n          <YAxis\n            {...this.props}\n            skipValues={skipValues}\n            rowTickValues={rowTickValues}\n            distanceFromOriginToFirstNegativeX={distanceFromOriginToFirstNegativeX}\n          />\n        ) : null}\n      </StyledAxesGroup>\n    );\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAAqD,SAAAQ,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAAA,SAAAc,QAAAZ,CAAA,EAAAa,CAAA,QAAAf,CAAA,GAAAgB,MAAA,CAAAC,IAAA,CAAAf,CAAA,OAAAc,MAAA,CAAAE,qBAAA,QAAAjB,CAAA,GAAAe,MAAA,CAAAE,qBAAA,CAAAhB,CAAA,GAAAa,CAAA,KAAAd,CAAA,GAAAA,CAAA,CAAAkB,MAAA,WAAAJ,CAAA,WAAAC,MAAA,CAAAI,wBAAA,CAAAlB,CAAA,EAAAa,CAAA,EAAAM,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAb,KAAA,CAAAT,CAAA,EAAAC,CAAA,YAAAD,CAAA;AAAA,SAAAuB,cAAArB,CAAA,aAAAa,CAAA,MAAAA,CAAA,GAAAS,SAAA,CAAAC,MAAA,EAAAV,CAAA,UAAAf,CAAA,WAAAwB,SAAA,CAAAT,CAAA,IAAAS,SAAA,CAAAT,CAAA,QAAAA,CAAA,OAAAD,OAAA,CAAAE,MAAA,CAAAhB,CAAA,OAAA0B,OAAA,WAAAX,CAAA,QAAAY,gBAAA,aAAAzB,CAAA,EAAAa,CAAA,EAAAf,CAAA,CAAAe,CAAA,SAAAC,MAAA,CAAAY,yBAAA,GAAAZ,MAAA,CAAAa,gBAAA,CAAA3B,CAAA,EAAAc,MAAA,CAAAY,yBAAA,CAAA5B,CAAA,KAAAc,OAAA,CAAAE,MAAA,CAAAhB,CAAA,GAAA0B,OAAA,WAAAX,CAAA,IAAAC,MAAA,CAAAc,cAAA,CAAA5B,CAAA,EAAAa,CAAA,EAAAC,MAAA,CAAAI,wBAAA,CAAApB,CAAA,EAAAe,CAAA,iBAAAb,CAAA;AAE9C,IAAM6B,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,aAAa,EAAEC,qBAAS,CAACC,MAAM;EAC/BC,UAAU,EAAEF,qBAAS,CAACC;AACxB,CAAC;AAED,IAAME,gBAAgB,GAAG;EACvBJ,aAAa,EAAE;IACbK,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,EAAE,EAAE,IAAI;IACRC,IAAI,EAAE;EACR;AACF,CAAC;AAED,IAAMC,WAAW,GAAG,IAAAC,cAAM,EAACC,iBAAK,CAAC,CAAC;EAAA,OAAO;IACvCC,IAAI,EAAEC,eAAK,CAACC,QAAQ,CAACC;EACvB,CAAC;AAAA,CAAC,CAAC;AAGH,IAAMC,qBAAqB,GAAG,IAAAN,cAAM,EAAC,KAAK,CAAC,CAAC,UAAAO,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAAA,OAAA7B,aAAA;IAC5D8B,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACT,OAAO,EAAE;MACPA,MAAM,EAAE,CAAC;MACTD,OAAO,EAAE;IACX,CAAC;IACD,KAAK,EAAE;MACLC,MAAM,EAAE;IACV,CAAC;IACDC,QAAQ,EAAEJ,KAAK,CAACK,UAAU,CAACD;EAAQ,GAC/BH,QAAQ,IAAI;IAAEK,SAAS,EAAE;EAAS,CAAC;AAAA,CACvC,CAAC;AAEH,IAAMC,eAAe,GAAG,IAAAf,cAAM,EAAC,GAAG,CAAC,CAAC;EAAA,OAAO;IACzC,mBAAmB,EAAE;MACnBgB,MAAM,EAAEb,eAAK,CAACC,QAAQ,CAACC,OAAO;MAC9BY,WAAW,EAAE;IACf,CAAC;IACD,mBAAmB,EAAE;MACnBf,IAAI,EAAEC,eAAK,CAACC,QAAQ,CAACC,OAAO;MAC5B,QAAQ,EAAE;QACRW,MAAM,EAAEb,eAAK,CAACC,QAAQ,CAACC;MACzB;IACF;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMa,eAAe,GAAG;EACtBC,UAAU,EAAE,QAAQ;EACpBP,QAAQ,EAAE,MAAM;EAChBQ,MAAM,EAAE;AACV,CAAC;AAEM,IAAMC,YAAY,GAAAhC,OAAA,CAAAgC,YAAA,GAAG,SAAfA,YAAYA,CACvBC,cAAc,EACdC,cAAc,EACdC,kCAAkC,EAClCC,kCAAkC,EAClCC,cAAc,EACdC,EAAE,EACC;EACH,IAAIC,MAAM,GAAG,EAAE;EAEf,IACEN,cAAc,KAAKC,cAAc,IACjCC,kCAAkC,GAAGE,cAAc,GAAGD,kCAAkC,IACxFA,kCAAkC,GAAGD,kCAAkC,GAAGE,cAAc,IACxFF,kCAAkC,GAAGE,cAAc,GAAGC,EAAE,IACxDA,EAAE,GAAGH,kCAAkC,GAAGE,cAAc,EACxD;IACAE,MAAM,CAACjD,IAAI,CAAC2C,cAAc,CAAC;EAC7B;EAEA,OAAOM,MAAM;AACf,CAAC;AAEM,IAAMC,kBAAkB,GAAAxC,OAAA,CAAAwC,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIC,QAAQ;EAAA,OAAK,CAACA,QAAQ,IAAI,EAAE,EAAEC,IAAI,CAAC,UAACC,OAAO;IAAA,OAAKA,OAAO,GAAG,CAAC;EAAA,EAAC;AAAA;AAAC,IAEnFC,QAAQ,GAAA5C,OAAA,CAAA4C,QAAA,0BAAAC,gBAAA;EAAA,SAAAD,SAAA;IAAA,IAAAE,gBAAA,mBAAAF,QAAA;IAAA,OAAA7E,UAAA,OAAA6E,QAAA,EAAApD,SAAA;EAAA;EAAA,IAAAuD,UAAA,aAAAH,QAAA,EAAAC,gBAAA;EAAA,WAAAG,aAAA,aAAAJ,QAAA;IAAAK,GAAA;IAAAC,KAAA,EAOnB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GACE,IAAI,CAACC,KAAK;QADJpD,aAAa,GAAAmD,WAAA,CAAbnD,aAAa;QAAEG,UAAU,GAAAgD,WAAA,CAAVhD,UAAU;QAAEkD,iBAAiB,GAAAF,WAAA,CAAjBE,iBAAiB;QAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;QAAEnB,kCAAkC,GAAAgB,WAAA,CAAlChB,kCAAkC;QAAEE,EAAE,GAAAc,WAAA,CAAFd,EAAE;MAExG,IAAAkB,KAAA,GAAuCpD,UAAU,IAAI,CAAC,CAAC;QAA/CqD,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAEC,MAAM,GAAAF,KAAA,CAANE,MAAM;QAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI;QAAEC,KAAK,GAAAJ,KAAA,CAALI,KAAK;MAElC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAK,EAAK;QAC5B,IAAMC,CAAC,GAAGR,UAAU,IAAIA,UAAU,CAAC,CAAC,CAAC,KAAKO,KAAK,GAAG1B,kCAAkC,GAAG,CAAC,GAAGE,EAAE;QAE7F,OAAA/C,aAAA,CAAAA,aAAA,KACKsC,eAAe;UAClBmC,UAAU,EAAE,QAAQ;UACpBD,CAAC,EAAEA,CAAC;UACJE,EAAE,EAAEH,KAAK,KAAK,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC;UACzBxB,EAAE,EAAEwB,KAAK,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG;QAAC;MAE5B,CAAC;MAED,IAAMI,aAAa,GAAG,IAAAC,iBAAU,EAACT,MAAM,CAACU,SAAS,CAAC;MAClD,IAAMC,WAAW,GAAG,IAAAC,sBAAe,EAACZ,MAAM,CAACU,SAAS,CAAC;MACrD,IAAMG,cAAc,GAAG,IAAAC,4BAAqB,EAACH,WAAW,CAAC,GAAG,CAAC;MAE7D,oBACEhH,MAAA,YAAAoH,aAAA,CAAC/C,eAAe,qBACdrE,MAAA,YAAAoH,aAAA,CAACjH,KAAA,CAAAkH,IAAI;QACHjB,KAAK,EAAEA,KAAK,CAACkB,CAAE;QACfC,GAAG,EAAEnB,KAAK,CAACM,CAAC,CAAC,CAAC,CAAE;QAChBzD,IAAI,EAAE,CAAE;QACRwD,KAAK,EAAEJ,MAAM,CAACI,KAAM;QACpBe,YAAY,EAAE,CAAE;QAChBC,UAAU,EAAE,SAAZA,UAAUA,CAAG5B,KAAK;UAAA,OAAKA,KAAK;QAAA,CAAC;QAC7B6B,cAAc,EAAElB,UAAW;QAC3BmB,UAAU,EAAE1B,iBAAkB;QAC9B2B,QAAQ,EAAE,EAAEvB,MAAM,CAACwB,SAAS,IAAItB,KAAK,CAACsB,SAAS,CAAC,IAAIxB,MAAM,CAACyB,GAAG,IAAI;MAAE,CACrE,CAAC,EACDlF,aAAa,IAAIA,aAAa,CAACK,IAAI,iBAAIjD,MAAA,YAAAoH,aAAA,CAAC/D,WAAW;QAAC0E,SAAS,EAAC,MAAM;QAACT,CAAC,EAAEjB,MAAM,CAACyB,GAAI;QAACpB,CAAC,EAAE,CAAE;QAACN,KAAK,EAAEA;MAAM,CAAE,CAAC,EAC1GxD,aAAa,IAAIA,aAAa,CAACM,KAAK,iBAAIlD,MAAA,YAAAoH,aAAA,CAAC/D,WAAW;QAAC0E,SAAS,EAAC,OAAO;QAACT,CAAC,EAAEjB,MAAM,CAAC2B,GAAI;QAACtB,CAAC,EAAE,CAAE;QAACN,KAAK,EAAEA;MAAM,CAAE,CAAC,EAC5GC,MAAM,CAACU,SAAS,iBACf/G,MAAA,YAAAoH,aAAA;QAAeE,CAAC,EAAEhB,IAAI,CAAC2B,KAAK,GAAG,EAAG;QAACvB,CAAC,EAAEN,KAAK,CAACM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAE;QAACuB,KAAK,EAAEf,cAAe;QAACgB,MAAM,EAAE,EAAE,GAAGrB;MAAc,gBACtG7G,MAAA,YAAAoH,aAAA,CAAC3G,SAAA,CAAA0H,QAAQ;QAAC;MAAK,gBACbnI,MAAA,YAAAoH,aAAA,CAACxD,qBAAqB;QAACwE,uBAAuB,EAAE;UAAEC,MAAM,EAAEhC,MAAM,CAACU;QAAU;MAAE,CAAE,CACvE,CACG,CAEF,CAAC;IAEtB;EAAC;AAAA,EApD2BuB,iBAAK,CAACC,SAAS;AAAA,IAAAjG,gBAAA,aAAhCiD,QAAQ,eAAArD,aAAA,CAAAA,aAAA,KAEdQ,aAAa;EAChBK,UAAU,EAAEyF,WAAK,CAACC,cAAc,CAACC;AAAU;AAAA,IAAApG,gBAAA,aAHlCiD,QAAQ,kBAKGvC,gBAAgB;AAkDxC,IAAM2F,KAAK,GAAGpD,QAAQ;AAAC,IAEVqD,QAAQ,GAAAjG,OAAA,CAAAiG,QAAA,0BAAAC,iBAAA;EAAA,SAAAD,SAAA;IAAA,IAAAnD,gBAAA,mBAAAmD,QAAA;IAAA,OAAAlI,UAAA,OAAAkI,QAAA,EAAAzG,SAAA;EAAA;EAAA,IAAAuD,UAAA,aAAAkD,QAAA,EAAAC,iBAAA;EAAA,WAAAlD,aAAA,aAAAiD,QAAA;IAAAhD,GAAA;IAAAC,KAAA,EAOnB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAgD,YAAA,GAAiE,IAAI,CAAC9C,KAAK;QAAnEpD,aAAa,GAAAkG,YAAA,CAAblG,aAAa;QAAEG,UAAU,GAAA+F,YAAA,CAAV/F,UAAU;QAAEmD,UAAU,GAAA4C,YAAA,CAAV5C,UAAU;QAAE6C,aAAa,GAAAD,YAAA,CAAbC,aAAa;MAC5D,IAAAC,KAAA,GAA+BjG,UAAU,IAAI,CAAC,CAAC;QAAvCqD,KAAK,GAAA4C,KAAA,CAAL5C,KAAK;QAAEG,KAAK,GAAAyC,KAAA,CAALzC,KAAK;QAAED,IAAI,GAAA0C,KAAA,CAAJ1C,IAAI;MAE1B,IAAMY,cAAc,GAAGX,KAAK,CAACQ,SAAS,GAAG,IAAAI,4BAAqB,EAACZ,KAAK,CAACQ,SAAS,CAAC3E,MAAM,CAAC,GAAG,CAAC;MAE1F,IAAM6G,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIpD,KAAK;QAAA,OAAMK,UAAU,IAAIA,UAAU,CAACgD,OAAO,CAACrD,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,GAAGA,KAAK;MAAA,CAAC;MAE/F,oBACE7F,MAAA,YAAAoH,aAAA,CAAC/C,eAAe,qBACdrE,MAAA,YAAAoH,aAAA,CAACjH,KAAA,CAAAkH,IAAI;QACH8B,WAAW,EAAE,MAAO;QACpB/C,KAAK,EAAEA,KAAK,CAACM,CAAE;QACfa,GAAG,EAAE,CAAE;QACPW,MAAM,EAAE5B,IAAI,CAAC4B,MAAO;QACpBjF,IAAI,EAAEmD,KAAK,CAACkB,CAAC,CAAC,CAAC,CAAE;QACjBb,KAAK,EAAEF,KAAK,CAACE,KAAM;QACnBD,UAAU,EAAE;UAAE,mBAAmB,EAAE;QAAM,CAAE;QAC3CgB,YAAY,EAAE,CAAE;QAChB4B,UAAU,EAAE,EAAG;QACf3B,UAAU,EAAEwB,gBAAiB;QAC7BvB,cAAc,EAAE,SAAhBA,cAAcA,CAAG7B,KAAK,EAAK;UACzB,IAAIwD,MAAM,GAAGxD,KAAK,CAACyD,cAAc,CAAC,CAAC,CAACC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAACnH,MAAM,IAAI,CAAC;UAEpE,OAAAF,aAAA,CAAAA,aAAA,KACKsC,eAAe;YAClBS,EAAE,EAAE,CAAC;YACL2B,EAAE,EAAE,CAAC,EAAE,GAAGyC,MAAM,GAAG,CAAC;YACpB,mBAAmB,EAAE;UAAK;QAE9B,CAAE;QACFzB,QAAQ,EAAE,IAAK;QACf4B,cAAc,EAAE,QAAS;QACzB7B,UAAU,EAAEoB;MAAc,CAC3B,CAAC,EACDnG,aAAa,IAAIA,aAAa,CAACQ,IAAI,iBAAIpD,MAAA,YAAAoH,aAAA,CAAC/D,WAAW;QAAC0E,SAAS,EAAC,MAAM;QAACT,CAAC,EAAE,CAAE;QAACZ,CAAC,EAAEH,KAAK,CAACuB,GAAI;QAAC1B,KAAK,EAAEA;MAAM,CAAE,CAAC,EACzGxD,aAAa,IAAIA,aAAa,CAACO,EAAE,iBAAInD,MAAA,YAAAoH,aAAA,CAAC/D,WAAW;QAAC0E,SAAS,EAAC,IAAI;QAACT,CAAC,EAAE,CAAE;QAACZ,CAAC,EAAEH,KAAK,CAACyB,GAAI;QAAC5B,KAAK,EAAEA;MAAM,CAAE,CAAC,EACrGG,KAAK,CAACQ,SAAS,iBACd/G,MAAA,YAAAoH,aAAA;QAAeE,CAAC,EAAElB,KAAK,CAACkB,CAAC,CAAC,CAAC,CAAC,GAAGJ,cAAc,GAAG,CAAE;QAACR,CAAC,EAAE,CAAC,EAAG;QAACuB,KAAK,EAAEf,cAAe;QAACgB,MAAM,EAAC;MAAI,gBAC3FlI,MAAA,YAAAoH,aAAA,CAAC3G,SAAA,CAAA0H,QAAQ;QAAC;MAAK,gBACbnI,MAAA,YAAAoH,aAAA,CAACxD,qBAAqB;QAACG,QAAQ;QAACqE,uBAAuB,EAAE;UAAEC,MAAM,EAAE9B,KAAK,CAACQ;QAAU;MAAE,CAAE,CAC/E,CACG,CAEF,CAAC;IAEtB;EAAC;AAAA,EArD2BuB,iBAAK,CAACC,SAAS;AAAA,IAAAjG,gBAAA,aAAhCsG,QAAQ,eAAA1G,aAAA,CAAAA,aAAA,KAEdQ,aAAa;EAChBK,UAAU,EAAEyF,WAAK,CAACC,cAAc,CAACC;AAAU;AAAA,IAAApG,gBAAA,aAHlCsG,QAAQ,kBAKG5F,gBAAgB;AAmDxC,IAAMyG,KAAK,GAAGb,QAAQ;AAAC,IAEFc,IAAI,GAAA/G,OAAA,qCAAAgH,iBAAA;EAAA,SAAAD,KAAA;IAAA,IAAAE,KAAA;IAAA,IAAAnE,gBAAA,mBAAAiE,IAAA;IAAA,SAAAG,IAAA,GAAA1H,SAAA,CAAAC,MAAA,EAAA0H,IAAA,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAA7H,SAAA,CAAA6H,IAAA;IAAA;IAAAJ,KAAA,GAAAlJ,UAAA,OAAAgJ,IAAA,KAAAO,MAAA,CAAAH,IAAA;IAAA,IAAAxH,gBAAA,aAAAsH,KAAA,aAOb,YAAM;MACd,IAAQ7G,UAAU,GAAK6G,KAAA,CAAK5D,KAAK,CAAzBjD,UAAU;MAClB,IAAAmH,KAAA,GAA0BnH,UAAU,IAAI,CAAC,CAAC;QAAlCqD,KAAK,GAAA8D,KAAA,CAAL9D,KAAK;QAAEC,MAAM,GAAA6D,KAAA,CAAN7D,MAAM;MAErB,IAAI,CAACA,MAAM,IAAI,CAACD,KAAK,EAAE;QACrB;MACF;MAEA,IAAM+D,KAAK,GAAG,IAAAC,oBAAa,EAAAlI,aAAA,CAAAA,aAAA,KAAMmE,MAAM;QAAEgE,IAAI,EAAEhE,MAAM,CAACwB;MAAS,EAAE,CAAC;MAClE,IAAMyC,QAAQ,GAAGnF,kBAAkB,CAACgF,KAAK,CAAC;MAE1C,OAAO;QACLlE,iBAAiB,EAAEkE,KAAK;QACxBvF,cAAc,EAAE0F,QAAQ;QACxBxF,kCAAkC,EAAEyF,IAAI,CAACC,GAAG,CAACpE,KAAK,CAACM,CAAC,CAAC,CAAC,CAAC,GAAGN,KAAK,CAACM,CAAC,CAAC4D,QAAQ,CAAC;MAC7E,CAAC;IACH,CAAC;IAAA,IAAAhI,gBAAA,aAAAsH,KAAA,aAES,YAAM;MACd,IAAQ7G,UAAU,GAAK6G,KAAA,CAAK5D,KAAK,CAAzBjD,UAAU;MAClB,IAAA0H,KAAA,GAAyB1H,UAAU,IAAI,CAAC,CAAC;QAAjCqD,KAAK,GAAAqE,KAAA,CAALrE,KAAK;QAAEG,KAAK,GAAAkE,KAAA,CAALlE,KAAK;MAEpB,IAAI,CAACA,KAAK,IAAI,CAACH,KAAK,EAAE;QACpB;MACF;MAEA,IAAM+D,KAAK,GAAG,IAAAC,oBAAa,EAAAlI,aAAA,CAAAA,aAAA,KAAMqE,KAAK;QAAE8D,IAAI,EAAE9D,KAAK,CAACsB;MAAS,EAAE,CAAC;MAChE,IAAMyC,QAAQ,GAAGnF,kBAAkB,CAACgF,KAAK,CAAC;MAE1C,OAAO;QACLpB,aAAa,EAAEoB,KAAK;QACpBtF,cAAc,EAAEyF,QAAQ;QACxBvF,kCAAkC,EAAEwF,IAAI,CAACC,GAAG,CAACpE,KAAK,CAACkB,CAAC,CAAC,CAAC,CAAC,GAAGlB,KAAK,CAACkB,CAAC,CAACgD,QAAQ,CAAC;MAC7E,CAAC;IACH,CAAC;IAAA,OAAAV,KAAA;EAAA;EAAA,IAAAlE,UAAA,aAAAgE,IAAA,EAAAC,iBAAA;EAAA,WAAAhE,aAAA,aAAA+D,IAAA;IAAA9D,GAAA;IAAAC,KAAA,EAED,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAQ/C,UAAU,GAAK,IAAI,CAACiD,KAAK,CAAzBjD,UAAU;MAClB,IAAA2H,KAAA,GAA0B3H,UAAU,IAAI,CAAC,CAAC;QAAlCsD,MAAM,GAAAqE,KAAA,CAANrE,MAAM;QAAEE,KAAK,GAAAmE,KAAA,CAALnE,KAAK;MACrB,IAAAoE,aAAA,GAAkF,IAAI,CAACC,OAAO,CAAC,CAAC;QAAxF3E,iBAAiB,GAAA0E,aAAA,CAAjB1E,iBAAiB;QAAErB,cAAc,GAAA+F,aAAA,CAAd/F,cAAc;QAAEE,kCAAkC,GAAA6F,aAAA,CAAlC7F,kCAAkC;MAC7E,IAAA+F,aAAA,GAA8E,IAAI,CAACC,OAAO,CAAC,CAAC;QAApF/B,aAAa,GAAA8B,aAAA,CAAb9B,aAAa;QAAElE,cAAc,GAAAgG,aAAA,CAAdhG,cAAc;QAAEE,kCAAkC,GAAA8F,aAAA,CAAlC9F,kCAAkC;MACzE,IAAMC,cAAc,GAAG,CAAC;MACxB,IAAMC,EAAE,GAAG,EAAE;MAEb,IAAMiB,UAAU,GAAGvB,YAAY,CAC7BC,cAAc,EACdC,cAAc,EACdC,kCAAkC,EAClCC,kCAAkC,EAClCC,cAAc,EACdC,EACF,CAAC;;MAED;MACA,oBACEjF,MAAA,YAAAoH,aAAA,CAAC/C,eAAe,QACbkC,KAAK,CAACuB,GAAG,IAAI,CAAC,gBACb9H,MAAA,YAAAoH,aAAA,CAACuB,KAAK,MAAAoC,SAAA,iBACA,IAAI,CAAC/E,KAAK;QACdE,UAAU,EAAEA,UAAW;QACvBD,iBAAiB,EAAEA,iBAAkB;QACrClB,kCAAkC,EAAEA,kCAAmC;QACvEE,EAAE,EAAEA;MAAG,EACR,CAAC,GACA,IAAI,EACPoB,MAAM,CAACyB,GAAG,IAAI,CAAC,gBACd9H,MAAA,YAAAoH,aAAA,CAACqC,KAAK,MAAAsB,SAAA,iBACA,IAAI,CAAC/E,KAAK;QACdE,UAAU,EAAEA,UAAW;QACvB6C,aAAa,EAAEA,aAAc;QAC7BjE,kCAAkC,EAAEA;MAAmC,EACxE,CAAC,GACA,IACW,CAAC;IAEtB;EAAC;AAAA,EAlF+BwD,iBAAK,CAACC,SAAS;AAAA,IAAAjG,gBAAA,aAA5BoH,IAAI,eAAAxH,aAAA,CAAAA,aAAA,KAElBQ,aAAa;EAChBK,UAAU,EAAEyF,WAAK,CAACC,cAAc,CAACC;AAAU;AAAA,IAAApG,gBAAA,aAH1BoH,IAAI,kBAKD1G,gBAAgB","ignoreList":[]}

package/lib/axis/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Axes", {
+  enumerable: true,
+  get: function get() {
+    return _axes["default"];
+  }
+});
+Object.defineProperty(exports, "AxisPropTypes", {
+  enumerable: true,
+  get: function get() {
+    return _axes.AxisPropTypes;
+  }
+});
+var _axes = _interopRequireWildcard(require("./axes"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+//# sourceMappingURL=index.js.map

package/lib/axis/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_axes","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../src/axis/index.js"],"sourcesContent":["import Axes, { AxisPropTypes } from './axes';\n\nexport { Axes, AxisPropTypes };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA6C,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/lib/bg.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _d3Selection = require("d3-selection");
+var _plot = require("@pie-lib/plot");
+var _utils = require("./utils");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var Bg = exports["default"] = /*#__PURE__*/function (_React$Component) {
+  function Bg() {
+    var _this;
+    (0, _classCallCheck2["default"])(this, Bg);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, Bg, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getRectPadding", function () {
+      var graphProps = _this.props.graphProps;
+      return (0, _utils.thinnerShapesNeeded)(graphProps) ? 6 : 10;
+    });
+    /**
+     * Note: we use d3 click + pointer to give us domain values directly.
+     * Saves us having to calculate them ourselves from a MouseEvent.
+     */
+    (0, _defineProperty2["default"])(_this, "onRectClick", function (rect, event) {
+      var _this$props = _this.props,
+        onClick = _this$props.onClick,
+        graphProps = _this$props.graphProps;
+      var scale = graphProps.scale;
+      var padding = _this.getRectPadding();
+      var coords = (0, _d3Selection.pointer)(event, rect.node());
+
+      // decrease the padding from coordinates to indicate the correct point clicked
+      var x = scale.x.invert(coords[0] - padding);
+      var y = scale.y.invert(coords[1] - padding);
+      var rowTicks = (0, _utils.getTickValues)(graphProps.range);
+      var columnTicks = (0, _utils.getTickValues)(graphProps.domain);
+      var closest = function closest(ticks, value) {
+        return ticks.length && ticks.reduce(function (prev, curr) {
+          var currentDistance = Math.abs(curr - value);
+          var previousDistance = Math.abs(prev - value);
+          return currentDistance <= previousDistance ? curr : prev;
+        });
+      };
+      var snapped = {};
+      if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {
+        snapped.x = x;
+        snapped.y = y;
+      } else {
+        snapped.x = closest(columnTicks, x);
+        snapped.y = closest(rowTicks, y);
+      }
+      onClick(snapped);
+    });
+    return _this;
+  }
+  (0, _inherits2["default"])(Bg, _React$Component);
+  return (0, _createClass2["default"])(Bg, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+      var rect = (0, _d3Selection.select)(this.rect);
+      rect.on('click', function (event) {
+        return _this2.onRectClick(rect, event);
+      });
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return !_plot.utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) || this.props.width !== nextProps.width || this.props.height !== nextProps.height;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var _this$props2 = this.props,
+        width = _this$props2.width,
+        height = _this$props2.height;
+      var padding = this.getRectPadding();
+
+      // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable
+      return /*#__PURE__*/_react["default"].createElement("rect", {
+        ref: function ref(rect) {
+          return _this3.rect = rect;
+        },
+        transform: "translate(-".concat(padding, ", -").concat(padding, ")"),
+        fill: "red",
+        fillOpacity: "0.0",
+        width: width + padding * 2,
+        height: height + padding * 2
+      });
+    }
+  }]);
+}(_react["default"].Component);
+(0, _defineProperty2["default"])(Bg, "propTypes", {
+  width: _propTypes["default"].number.isRequired,
+  height: _propTypes["default"].number.isRequired,
+  onClick: _propTypes["default"].func.isRequired,
+  graphProps: _plot.types.GraphPropsType.isRequired
+});
+(0, _defineProperty2["default"])(Bg, "defaultProps", {});
+//# sourceMappingURL=bg.js.map

package/lib/bg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bg.js","names":["_react","_interopRequireDefault","require","_propTypes","_d3Selection","_plot","_utils","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","Bg","exports","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","concat","_defineProperty2","graphProps","props","thinnerShapesNeeded","rect","event","_this$props","onClick","scale","padding","getRectPadding","coords","pointer","node","x","invert","y","rowTicks","getTickValues","range","columnTicks","domain","closest","ticks","value","reduce","prev","curr","currentDistance","Math","abs","previousDistance","snapped","indexOf","_inherits2","_createClass2","key","componentDidMount","_this2","select","on","onRectClick","shouldComponentUpdate","nextProps","utils","isDomainRangeEqual","width","height","render","_this3","_this$props2","createElement","ref","transform","fill","fillOpacity","React","Component","PropTypes","number","isRequired","func","types","GraphPropsType"],"sources":["../src/bg.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { pointer, select } from 'd3-selection';\nimport { types, utils } from '@pie-lib/plot';\nimport { getTickValues, thinnerShapesNeeded } from './utils';\n\nexport default class Bg extends React.Component {\n  static propTypes = {\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    onClick: PropTypes.func.isRequired,\n    graphProps: types.GraphPropsType.isRequired,\n  };\n\n  static defaultProps = {};\n\n  componentDidMount() {\n    const rect = select(this.rect);\n\n    rect.on('click', (event) => this.onRectClick(rect, event));\n  }\n\n  shouldComponentUpdate(nextProps) {\n    return (\n      !utils.isDomainRangeEqual(this.props.graphProps, nextProps.graphProps) ||\n      this.props.width !== nextProps.width ||\n      this.props.height !== nextProps.height\n    );\n  }\n\n  getRectPadding = () => {\n    const { graphProps } = this.props;\n\n    return thinnerShapesNeeded(graphProps) ? 6 : 10;\n  };\n\n  /**\n   * Note: we use d3 click + pointer to give us domain values directly.\n   * Saves us having to calculate them ourselves from a MouseEvent.\n   */\n  onRectClick = (rect, event) => {\n    const { onClick, graphProps } = this.props;\n    const { scale } = graphProps;\n\n    const padding = this.getRectPadding();\n    const coords = pointer(event, rect.node());\n\n    // decrease the padding from coordinates to indicate the correct point clicked\n    const x = scale.x.invert(coords[0] - padding);\n    const y = scale.y.invert(coords[1] - padding);\n\n    const rowTicks = getTickValues(graphProps.range);\n    const columnTicks = getTickValues(graphProps.domain);\n\n    const closest = (ticks, value) => {\n      return (\n        ticks.length &&\n        ticks.reduce((prev, curr) => {\n          const currentDistance = Math.abs(curr - value);\n          const previousDistance = Math.abs(prev - value);\n\n          return currentDistance <= previousDistance ? curr : prev;\n        })\n      );\n    };\n\n    let snapped = {};\n\n    if (columnTicks.indexOf(x) >= 0 && rowTicks.indexOf(y) >= 0) {\n      snapped.x = x;\n      snapped.y = y;\n    } else {\n      snapped.x = closest(columnTicks, x);\n      snapped.y = closest(rowTicks, y);\n    }\n\n    onClick(snapped);\n  };\n\n  render() {\n    const { width, height } = this.props;\n    const padding = this.getRectPadding();\n\n    // expand the size of clickable area so a small area outside the edges of the grid lines to be clickable\n    return (\n      <rect\n        ref={(rect) => (this.rect = rect)}\n        transform={`translate(-${padding}, -${padding})`}\n        fill=\"red\"\n        fillOpacity=\"0.0\"\n        width={width + padding * 2}\n        height={height + padding * 2}\n      />\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}