@visx/axis - npm Package Compare versions

Comparing version 3.0.1 to 3.1.0

esm/axis/AxisBottom.js

@@ -1,2 +0,2 @@
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 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); }
@@ -8,11 +8,8 @@ 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 Orientation from '../constants/orientation';
-export var bottomTickLabelProps = function bottomTickLabelProps( /** tickValue, index */
-) {
-  return {
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'middle'
-  };
+export var bottomTickLabelProps = {
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'middle'
 };
@@ -23,7 +20,7 @@ export default function AxisBottom(_ref) {
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, bottomTickLabelProps, tickLabelProps);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -33,5 +30,5 @@ axisClassName: cx('visx-axis-bottom', axisClassName),
     orientation: Orientation.bottom,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

esm/axis/AxisLeft.js

@@ -1,2 +0,2 @@
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 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); }
@@ -8,12 +8,9 @@ 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 Orientation from '../constants/orientation';
-export var leftTickLabelProps = function leftTickLabelProps( /** tickValue, index */
-) {
-  return {
-    dx: '-0.25em',
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'end'
-  };
+export var leftTickLabelProps = {
+  dx: '-0.25em',
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'end'
 };
@@ -24,7 +21,7 @@ export default function AxisLeft(_ref) {
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, leftTickLabelProps, tickLabelProps);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -34,5 +31,5 @@ axisClassName: cx('visx-axis-left', axisClassName),
     orientation: Orientation.left,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

esm/axis/AxisRenderer.js

@@ -40,6 +40,3 @@ 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); }
     tickLineProps = _ref.tickLineProps,
-    _ref$tickLabelProps = _ref.tickLabelProps,
-    tickLabelProps = _ref$tickLabelProps === void 0 ? function /** tickValue, index, tickValues */ () {
-      return defaultTextProps;
-    } : _ref$tickLabelProps,
+    tickLabelProps = _ref.tickLabelProps,
     _ref$tickLength = _ref.tickLength,
@@ -53,2 +50,3 @@ tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
     ticksComponent = _ref$ticksComponent === void 0 ? Ticks : _ref$ticksComponent;
+  var tickLabelPropsDefault = _extends({}, defaultTextProps, typeof tickLabelProps === 'object' ? tickLabelProps : null);
   // compute the max tick label size to compute label offset
@@ -58,3 +56,3 @@ var allTickLabelProps = ticks.map(function (_ref2) {
       index = _ref2.index;
-    return tickLabelProps(value, index, ticks);
+    return typeof tickLabelProps === 'function' ? tickLabelProps(value, index, ticks) : tickLabelPropsDefault;
   });
@@ -61,0 +59,0 @@ var maxTickLabelFontSize = Math.max.apply(Math, [10].concat(allTickLabelProps.map(function (props) {

esm/axis/AxisRight.js

@@ -1,2 +0,2 @@
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 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); }
@@ -8,12 +8,9 @@ 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 Orientation from '../constants/orientation';
-export var rightTickLabelProps = function rightTickLabelProps( /** tickValue, index */
-) {
-  return {
-    dx: '0.25em',
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'start'
-  };
+export var rightTickLabelProps = {
+  dx: '0.25em',
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'start'
 };
@@ -24,7 +21,7 @@ export default function AxisRight(_ref) {
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, rightTickLabelProps, tickLabelProps);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -34,5 +31,5 @@ axisClassName: cx('visx-axis-right', axisClassName),
     orientation: Orientation.right,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

esm/axis/AxisTop.js

@@ -1,2 +0,2 @@
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 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); }
@@ -8,11 +8,8 @@ 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 Orientation from '../constants/orientation';
-export var topTickLabelProps = function topTickLabelProps( /** tickValue, index */
-) {
-  return {
-    dy: '-0.75em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'middle'
-  };
+export var topTickLabelProps = {
+  dy: '-0.75em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'middle'
 };
@@ -23,7 +20,7 @@ export default function AxisTop(_ref) {
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, topTickLabelProps, tickLabelProps);
   return /*#__PURE__*/React.createElement(Axis, _extends({
@@ -33,5 +30,5 @@ axisClassName: cx('visx-axis-top', axisClassName),
     orientation: Orientation.top,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

lib/axis/AxisBottom.d.ts

 /// <reference types="react" />
 import { SharedAxisProps, AxisScale } from '../types';
-export declare const bottomTickLabelProps: () => {
+export declare const bottomTickLabelProps: {
     readonly dy: "0.25em";
@@ -10,3 +10,3 @@ readonly fill: "#222";
 };
-export default function AxisBottom<Scale extends AxisScale>({ axisClassName, labelOffset, tickLabelProps, tickLength, ...restProps }: SharedAxisProps<Scale>): JSX.Element;
+export default function AxisBottom<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: SharedAxisProps<Scale>): JSX.Element;
 //# sourceMappingURL=AxisBottom.d.ts.map

lib/axis/AxisBottom.js

@@ -10,15 +10,12 @@ "use strict";
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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( /** tickValue, index */
-) {
-  return {
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'middle'
-  };
+var bottomTickLabelProps = {
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'middle'
 };
@@ -30,7 +27,7 @@ exports.bottomTickLabelProps = bottomTickLabelProps;
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, bottomTickLabelProps, tickLabelProps);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -40,5 +37,5 @@ axisClassName: (0, _classnames.default)('visx-axis-bottom', axisClassName),
     orientation: _orientation.default.bottom,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

lib/axis/AxisLeft.d.ts

 /// <reference types="react" />
 import { SharedAxisProps, AxisScale } from '../types';
-export declare const leftTickLabelProps: () => {
+export declare const leftTickLabelProps: {
     readonly dx: "-0.25em";
@@ -11,3 +11,3 @@ readonly dy: "0.25em";
 };
-export default function AxisLeft<Scale extends AxisScale>({ axisClassName, labelOffset, tickLabelProps, tickLength, ...restProps }: SharedAxisProps<Scale>): JSX.Element;
+export default function AxisLeft<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: SharedAxisProps<Scale>): JSX.Element;
 //# sourceMappingURL=AxisLeft.d.ts.map

lib/axis/AxisLeft.js

@@ -10,16 +10,13 @@ "use strict";
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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( /** tickValue, index */
-) {
-  return {
-    dx: '-0.25em',
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'end'
-  };
+var leftTickLabelProps = {
+  dx: '-0.25em',
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'end'
 };
@@ -31,7 +28,7 @@ exports.leftTickLabelProps = leftTickLabelProps;
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, leftTickLabelProps, tickLabelProps);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -41,5 +38,5 @@ axisClassName: (0, _classnames.default)('visx-axis-left', axisClassName),
     orientation: _orientation.default.left,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

lib/axis/AxisRenderer.js

@@ -45,6 +45,3 @@ "use strict";
     tickLineProps = _ref.tickLineProps,
-    _ref$tickLabelProps = _ref.tickLabelProps,
-    tickLabelProps = _ref$tickLabelProps === void 0 ? function /** tickValue, index, tickValues */ () {
-      return defaultTextProps;
-    } : _ref$tickLabelProps,
+    tickLabelProps = _ref.tickLabelProps,
     _ref$tickLength = _ref.tickLength,
@@ -58,2 +55,3 @@ tickLength = _ref$tickLength === void 0 ? 8 : _ref$tickLength,
     ticksComponent = _ref$ticksComponent === void 0 ? _Ticks.default : _ref$ticksComponent;
+  var tickLabelPropsDefault = _extends({}, defaultTextProps, typeof tickLabelProps === 'object' ? tickLabelProps : null);
   // compute the max tick label size to compute label offset
@@ -63,3 +61,3 @@ var allTickLabelProps = ticks.map(function (_ref2) {
       index = _ref2.index;
-    return tickLabelProps(value, index, ticks);
+    return typeof tickLabelProps === 'function' ? tickLabelProps(value, index, ticks) : tickLabelPropsDefault;
   });
@@ -66,0 +64,0 @@ var maxTickLabelFontSize = Math.max.apply(Math, [10].concat(allTickLabelProps.map(function (props) {

lib/axis/AxisRight.d.ts

 /// <reference types="react" />
 import { SharedAxisProps, AxisScale } from '../types';
 export declare type AxisRightProps<Scale extends AxisScale> = SharedAxisProps<Scale>;
-export declare const rightTickLabelProps: () => {
+export declare const rightTickLabelProps: {
     readonly dx: "0.25em";
@@ -12,3 +12,3 @@ readonly dy: "0.25em";
 };
-export default function AxisRight<Scale extends AxisScale>({ axisClassName, labelOffset, tickLabelProps, tickLength, ...restProps }: AxisRightProps<Scale>): JSX.Element;
+export default function AxisRight<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: AxisRightProps<Scale>): JSX.Element;
 //# sourceMappingURL=AxisRight.d.ts.map

lib/axis/AxisRight.js

@@ -10,16 +10,13 @@ "use strict";
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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( /** tickValue, index */
-) {
-  return {
-    dx: '0.25em',
-    dy: '0.25em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'start'
-  };
+var rightTickLabelProps = {
+  dx: '0.25em',
+  dy: '0.25em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'start'
 };
@@ -31,7 +28,7 @@ exports.rightTickLabelProps = rightTickLabelProps;
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, rightTickLabelProps, tickLabelProps);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -41,5 +38,5 @@ axisClassName: (0, _classnames.default)('visx-axis-right', axisClassName),
     orientation: _orientation.default.right,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

lib/axis/AxisTop.d.ts

 /// <reference types="react" />
 import { SharedAxisProps, AxisScale } from '../types';
 export declare type AxisTopProps<Scale extends AxisScale> = SharedAxisProps<Scale>;
-export declare const topTickLabelProps: () => {
+export declare const topTickLabelProps: {
     readonly dy: "-0.75em";
@@ -11,3 +11,3 @@ readonly fill: "#222";
 };
-export default function AxisTop<Scale extends AxisScale>({ axisClassName, labelOffset, tickLabelProps, tickLength, ...restProps }: AxisTopProps<Scale>): JSX.Element;
+export default function AxisTop<Scale extends AxisScale>({ axisClassName, labelOffset, tickLength, tickLabelProps, ...restProps }: AxisTopProps<Scale>): JSX.Element;
 //# sourceMappingURL=AxisTop.d.ts.map

lib/axis/AxisTop.js

@@ -10,15 +10,12 @@ "use strict";
 var _orientation = _interopRequireDefault(require("../constants/orientation"));
-var _excluded = ["axisClassName", "labelOffset", "tickLabelProps", "tickLength"];
+var _excluded = ["axisClassName", "labelOffset", "tickLength", "tickLabelProps"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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( /** tickValue, index */
-) {
-  return {
-    dy: '-0.75em',
-    fill: '#222',
-    fontFamily: 'Arial',
-    fontSize: 10,
-    textAnchor: 'middle'
-  };
+var topTickLabelProps = {
+  dy: '-0.75em',
+  fill: '#222',
+  fontFamily: 'Arial',
+  fontSize: 10,
+  textAnchor: 'middle'
 };
@@ -30,7 +27,7 @@ exports.topTickLabelProps = topTickLabelProps;
     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,
+    tickLabelProps = _ref.tickLabelProps,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : _extends({}, topTickLabelProps, tickLabelProps);
   return /*#__PURE__*/_react.default.createElement(_Axis.default, _extends({
@@ -40,5 +37,5 @@ axisClassName: (0, _classnames.default)('visx-axis-top', axisClassName),
     orientation: _orientation.default.top,
-    tickLabelProps: tickLabelProps,
+    tickLabelProps: tickLabelPropsFinal,
     tickLength: tickLength
   }, restProps));
 }

lib/types.d.ts

@@ -14,6 +14,6 @@ import { D3Scale, NumberLike, ScaleInput, ValueOf } from '@visx/scale';
 }[]) => FormattedValue;
-export declare type TickLabelProps<T> = (value: T, index: number, values: {
+export declare type TickLabelProps<T> = Partial<TextProps> | ((value: T, index: number, values: {
     value: T;
     index: number;
-}[]) => Partial<TextProps>;
+}[]) => Partial<TextProps>);
 export declare type TickRendererProps = Partial<TextProps> & {
@@ -69,3 +69,3 @@ x: number;
     tickFormat?: TickFormatter<ScaleInput<Scale>>;
-    /** A function that returns props for a given tick label. */
+    /** Either an object with the props for all tick labels or a function that returns props for a given tick label. */
     tickLabelProps?: TickLabelProps<ScaleInput<Scale>>;
@@ -72,0 +72,0 @@ /** The length of the tick lines. */

package.json

 {
   "name": "@visx/axis",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "visx axis",
@@ -46,3 +46,3 @@ "sideEffects": false,
   },
-  "gitHead": "45f601055ec161d7b12a7043ca1b20e4eef2cded"
+  "gitHead": "f1efc0cb301bba5fcc6a873c2d6ea391e7940a3a"
 }

No alert changes

Worsened metrics

Total package byte prevSize

71956

decreased by-0.33%

Lines of code

1253

decreased by-2.19%

No dependency changes