@visx/axis - npm Package Compare versions

Comparing version 3.0.0-alpha.0 to 3.0.0

esm/axis/Axis.js

 import _pt from "prop-types";
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+var _excluded = ["children", "axisClassName", "hideAxisLine", "hideTicks", "hideZero", "left", "numTicks", "orientation", "rangePadding", "scale", "tickFormat", "tickLength", "tickValues", "top"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
@@ -16,29 +14,29 @@ import cx from 'classnames';
 import Orientation from '../constants/orientation';
+import getAxisRangePaddingConfig from '../utils/getAxisRangePaddingConfig';
 export default function Axis(_ref) {
   var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? AxisRenderer : _ref$children,
-      axisClassName = _ref.axisClassName,
-      _ref$hideAxisLine = _ref.hideAxisLine,
-      hideAxisLine = _ref$hideAxisLine === void 0 ? false : _ref$hideAxisLine,
-      _ref$hideTicks = _ref.hideTicks,
-      hideTicks = _ref$hideTicks === void 0 ? false : _ref$hideTicks,
-      _ref$hideZero = _ref.hideZero,
-      hideZero = _ref$hideZero === void 0 ? false : _ref$hideZero,
-      _ref$left = _ref.left,
-      left = _ref$left === void 0 ? 0 : _ref$left,
-      _ref$numTicks = _ref.numTicks,
-      numTicks = _ref$numTicks === void 0 ? 10 : _ref$numTicks,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? Orientation.bottom : _ref$orientation,
-      _ref$rangePadding = _ref.rangePadding,
-      rangePadding = _ref$rangePadding === void 0 ? 0 : _ref$rangePadding,
-      scale = _ref.scale,
-      tickFormat = _ref.tickFormat,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      tickValues = _ref.tickValues,
-      _ref$top = _ref.top,
-      top = _ref$top === void 0 ? 0 : _ref$top,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "axisClassName", "hideAxisLine", "hideTicks", "hideZero", "left", "numTicks", "orientation", "rangePadding", "scale", "tickFormat", "tickLength", "tickValues", "top"]);
-
+    children = _ref$children === void 0 ? AxisRenderer : _ref$children,
+    axisClassName = _ref.axisClassName,
+    _ref$hideAxisLine = _ref.hideAxisLine,
+    hideAxisLine = _ref$hideAxisLine === void 0 ? false : _ref$hideAxisLine,
+    _ref$hideTicks = _ref.hideTicks,
+    hideTicks = _ref$hideTicks === void 0 ? false : _ref$hideTicks,
+    _ref$hideZero = _ref.hideZero,
+    hideZero = _ref$hideZero === void 0 ? false : _ref$hideZero,
+    _ref$left = _ref.left,
+    left = _ref$left === void 0 ? 0 : _ref$left,
+    _ref$numTicks = _ref.numTicks,
+    numTicks = _ref$numTicks === void 0 ? 10 : _ref$numTicks,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? Orientation.bottom : _ref$orientation,
+    _ref$rangePadding = _ref.rangePadding,
+    rangePadding = _ref$rangePadding === void 0 ? 0 : _ref$rangePadding,
+    scale = _ref.scale,
+    tickFormat = _ref.tickFormat,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    tickValues = _ref.tickValues,
+    _ref$top = _ref.top,
+    top = _ref$top === void 0 ? 0 : _ref$top,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var format = tickFormat != null ? tickFormat : getTickFormatter(scale);
@@ -51,8 +49,9 @@ var isLeft = orientation === Orientation.left;
   var range = scale.range();
+  var rangePaddingConfig = getAxisRangePaddingConfig(rangePadding);
   var axisFromPoint = createPoint({
-    x: Number(range[0]) + 0.5 - rangePadding,
+    x: Number(range[0]) + 0.5 - rangePaddingConfig.start,
     y: 0
   }, horizontal);
   var axisToPoint = createPoint({
-    x: Number(range[range.length - 1]) + 0.5 + rangePadding,
+    x: Number(range[range.length - 1]) + 0.5 + rangePaddingConfig.end,
     y: 0
@@ -70,3 +69,3 @@ }, horizontal);
     var value = _ref2.value,
-        index = _ref2.index;
+      index = _ref2.index;
     var scaledValue = coerceNumber(tickPosition(value));
@@ -73,0 +72,0 @@ return {

esm/axis/AxisBottom.js

@@ -1,5 +0,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
@@ -9,24 +8,21 @@ import cx from 'classnames';
 import Orientation from '../constants/orientation';
-export var bottomTickLabelProps = function bottomTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'middle'
-    }
-  );
+export var bottomTickLabelProps = function bottomTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'middle'
+  };
 };
 export default function AxisBottom(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? bottomTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? bottomTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -33,0 +29,0 @@ axisClassName: cx('visx-axis-bottom', axisClassName),

esm/axis/AxisLeft.js

@@ -1,5 +0,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
@@ -9,25 +8,22 @@ import cx from 'classnames';
 import Orientation from '../constants/orientation';
-export var leftTickLabelProps = function leftTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dx: '-0.25em',
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'end'
-    }
-  );
+export var leftTickLabelProps = function leftTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dx: '-0.25em',
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'end'
+  };
 };
 export default function AxisLeft(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? leftTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? leftTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -34,0 +30,0 @@ axisClassName: cx('visx-axis-left', axisClassName),

esm/axis/AxisRenderer.js

@@ -1,3 +0,2 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
@@ -18,44 +17,41 @@ import cx from 'classnames';
   var axisFromPoint = _ref.axisFromPoint,
-      axisLineClassName = _ref.axisLineClassName,
-      axisToPoint = _ref.axisToPoint,
-      hideAxisLine = _ref.hideAxisLine,
-      hideTicks = _ref.hideTicks,
-      horizontal = _ref.horizontal,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      labelClassName = _ref.labelClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 14 : _ref$labelOffset,
-      _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? defaultTextProps : _ref$labelProps,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? Orientation.bottom : _ref$orientation,
-      scale = _ref.scale,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? '#222' : _ref$stroke,
-      strokeDasharray = _ref.strokeDasharray,
-      _ref$strokeWidth = _ref.strokeWidth,
-      strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
-      tickClassName = _ref.tickClassName,
-      tickComponent = _ref.tickComponent,
-      tickLineProps = _ref.tickLineProps,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? function () {
-    return (
-      /** tickValue, index, tickValues */
-      defaultTextProps
-    );
-  } : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      _ref$tickStroke = _ref.tickStroke,
-      tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
-      tickTransform = _ref.tickTransform,
-      ticks = _ref.ticks,
-      _ref$ticksComponent = _ref.ticksComponent,
-      ticksComponent = _ref$ticksComponent === void 0 ? Ticks : _ref$ticksComponent;
+    axisLineClassName = _ref.axisLineClassName,
+    axisToPoint = _ref.axisToPoint,
+    hideAxisLine = _ref.hideAxisLine,
+    hideTicks = _ref.hideTicks,
+    horizontal = _ref.horizontal,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    labelClassName = _ref.labelClassName,
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 14 : _ref$labelOffset,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? defaultTextProps : _ref$labelProps,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? Orientation.bottom : _ref$orientation,
+    scale = _ref.scale,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? '#222' : _ref$stroke,
+    strokeDasharray = _ref.strokeDasharray,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
+    tickClassName = _ref.tickClassName,
+    tickComponent = _ref.tickComponent,
+    tickLineProps = _ref.tickLineProps,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? function /** tickValue, index, tickValues */ () {
+      return defaultTextProps;
+    } : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    _ref$tickStroke = _ref.tickStroke,
+    tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
+    tickTransform = _ref.tickTransform,
+    ticks = _ref.ticks,
+    _ref$ticksComponent = _ref.ticksComponent,
+    ticksComponent = _ref$ticksComponent === void 0 ? Ticks : _ref$ticksComponent;
   // compute the max tick label size to compute label offset
   var allTickLabelProps = ticks.map(function (_ref2) {
     var value = _ref2.value,
-        index = _ref2.index;
+      index = _ref2.index;
     return tickLabelProps(value, index, ticks);
@@ -62,0 +58,0 @@ });

esm/axis/AxisRight.js

@@ -1,5 +0,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
@@ -9,25 +8,22 @@ import cx from 'classnames';
 import Orientation from '../constants/orientation';
-export var rightTickLabelProps = function rightTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dx: '0.25em',
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'start'
-    }
-  );
+export var rightTickLabelProps = function rightTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dx: '0.25em',
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'start'
+  };
 };
 export default function AxisRight(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? rightTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? rightTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -34,0 +30,0 @@ axisClassName: cx('visx-axis-right', axisClassName),

esm/axis/AxisTop.js

@@ -1,5 +0,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 import React from 'react';
@@ -9,24 +8,21 @@ import cx from 'classnames';
 import Orientation from '../constants/orientation';
-export var topTickLabelProps = function topTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dy: '-0.75em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'middle'
-    }
-  );
+export var topTickLabelProps = function topTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dy: '-0.75em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'middle'
+  };
 };
 export default function AxisTop(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? topTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? topTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -33,0 +29,0 @@ axisClassName: cx('visx-axis-top', axisClassName),

esm/axis/Ticks.js

@@ -1,3 +0,2 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React from 'react';
@@ -11,21 +10,20 @@ import cx from 'classnames';
   var hideTicks = _ref.hideTicks,
-      horizontal = _ref.horizontal,
-      orientation = _ref.orientation,
-      tickClassName = _ref.tickClassName,
-      tickComponent = _ref.tickComponent,
-      allTickLabelProps = _ref.tickLabelProps,
-      _ref$tickStroke = _ref.tickStroke,
-      tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
-      tickTransform = _ref.tickTransform,
-      ticks = _ref.ticks,
-      strokeWidth = _ref.strokeWidth,
-      tickLineProps = _ref.tickLineProps;
+    horizontal = _ref.horizontal,
+    orientation = _ref.orientation,
+    tickClassName = _ref.tickClassName,
+    tickComponent = _ref.tickComponent,
+    allTickLabelProps = _ref.tickLabelProps,
+    _ref$tickStroke = _ref.tickStroke,
+    tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
+    tickTransform = _ref.tickTransform,
+    ticks = _ref.ticks,
+    strokeWidth = _ref.strokeWidth,
+    tickLineProps = _ref.tickLineProps;
   return ticks.map(function (_ref2) {
     var _allTickLabelProps$in;
-
     var value = _ref2.value,
-        index = _ref2.index,
-        from = _ref2.from,
-        to = _ref2.to,
-        formattedValue = _ref2.formattedValue;
+      index = _ref2.index,
+      from = _ref2.from,
+      to = _ref2.to,
+      formattedValue = _ref2.formattedValue;
     var tickLabelProps = (_allTickLabelProps$in = allTickLabelProps[index]) != null ? _allTickLabelProps$in : {};
@@ -32,0 +30,0 @@ var tickLabelFontSize = Math.max(10, typeof tickLabelProps.fontSize === 'number' && tickLabelProps.fontSize || 0);

esm/utils/createPoint.js

 import { Point } from '@visx/point';
 export default function createPoint(_ref, horizontal) {
   var x = _ref.x,
-      y = _ref.y;
+    y = _ref.y;
   return new Point(horizontal ? {
@@ -6,0 +6,0 @@ x: x,

esm/utils/getLabelTransform.js

 import Orientation from '../constants/orientation';
 export default function getLabelTransform(_ref) {
   var labelOffset = _ref.labelOffset,
-      labelProps = _ref.labelProps,
-      orientation = _ref.orientation,
-      range = _ref.range,
-      tickLabelFontSize = _ref.tickLabelFontSize,
-      tickLength = _ref.tickLength;
+    labelProps = _ref.labelProps,
+    orientation = _ref.orientation,
+    range = _ref.range,
+    tickLabelFontSize = _ref.tickLabelFontSize,
+    tickLength = _ref.tickLength;
   var sign = orientation === Orientation.left || orientation === Orientation.top ? -1 : 1;
@@ -13,3 +13,2 @@ var x;
   var transform;
-
   if (orientation === Orientation.top || orientation === Orientation.bottom) {
@@ -24,3 +23,2 @@ var yBottomOffset = orientation === Orientation.bottom && typeof labelProps.fontSize === 'number' ? labelProps.fontSize : 0;
   }
-
   return {
@@ -27,0 +25,0 @@ x: x,

esm/utils/getTickFormatter.js

 import { toString } from '@visx/scale';
-
 /**
@@ -8,10 +7,10 @@ * Returns a tick position for the given tick value
   // Broaden type before using 'xxx' in s as typeguard.
-  var s = scale; // For point or band scales,
+  var s = scale;
+
+  // For point or band scales,
   // have to add offset to make the tick centered.
-
   if ('tickFormat' in s) {
     return s.tickFormat();
   }
-
   return toString;
 }

esm/utils/getTickPosition.js

@@ -8,7 +8,7 @@ /**
   }
+  // Broaden type before using 'xxx' in s as typeguard.
+  var s = scale;
 
-  // Broaden type before using 'xxx' in s as typeguard.
-  var s = scale; // For point or band scales,
+  // For point or band scales,
   // have to add offset to make the tick at center or end.
-
   if (align !== 'start' && 'bandwidth' in s) {
@@ -23,4 +23,3 @@ var offset = s.bandwidth();
   }
-
   return scale;
 }

lib/axis/Axis.d.ts

 /// <reference types="react" />
 import { SharedAxisProps, AxisScale } from '../types';
-import Orientation from '../constants/orientation';
+import { OrientationType } from '../constants/orientation';
 export declare type AxisProps<Scale extends AxisScale> = SharedAxisProps<Scale> & {
-    orientation?: Orientation;
+    orientation?: OrientationType;
 };
 export default function Axis<Scale extends AxisScale>({ children, axisClassName, hideAxisLine, hideTicks, hideZero, left, numTicks, orientation, rangePadding, scale, tickFormat, tickLength, tickValues, top, ...restProps }: AxisProps<Scale>): JSX.Element;
 //# sourceMappingURL=Axis.d.ts.map

lib/axis/Axis.js

@@ -5,56 +5,43 @@ "use strict";
 exports.default = Axis;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _group = require("@visx/group");
-
 var _scale = require("@visx/scale");
-
 var _AxisRenderer = _interopRequireDefault(require("./AxisRenderer"));
-
 var _getTickPosition = _interopRequireDefault(require("../utils/getTickPosition"));
-
 var _getTickFormatter = _interopRequireDefault(require("../utils/getTickFormatter"));
-
 var _createPoint = _interopRequireDefault(require("../utils/createPoint"));
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
+var _getAxisRangePaddingConfig = _interopRequireDefault(require("../utils/getAxisRangePaddingConfig"));
+var _excluded = ["children", "axisClassName", "hideAxisLine", "hideTicks", "hideZero", "left", "numTicks", "orientation", "rangePadding", "scale", "tickFormat", "tickLength", "tickValues", "top"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function Axis(_ref) {
   var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? _AxisRenderer.default : _ref$children,
-      axisClassName = _ref.axisClassName,
-      _ref$hideAxisLine = _ref.hideAxisLine,
-      hideAxisLine = _ref$hideAxisLine === void 0 ? false : _ref$hideAxisLine,
-      _ref$hideTicks = _ref.hideTicks,
-      hideTicks = _ref$hideTicks === void 0 ? false : _ref$hideTicks,
-      _ref$hideZero = _ref.hideZero,
-      hideZero = _ref$hideZero === void 0 ? false : _ref$hideZero,
-      _ref$left = _ref.left,
-      left = _ref$left === void 0 ? 0 : _ref$left,
-      _ref$numTicks = _ref.numTicks,
-      numTicks = _ref$numTicks === void 0 ? 10 : _ref$numTicks,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? _orientation.default.bottom : _ref$orientation,
-      _ref$rangePadding = _ref.rangePadding,
-      rangePadding = _ref$rangePadding === void 0 ? 0 : _ref$rangePadding,
-      scale = _ref.scale,
-      tickFormat = _ref.tickFormat,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      tickValues = _ref.tickValues,
-      _ref$top = _ref.top,
-      top = _ref$top === void 0 ? 0 : _ref$top,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["children", "axisClassName", "hideAxisLine", "hideTicks", "hideZero", "left", "numTicks", "orientation", "rangePadding", "scale", "tickFormat", "tickLength", "tickValues", "top"]);
-
+    children = _ref$children === void 0 ? _AxisRenderer.default : _ref$children,
+    axisClassName = _ref.axisClassName,
+    _ref$hideAxisLine = _ref.hideAxisLine,
+    hideAxisLine = _ref$hideAxisLine === void 0 ? false : _ref$hideAxisLine,
+    _ref$hideTicks = _ref.hideTicks,
+    hideTicks = _ref$hideTicks === void 0 ? false : _ref$hideTicks,
+    _ref$hideZero = _ref.hideZero,
+    hideZero = _ref$hideZero === void 0 ? false : _ref$hideZero,
+    _ref$left = _ref.left,
+    left = _ref$left === void 0 ? 0 : _ref$left,
+    _ref$numTicks = _ref.numTicks,
+    numTicks = _ref$numTicks === void 0 ? 10 : _ref$numTicks,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? _orientation.default.bottom : _ref$orientation,
+    _ref$rangePadding = _ref.rangePadding,
+    rangePadding = _ref$rangePadding === void 0 ? 0 : _ref$rangePadding,
+    scale = _ref.scale,
+    tickFormat = _ref.tickFormat,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    tickValues = _ref.tickValues,
+    _ref$top = _ref.top,
+    top = _ref$top === void 0 ? 0 : _ref$top,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   var format = tickFormat != null ? tickFormat : (0, _getTickFormatter.default)(scale);
@@ -67,8 +54,9 @@ var isLeft = orientation === _orientation.default.left;
   var range = scale.range();
+  var rangePaddingConfig = (0, _getAxisRangePaddingConfig.default)(rangePadding);
   var axisFromPoint = (0, _createPoint.default)({
-    x: Number(range[0]) + 0.5 - rangePadding,
+    x: Number(range[0]) + 0.5 - rangePaddingConfig.start,
     y: 0
   }, horizontal);
   var axisToPoint = (0, _createPoint.default)({
-    x: Number(range[range.length - 1]) + 0.5 + rangePadding,
+    x: Number(range[range.length - 1]) + 0.5 + rangePaddingConfig.end,
     y: 0
@@ -86,3 +74,3 @@ }, horizontal);
     var value = _ref2.value,
-        index = _ref2.index;
+      index = _ref2.index;
     var scaledValue = (0, _scale.coerceNumber)(tickPosition(value));
@@ -89,0 +77,0 @@ return {

lib/axis/AxisBottom.js

 "use strict";
 
 exports.__esModule = true;
+exports.bottomTickLabelProps = void 0;
 exports.default = AxisBottom;
-exports.bottomTickLabelProps = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Axis = _interopRequireDefault(require("./Axis"));
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var bottomTickLabelProps = function bottomTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'middle'
-    }
-  );
+var bottomTickLabelProps = function bottomTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'middle'
+  };
 };
-
 exports.bottomTickLabelProps = bottomTickLabelProps;
-
 function AxisBottom(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? bottomTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? bottomTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -47,0 +35,0 @@ axisClassName: (0, _classnames.default)('visx-axis-bottom', axisClassName),

lib/axis/AxisLeft.js

@@ -6,43 +6,31 @@ "use strict";
 exports.leftTickLabelProps = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Axis = _interopRequireDefault(require("./Axis"));
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var leftTickLabelProps = function leftTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dx: '-0.25em',
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'end'
-    }
-  );
+var leftTickLabelProps = function leftTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dx: '-0.25em',
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'end'
+  };
 };
-
 exports.leftTickLabelProps = leftTickLabelProps;
-
 function AxisLeft(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? leftTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? leftTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -49,0 +37,0 @@ axisClassName: (0, _classnames.default)('visx-axis-left', axisClassName),

lib/axis/AxisRenderer.js

@@ -5,21 +5,11 @@ "use strict";
 exports.default = AxisRenderer;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _shape = require("@visx/shape");
-
 var _text = require("@visx/text");
-
 var _getLabelTransform = _interopRequireDefault(require("../utils/getLabelTransform"));
-
 var _Ticks = _interopRequireDefault(require("./Ticks"));
-
 var _ = require("..");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var defaultTextProps = {
@@ -31,47 +21,43 @@ textAnchor: 'middle',
 };
-
 function AxisRenderer(_ref) {
   var axisFromPoint = _ref.axisFromPoint,
-      axisLineClassName = _ref.axisLineClassName,
-      axisToPoint = _ref.axisToPoint,
-      hideAxisLine = _ref.hideAxisLine,
-      hideTicks = _ref.hideTicks,
-      horizontal = _ref.horizontal,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      labelClassName = _ref.labelClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 14 : _ref$labelOffset,
-      _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? defaultTextProps : _ref$labelProps,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? _.Orientation.bottom : _ref$orientation,
-      scale = _ref.scale,
-      _ref$stroke = _ref.stroke,
-      stroke = _ref$stroke === void 0 ? '#222' : _ref$stroke,
-      strokeDasharray = _ref.strokeDasharray,
-      _ref$strokeWidth = _ref.strokeWidth,
-      strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
-      tickClassName = _ref.tickClassName,
-      tickComponent = _ref.tickComponent,
-      tickLineProps = _ref.tickLineProps,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? function () {
-    return (
-      /** tickValue, index, tickValues */
-      defaultTextProps
-    );
-  } : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      _ref$tickStroke = _ref.tickStroke,
-      tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
-      tickTransform = _ref.tickTransform,
-      ticks = _ref.ticks,
-      _ref$ticksComponent = _ref.ticksComponent,
-      ticksComponent = _ref$ticksComponent === void 0 ? _Ticks.default : _ref$ticksComponent;
+    axisLineClassName = _ref.axisLineClassName,
+    axisToPoint = _ref.axisToPoint,
+    hideAxisLine = _ref.hideAxisLine,
+    hideTicks = _ref.hideTicks,
+    horizontal = _ref.horizontal,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? '' : _ref$label,
+    labelClassName = _ref.labelClassName,
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 14 : _ref$labelOffset,
+    _ref$labelProps = _ref.labelProps,
+    labelProps = _ref$labelProps === void 0 ? defaultTextProps : _ref$labelProps,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? _.Orientation.bottom : _ref$orientation,
+    scale = _ref.scale,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? '#222' : _ref$stroke,
+    strokeDasharray = _ref.strokeDasharray,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 1 : _ref$strokeWidth,
+    tickClassName = _ref.tickClassName,
+    tickComponent = _ref.tickComponent,
+    tickLineProps = _ref.tickLineProps,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? function /** tickValue, index, tickValues */ () {
+      return defaultTextProps;
+    } : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    _ref$tickStroke = _ref.tickStroke,
+    tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
+    tickTransform = _ref.tickTransform,
+    ticks = _ref.ticks,
+    _ref$ticksComponent = _ref.ticksComponent,
+    ticksComponent = _ref$ticksComponent === void 0 ? _Ticks.default : _ref$ticksComponent;
   // compute the max tick label size to compute label offset
   var allTickLabelProps = ticks.map(function (_ref2) {
     var value = _ref2.value,
-        index = _ref2.index;
+      index = _ref2.index;
     return tickLabelProps(value, index, ticks);
@@ -78,0 +64,0 @@ });

lib/axis/AxisRight.js

@@ -6,43 +6,31 @@ "use strict";
 exports.rightTickLabelProps = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Axis = _interopRequireDefault(require("./Axis"));
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var rightTickLabelProps = function rightTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dx: '0.25em',
-      dy: '0.25em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'start'
-    }
-  );
+var rightTickLabelProps = function rightTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dx: '0.25em',
+    dy: '0.25em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'start'
+  };
 };
-
 exports.rightTickLabelProps = rightTickLabelProps;
-
 function AxisRight(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? rightTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 36 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? rightTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -49,0 +37,0 @@ axisClassName: (0, _classnames.default)('visx-axis-right', axisClassName),

lib/axis/AxisTop.js

@@ -6,42 +6,30 @@ "use strict";
 exports.topTickLabelProps = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Axis = _interopRequireDefault(require("./Axis"));
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
+var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-var topTickLabelProps = function topTickLabelProps() {
-  return (
-    /** tickValue, index */
-    {
-      dy: '-0.75em',
-      fill: '#222',
-      fontFamily: 'Arial',
-      fontSize: 10,
-      textAnchor: 'middle'
-    }
-  );
+var topTickLabelProps = function topTickLabelProps( /** tickValue, index */
+) {
+  return {
+    dy: '-0.75em',
+    fill: '#222',
+    fontFamily: 'Arial',
+    fontSize: 10,
+    textAnchor: 'middle'
+  };
 };
-
 exports.topTickLabelProps = topTickLabelProps;
-
 function AxisTop(_ref) {
   var axisClassName = _ref.axisClassName,
-      _ref$labelOffset = _ref.labelOffset,
-      labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
-      _ref$tickLabelProps = _ref.tickLabelProps,
-      tickLabelProps = _ref$tickLabelProps === void 0 ? topTickLabelProps : _ref$tickLabelProps,
-      _ref$tickLength = _ref.tickLength,
-      tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
-      restProps = _objectWithoutPropertiesLoose(_ref, ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"]);
-
+    _ref$labelOffset = _ref.labelOffset,
+    labelOffset = _ref$labelOffset === void 0 ? 8 : _ref$labelOffset,
+    _ref$tickLabelProps = _ref.tickLabelProps,
+    tickLabelProps = _ref$tickLabelProps === void 0 ? topTickLabelProps : _ref$tickLabelProps,
+    _ref$tickLength = _ref.tickLength,
+    tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
+    restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -48,0 +36,0 @@ axisClassName: (0, _classnames.default)('visx-axis-top', axisClassName),

lib/axis/Ticks.js

@@ -5,40 +5,30 @@ "use strict";
 exports.default = Ticks;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _shape = require("@visx/shape");
-
 var _group = require("@visx/group");
-
 var _text = require("@visx/text");
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function Ticks(_ref) {
   var hideTicks = _ref.hideTicks,
-      horizontal = _ref.horizontal,
-      orientation = _ref.orientation,
-      tickClassName = _ref.tickClassName,
-      tickComponent = _ref.tickComponent,
-      allTickLabelProps = _ref.tickLabelProps,
-      _ref$tickStroke = _ref.tickStroke,
-      tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
-      tickTransform = _ref.tickTransform,
-      ticks = _ref.ticks,
-      strokeWidth = _ref.strokeWidth,
-      tickLineProps = _ref.tickLineProps;
+    horizontal = _ref.horizontal,
+    orientation = _ref.orientation,
+    tickClassName = _ref.tickClassName,
+    tickComponent = _ref.tickComponent,
+    allTickLabelProps = _ref.tickLabelProps,
+    _ref$tickStroke = _ref.tickStroke,
+    tickStroke = _ref$tickStroke === void 0 ? '#222' : _ref$tickStroke,
+    tickTransform = _ref.tickTransform,
+    ticks = _ref.ticks,
+    strokeWidth = _ref.strokeWidth,
+    tickLineProps = _ref.tickLineProps;
   return ticks.map(function (_ref2) {
     var _allTickLabelProps$in;
-
     var value = _ref2.value,
-        index = _ref2.index,
-        from = _ref2.from,
-        to = _ref2.to,
-        formattedValue = _ref2.formattedValue;
+      index = _ref2.index,
+      from = _ref2.from,
+      to = _ref2.to,
+      formattedValue = _ref2.formattedValue;
     var tickLabelProps = (_allTickLabelProps$in = allTickLabelProps[index]) != null ? _allTickLabelProps$in : {};
@@ -45,0 +35,0 @@ var tickLabelFontSize = Math.max(10, typeof tickLabelProps.fontSize === 'number' && tickLabelProps.fontSize || 0);

lib/constants/orientation.d.ts

@@ -8,4 +8,4 @@ import { ValueOf } from '@visx/scale';
 };
-declare type Orientation = ValueOf<typeof Orientation>;
+export declare type OrientationType = ValueOf<typeof Orientation>;
 export default Orientation;
 //# sourceMappingURL=orientation.d.ts.map

lib/index.js

@@ -12,36 +12,22 @@ "use strict";
 };
-exports.Orientation = exports.AxisBottom = exports.AxisTop = exports.AxisRight = exports.AxisLeft = exports.Axis = void 0;
-
+exports.Orientation = exports.AxisTop = exports.AxisRight = exports.AxisLeft = exports.AxisBottom = exports.Axis = void 0;
 var _Axis = _interopRequireDefault(require("./axis/Axis"));
-
 exports.Axis = _Axis.default;
-
 var _AxisLeft = _interopRequireDefault(require("./axis/AxisLeft"));
-
 exports.AxisLeft = _AxisLeft.default;
-
 var _AxisRight = _interopRequireDefault(require("./axis/AxisRight"));
-
 exports.AxisRight = _AxisRight.default;
-
 var _AxisTop = _interopRequireDefault(require("./axis/AxisTop"));
-
 exports.AxisTop = _AxisTop.default;
-
 var _AxisBottom = _interopRequireDefault(require("./axis/AxisBottom"));
-
 exports.AxisBottom = _AxisBottom.default;
-
 var _orientation = _interopRequireDefault(require("./constants/orientation"));
-
 exports.Orientation = _orientation.default;
-
 var _types = require("./types");
-
 Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _types[key]) return;
   exports[key] = _types[key];
 });
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

lib/types.d.ts

@@ -1,4 +0,4 @@
-/// <reference types="react" />
-import { D3Scale, NumberLike, ScaleInput } from '@visx/scale';
+import { D3Scale, NumberLike, ScaleInput, ValueOf } from '@visx/scale';
 import { TextProps } from '@visx/text/lib/Text';
+import { ReactNode, SVGProps } from 'react';
 import Orientation from './constants/orientation';
@@ -8,3 +8,3 @@ export declare type AxisScaleOutput = number | NumberLike | undefined;
 export declare type AxisScale<Output extends AxisScaleOutput = AxisScaleOutput> = D3Scale<Output, any, any>;
-declare type LineProps = Omit<React.SVGProps<SVGLineElement>, 'to' | 'from'>;
+declare type LineProps = Omit<SVGProps<SVGLineElement>, 'to' | 'from' | 'ref'>;
 declare type FormattedValue = string | undefined;
@@ -47,5 +47,8 @@ export declare type TickFormatter<T> = (value: T, index: number, values: {
     /** Placement of the axis */
-    orientation?: Orientation;
-    /** Pixel padding to apply to both sides of the axis. */
-    rangePadding?: number;
+    orientation?: ValueOf<typeof Orientation>;
+    /** Pixel padding to apply to axis sides. */
+    rangePadding?: number | {
+        start?: number;
+        end?: number;
+    };
     /** The color for the stroke of the lines. */
@@ -62,5 +65,5 @@ stroke?: string;
     /** Override the component used to render tick labels (instead of <Text /> from @visx/text). */
-    tickComponent?: (tickRendererProps: TickRendererProps) => React.ReactNode;
+    tickComponent?: (tickRendererProps: TickRendererProps) => ReactNode;
     /** Override the component used to render all tick lines and labels. */
-    ticksComponent?: (tickRendererProps: TicksRendererProps<Scale>) => React.ReactNode;
+    ticksComponent?: (tickRendererProps: TicksRendererProps<Scale>) => ReactNode;
     /** A [d3 formatter](https://github.com/d3/d3-scale/blob/master/README.md#continuous_tickFormat) for the tick text. */
@@ -116,5 +119,5 @@ tickFormat?: TickFormatter<ScaleInput<Scale>>;
     /** For more control over rendering or to add event handlers to datum, pass a function as children. */
-    children?: (renderProps: AxisRendererProps<Scale>) => React.ReactNode;
+    children?: (renderProps: AxisRendererProps<Scale>) => ReactNode;
 };
 export {};
 //# sourceMappingURL=types.d.ts.map

lib/types.js

@@ -1,1 +0,3 @@
-"use strict";
+"use strict";
+
+exports.__esModule = true;

lib/utils/createPoint.js

@@ -5,8 +5,6 @@ "use strict";
 exports.default = createPoint;
-
 var _point = require("@visx/point");
-
 function createPoint(_ref, horizontal) {
   var x = _ref.x,
-      y = _ref.y;
+    y = _ref.y;
   return new _point.Point(horizontal ? {
@@ -13,0 +11,0 @@ x: x,

lib/utils/getLabelTransform.d.ts

 import { TextProps } from '@visx/text/lib/Text';
-import Orientation from '../constants/orientation';
+import { OrientationType } from '../constants/orientation';
 import { AxisScaleOutput } from '../types';
@@ -7,3 +7,3 @@ export interface TransformArgs {
     labelProps: Partial<TextProps>;
-    orientation: Orientation;
+    orientation: OrientationType;
     range: AxisScaleOutput[];
@@ -10,0 +10,0 @@ tickLabelFontSize: number;

lib/utils/getLabelTransform.js

@@ -5,14 +5,11 @@ "use strict";
 exports.default = getLabelTransform;
-
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function getLabelTransform(_ref) {
   var labelOffset = _ref.labelOffset,
-      labelProps = _ref.labelProps,
-      orientation = _ref.orientation,
-      range = _ref.range,
-      tickLabelFontSize = _ref.tickLabelFontSize,
-      tickLength = _ref.tickLength;
+    labelProps = _ref.labelProps,
+    orientation = _ref.orientation,
+    range = _ref.range,
+    tickLabelFontSize = _ref.tickLabelFontSize,
+    tickLength = _ref.tickLength;
   var sign = orientation === _orientation.default.left || orientation === _orientation.default.top ? -1 : 1;
@@ -22,3 +19,2 @@ var x;
   var transform;
-
   if (orientation === _orientation.default.top || orientation === _orientation.default.bottom) {
@@ -33,3 +29,2 @@ var yBottomOffset = orientation === _orientation.default.bottom && typeof labelProps.fontSize === 'number' ? labelProps.fontSize : 0;
   }
-
   return {
@@ -36,0 +31,0 @@ x: x,

lib/utils/getTickFormatter.d.ts

@@ -0,1 +1,2 @@
+import { ScaleInput } from '@visx/scale';
 import { TickFormatter, AxisScale } from '../types';
@@ -5,3 +6,3 @@ /**
  */
-export default function getTickFormatter<Scale extends AxisScale>(scale: Scale): TickFormatter<Parameters<Scale>[0]>;
+export default function getTickFormatter<Scale extends AxisScale>(scale: Scale): TickFormatter<ScaleInput<Scale>>;
 //# sourceMappingURL=getTickFormatter.d.ts.map

lib/utils/getTickFormatter.js

@@ -5,5 +5,3 @@ "use strict";
 exports.default = getTickFormatter;
-
 var _scale = require("@visx/scale");
-
 /**
@@ -14,10 +12,10 @@ * Returns a tick position for the given tick value
   // Broaden type before using 'xxx' in s as typeguard.
-  var s = scale; // For point or band scales,
+  var s = scale;
+
+  // For point or band scales,
   // have to add offset to make the tick centered.
-
   if ('tickFormat' in s) {
     return s.tickFormat();
   }
-
   return _scale.toString;
 }

lib/utils/getTickPosition.js

@@ -5,3 +5,2 @@ "use strict";
 exports.default = getTickPosition;
-
 /**
@@ -14,7 +13,7 @@ * Create a function that returns a tick position for the given tick value
   }
+  // Broaden type before using 'xxx' in s as typeguard.
+  var s = scale;
 
-  // Broaden type before using 'xxx' in s as typeguard.
-  var s = scale; // For point or band scales,
+  // For point or band scales,
   // have to add offset to make the tick at center or end.
-
   if (align !== 'start' && 'bandwidth' in s) {
@@ -29,4 +28,3 @@ var offset = s.bandwidth();
   }
-
   return scale;
 }

package.json

 {
   "name": "@visx/axis",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0",
   "description": "visx axis",
@@ -32,7 +32,7 @@ "sideEffects": false,
     "@types/react": "*",
-    "@visx/group": "3.0.0-alpha.0",
-    "@visx/point": "1.7.0",
-    "@visx/scale": "1.14.0",
-    "@visx/shape": "3.0.0-alpha.0",
-    "@visx/text": "3.0.0-alpha.0",
+    "@visx/group": "3.0.0",
+    "@visx/point": "3.0.0",
+    "@visx/scale": "3.0.0",
+    "@visx/shape": "3.0.0",
+    "@visx/text": "3.0.0",
     "classnames": "^2.3.1",
@@ -42,3 +42,3 @@ "prop-types": "^15.6.0"
   "peerDependencies": {
-    "react": "^16.3.0-0 || ^17.0.0-0"
+    "react": "^16.3.0-0 || ^17.0.0-0 || ^18.0.0-0"
   },
@@ -48,3 +48,3 @@ "publishConfig": {
   },
-  "gitHead": "2f2fb26030b5f1328803b2bd7de171d66e088aff"
+  "gitHead": "2fbffbaee80b88302274266112f8ad9a241def33"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

72197

increased by4.21%

Number of package files

63

increased by6.78%

Lines of code

1281

increased by3.31%

Number of low quality alerts

0

decreased by-100%

Dependency changes

• + Added@types/d3-color@3.1.3(transitive)

• + Added@types/d3-interpolate@3.0.4(transitive)

• + Added@types/d3-scale@4.0.8(transitive)

• + Added@visx/curve@3.0.0(transitive)

• + Added@visx/group@3.0.0(transitive)

• + Added@visx/point@3.0.0(transitive)

• + Added@visx/scale@3.0.0(transitive)

• + Added@visx/shape@3.0.0(transitive)

• + Added@visx/text@3.0.0(transitive)

• + Addedd3-array@3.2.4(transitive)

• + Addedd3-color@3.1.0(transitive)

• + Addedd3-format@3.1.0(transitive)

• + Addedd3-interpolate@3.0.1(transitive)

• + Addedd3-scale@4.0.2(transitive)

• + Addedd3-time-format@4.1.0(transitive)

• + Addedinternmap@2.0.3(transitive)

• + Addedreact@18.3.1(transitive)

• - Removed@types/d3-color@1.4.5(transitive)

• - Removed@types/d3-interpolate@1.4.5(transitive)

• - Removed@types/d3-scale@3.3.5(transitive)

• - Removed@visx/curve@1.7.0(transitive)

• - Removed@visx/group@3.0.0-alpha.0(transitive)

• - Removed@visx/point@1.7.0(transitive)

• - Removed@visx/scale@1.14.0(transitive)

• - Removed@visx/shape@3.0.0-alpha.0(transitive)

• - Removed@visx/text@3.0.0-alpha.0(transitive)

• - Removedd3-color@1.4.1(transitive)

• - Removedd3-format@2.0.0(transitive)

• - Removedd3-interpolate@1.4.0(transitive)

• - Removedd3-scale@3.3.0(transitive)

• - Removedd3-time-format@3.0.0(transitive)

• - Removedreact@17.0.2(transitive)

• Updated@visx/group@3.0.0

• Updated@visx/point@3.0.0

• Updated@visx/scale@3.0.0

• Updated@visx/shape@3.0.0

• Updated@visx/text@3.0.0