@pie-lib/graphing 3.0.0-next.0 → 3.1.0-next.2

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.1.0-next.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@3.1.0-next.1...@pie-lib/graphing@3.1.0-next.2) (2026-01-26)
+
+**Note:** Version bump only for package @pie-lib/graphing
+
+
+
+
+
+# [3.1.0-next.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.34.2...@pie-lib/graphing@3.1.0-next.1) (2026-01-26)
+
+
+### Bug Fixes
+
+* remove carets from [@pie-lib](https://github.com/pie-lib) dependencies and configure lerna to use exact versions ([c9cd800](https://github.com/pie-framework/pie-lib/commit/c9cd800844abca09e7acf1fd35b2ddf51a6d86df))
+* remove carret, point to specific libs version ([09939a5](https://github.com/pie-framework/pie-lib/commit/09939a5aca19d7dda03d62c93d4d524f98dd69da))
+* remove exports and publish ([#2068](https://github.com/pie-framework/pie-lib/issues/2068)) ([60a96cd](https://github.com/pie-framework/pie-lib/commit/60a96cde0ec65f6b1cac0ae329aa33a0abc50d05))
+* update graphing components - styling and correctness handling PD-5258 ([7f1d3ba](https://github.com/pie-framework/pie-lib/commit/7f1d3bade7271c8f95bb9a67352fc9a52888ffda))
+* updated tip-tap with mui instead of material-ui [PD-5141] ([880d3ab](https://github.com/pie-framework/pie-lib/commit/880d3ab1d63aa12c7e975c882f50624200565737))
+* use fixed lib deps ([de7c64d](https://github.com/pie-framework/pie-lib/commit/de7c64d14f13259fe44d47405e4421baef21e24e))
+
+
+### Features
+
+* bump react and react-dom ([01dc19e](https://github.com/pie-framework/pie-lib/commit/01dc19e88bbc8d372c561d1511df1a82937d45af))
+* drag library update in graphing packages ([6638af8](https://github.com/pie-framework/pie-lib/commit/6638af83235a13b983b95587ba042bbdff61c4df))
+* migrate from [@vx](https://github.com/vx) library to [@visx](https://github.com/visx) ([135bf60](https://github.com/pie-framework/pie-lib/commit/135bf605161bfbd0070ac181892df20931691ce3))
+* packages/graphing  mui update PD-5268 ([503e9fd](https://github.com/pie-framework/pie-lib/commit/503e9fd47f230503ca8133eb8a61cacc727bb0fe))
+* sync latest changes from dev ([c936e9c](https://github.com/pie-framework/pie-lib/commit/c936e9c7f9e095e7d9b9805ac2bf72bd271e05f1))
+
+
+
+
+
 # [3.0.0-next.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/graphing@2.34.3-next.0...@pie-lib/graphing@3.0.0-next.0) (2026-01-19)
 
 **Note:** Version bump only for package @pie-lib/graphing

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "3.0.0-next.0",
+  "version": "3.1.0-next.2",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -22,12 +22,12 @@
     "@mapbox/point-geometry": "^0.1.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/drag": "2.22.3-next.15",
-    "@pie-lib/editable-html": "11.21.3-next.15",
-    "@pie-lib/graphing-utils": "1.35.0-mui-update.0",
-    "@pie-lib/plot": "2.27.3-next.15",
-    "@pie-lib/render-ui": "4.35.3-next.15",
-    "@pie-lib/translator": "2.23.2-next.16",
+    "@pie-lib/drag": "3.1.0-next.2",
+    "@pie-lib/editable-html-tip-tap": "1.1.0-next.2",
+    "@pie-lib/graphing-utils": "2.1.0-next.1",
+    "@pie-lib/plot": "3.1.0-next.2",
+    "@pie-lib/render-ui": "5.1.0-next.2",
+    "@pie-lib/translator": "3.1.0-next.1",
     "@visx/axis": "^3.0.0",
     "@visx/clip-path": "^3.0.0",
     "@visx/curve": "^3.0.0",
@@ -54,14 +54,6 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "5b3a60c2493a99f03494b0c3ea2d0a3207072b67",
-  "scripts": {},
-  "exports": {
-    ".": {
-      "require": "./lib/index.js",
-      "import": "./src/index.js",
-      "default": "./lib/index.js"
-    },
-    "./esm": "./esm/index.js"
-  }
+  "gitHead": "04c639af6e49d1881bf3244ebb3940171c26bd3e",
+  "scripts": {}
 }

package/src/grid-setup.jsx

@@ -1,15 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { color, InputContainer } from '@pie-lib/render-ui';
-import {
-  Accordion,
-  AccordionSummary,
-  AccordionDetails,
-  Typography,
-} from '@mui/material';
+import { Accordion, AccordionSummary, AccordionDetails, Typography } from '@mui/material';
 import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import { NumberTextFieldCustom, Toggle } from '@pie-lib/config-ui';
-import EditableHTML from '@pie-lib/editable-html';
+import EditableHTML from '@pie-lib/editable-html-tip-tap';
 import { styled } from '@mui/material/styles';
 
 const Wrapper = styled('div')(() => ({
@@ -158,7 +153,7 @@ const AxisConfig = (props) => {
       )}
       {axisLabel && axisLabel.enabled && (
         <TextFieldMedium>
-          <InputContainer label={axisLabel.label || ''} >
+          <InputContainer label={axisLabel.label || ''}>
             <AxisLabel>
               <EditableHTML
                 onChange={(value) => onChange('axisLabel', value)}
@@ -325,32 +320,31 @@ const GridSetup = (props) => {
     </>
   );
 
-  const gridlinesConfig =
-    max.enabled ? (
-      <ColumnView>
-        <TextFieldLarge>
-          <NumberTextFieldCustom
-            label="Number of Vertical Gridlines"
-            value={domain.max}
-            min={!includeAxes && gridProps.min}
-            max={!includeAxes && gridProps.max}
-            variant="outlined"
-            onChange={(e, v) => onDomainChanged('max', v)}
-          />
-        </TextFieldLarge>
-        <TextFieldLarge>
-          <NumberTextFieldCustom
-            label="Number of Horizontal Gridlines"
-            value={range.max}
-            min={!includeAxes && gridProps.min}
-            max={!includeAxes && gridProps.max}
-            variant="outlined"
-            disabled={standardGrid}
-            onChange={(e, v) => onRangeChanged('max', v)}
-          />
-        </TextFieldLarge>
-      </ColumnView>
-    ) : null;
+  const gridlinesConfig = max.enabled ? (
+    <ColumnView>
+      <TextFieldLarge>
+        <NumberTextFieldCustom
+          label="Number of Vertical Gridlines"
+          value={domain.max}
+          min={!includeAxes && gridProps.min}
+          max={!includeAxes && gridProps.max}
+          variant="outlined"
+          onChange={(e, v) => onDomainChanged('max', v)}
+        />
+      </TextFieldLarge>
+      <TextFieldLarge>
+        <NumberTextFieldCustom
+          label="Number of Horizontal Gridlines"
+          value={range.max}
+          min={!includeAxes && gridProps.min}
+          max={!includeAxes && gridProps.max}
+          variant="outlined"
+          disabled={standardGrid}
+          onChange={(e, v) => onRangeChanged('max', v)}
+        />
+      </TextFieldLarge>
+    </ColumnView>
+  ) : null;
 
   return (
     <Wrapper>

package/src/labels.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { types } from '@pie-lib/plot';
 import { Readable } from '@pie-lib/render-ui';
-import EditableHtml from '@pie-lib/editable-html';
+import EditableHtml from '@pie-lib/editable-html-tip-tap';
 
 const rotations = {
   left: -90,

package/lib/axis/arrow.js

@@ -1,79 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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

@@ -1,327 +0,0 @@
-"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 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; }
-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 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 StyledLabel = (0, _styles.styled)('div')(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    fontSize: theme.typography.fontSize
-  };
-});
-var StyledAxisLabelHolder = (0, _styles.styled)('div')(function (_ref2) {
-  var theme = _ref2.theme;
-  return {
-    padding: 0,
-    margin: 0,
-    textAlign: 'center',
-    '* > *': {
-      margin: 0,
-      padding: 0
-    },
-    fontSize: theme.typography.fontSize
-  };
-});
-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 _ref3 = graphProps || {},
-        scale = _ref3.scale,
-        domain = _ref3.domain,
-        size = _ref3.size,
-        range = _ref3.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(StyledLabel, {
-        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 _ref4 = graphProps || {},
-        scale = _ref4.scale,
-        range = _ref4.range,
-        size = _ref4.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, {
-        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 _ref5 = graphProps || {},
-        scale = _ref5.scale,
-        domain = _ref5.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 _ref6 = graphProps || {},
-        scale = _ref6.scale,
-        range = _ref6.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 _ref7 = graphProps || {},
-        domain = _ref7.domain,
-        range = _ref7.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