victory-errorbar 36.4.0 → 36.5.1

package/es/error-bar.js

@@ -9,7 +9,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 /* eslint-disable max-statements */
 import React from "react";
 import PropTypes from "prop-types";
-import { Helpers, CommonProps, Line } from "victory-core";
+import { Helpers, CommonProps, Line, UserProps } from "victory-core";
 
 var renderBorder = function (props, error, type) {
   var vertical = type === "right" || type === "left";
@@ -23,7 +23,8 @@ var renderBorder = function (props, error, type) {
     x1: vertical ? error[type] : props.x - props.borderWidth,
     x2: vertical ? error[type] : props.x + props.borderWidth,
     y1: vertical ? props.y - props.borderWidth : error[type],
-    y2: vertical ? props.y + props.borderWidth : error[type]
+    y2: vertical ? props.y + props.borderWidth : error[type],
+    "data-type": "border-".concat(type)
   }));
 };
 
@@ -39,7 +40,8 @@ var renderCross = function (props, error, type) {
     x1: props.x,
     x2: vertical ? props.x : error[type],
     y1: props.y,
-    y2: vertical ? error[type] : props.y
+    y2: vertical ? error[type] : props.y,
+    "data-type": "cross-".concat(type)
   }));
 };
 
@@ -103,15 +105,16 @@ var evaluateProps = function (props) {
 
 var ErrorBar = function (props) {
   props = evaluateProps(props);
+  var userProps = UserProps.getSafeUserProps(props);
   var _props = props,
-      ariaLabel = _props.ariaLabel,
-      tabIndex = _props.tabIndex;
+      tabIndex = _props.tabIndex,
+      ariaLabel = _props.ariaLabel;
   var error = calculateError(props);
   var children = [error.right ? renderBorder(props, error, "right") : null, error.left ? renderBorder(props, error, "left") : null, error.bottom ? renderBorder(props, error, "bottom") : null, error.top ? renderBorder(props, error, "top") : null, error.right ? renderCross(props, error, "right") : null, error.left ? renderCross(props, error, "left") : null, error.bottom ? renderCross(props, error, "bottom") : null, error.top ? renderCross(props, error, "top") : null].filter(Boolean);
-  return /*#__PURE__*/React.cloneElement(props.groupComponent, {
-    "aria-label": ariaLabel,
-    tabIndex: tabIndex
-  }, children);
+  return /*#__PURE__*/React.cloneElement(props.groupComponent, _objectSpread({
+    tabIndex: tabIndex,
+    "aria-label": ariaLabel
+  }, userProps), children);
 };
 
 ErrorBar.propTypes = _objectSpread(_objectSpread({}, CommonProps.primitiveProps), {}, {
@@ -130,4 +133,5 @@ ErrorBar.defaultProps = {
   role: "presentation",
   shapeRendering: "auto"
 };
-export default ErrorBar;
+export default ErrorBar;
+//# sourceMappingURL=error-bar.js.map

package/es/helper-methods.js

@@ -234,4 +234,5 @@ export var getBaseProps = function (props, fallbackProps) {
 
     return childProps;
   }, initialChildProps);
-};
+};
+//# sourceMappingURL=helper-methods.js.map

package/es/index.d.ts

@@ -8,7 +8,7 @@ import {
   VictoryCommonPrimitiveProps,
   VictoryLabelableProps,
   VictoryMultiLabelableProps,
-  VictoryStyleInterface
+  VictoryStyleInterface,
 } from "victory-core";
 
 export type VictoryErrorBarTTargetType = "data" | "labels" | "parent";

package/es/index.js

@@ -1,2 +1,3 @@
 export { default as VictoryErrorBar } from "./victory-errorbar";
-export { default as ErrorBar } from "./error-bar";
+export { default as ErrorBar } from "./error-bar";
+//# sourceMappingURL=index.js.map

package/es/victory-errorbar.js

@@ -2,6 +2,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -10,7 +12,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -20,9 +22,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 import PropTypes from "prop-types";
 import React from "react";
@@ -85,30 +85,25 @@ var VictoryErrorBar = /*#__PURE__*/function (_React$Component) {
       }
 
       var children = this.renderData(props);
-      var container = /*#__PURE__*/React.cloneElement(props.containerComponent, UserProps.getSafeUserProps(props));
-      return props.standalone ? this.renderContainer(container, children) : children;
+      var component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
+      return UserProps.withSafeUserProps(component, props);
     }
   }]);
 
   return VictoryErrorBar;
 }(React.Component);
 
-_defineProperty(VictoryErrorBar, "animationWhitelist", ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"]);
-
-_defineProperty(VictoryErrorBar, "displayName", "VictoryErrorBar");
-
-_defineProperty(VictoryErrorBar, "role", "errorbar");
-
-_defineProperty(VictoryErrorBar, "defaultTransitions", DefaultTransitions.discreteTransitions());
-
-_defineProperty(VictoryErrorBar, "propTypes", _objectSpread(_objectSpread(_objectSpread({}, CommonProps.baseProps), CommonProps.dataProps), {}, {
+VictoryErrorBar.animationWhitelist = ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"];
+VictoryErrorBar.displayName = "VictoryErrorBar";
+VictoryErrorBar.role = "errorbar";
+VictoryErrorBar.defaultTransitions = DefaultTransitions.discreteTransitions();
+VictoryErrorBar.propTypes = _objectSpread(_objectSpread(_objectSpread({}, CommonProps.baseProps), CommonProps.dataProps), {}, {
   borderWidth: PropTypes.number,
   errorX: PropTypes.oneOfType([PropTypes.func, CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]), PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   errorY: PropTypes.oneOfType([PropTypes.func, CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]), PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
   horizontal: PropTypes.bool
-}));
-
-_defineProperty(VictoryErrorBar, "defaultProps", {
+});
+VictoryErrorBar.defaultProps = {
   containerComponent: /*#__PURE__*/React.createElement(VictoryContainer, null),
   data: defaultData,
   dataComponent: /*#__PURE__*/React.createElement(ErrorBar, null),
@@ -120,16 +115,14 @@ _defineProperty(VictoryErrorBar, "defaultProps", {
   sortOrder: "ascending",
   standalone: true,
   theme: VictoryTheme.grayscale
-});
-
-_defineProperty(VictoryErrorBar, "getDomain", getDomain);
-
-_defineProperty(VictoryErrorBar, "getData", getData);
+};
+VictoryErrorBar.getDomain = getDomain;
+VictoryErrorBar.getData = getData;
 
-_defineProperty(VictoryErrorBar, "getBaseProps", function (props) {
+VictoryErrorBar.getBaseProps = function (props) {
   return getBaseProps(props, fallbackProps);
-});
-
-_defineProperty(VictoryErrorBar, "expectedComponents", ["dataComponent", "labelComponent", "groupComponent", "containerComponent"]);
+};
 
-export default addEvents(VictoryErrorBar);
+VictoryErrorBar.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
+export default addEvents(VictoryErrorBar);
+//# sourceMappingURL=victory-errorbar.js.map

package/lib/error-bar.js

@@ -33,7 +33,8 @@ var renderBorder = function (props, error, type) {
     x1: vertical ? error[type] : props.x - props.borderWidth,
     x2: vertical ? error[type] : props.x + props.borderWidth,
     y1: vertical ? props.y - props.borderWidth : error[type],
-    y2: vertical ? props.y + props.borderWidth : error[type]
+    y2: vertical ? props.y + props.borderWidth : error[type],
+    "data-type": "border-".concat(type)
   }));
 };
 
@@ -49,7 +50,8 @@ var renderCross = function (props, error, type) {
     x1: props.x,
     x2: vertical ? props.x : error[type],
     y1: props.y,
-    y2: vertical ? error[type] : props.y
+    y2: vertical ? error[type] : props.y,
+    "data-type": "cross-".concat(type)
   }));
 };
 
@@ -117,15 +119,18 @@ var evaluateProps = function (props) {
 
 var ErrorBar = function (props) {
   props = evaluateProps(props);
+
+  var userProps = _victoryCore.UserProps.getSafeUserProps(props);
+
   var _props = props,
-      ariaLabel = _props.ariaLabel,
-      tabIndex = _props.tabIndex;
+      tabIndex = _props.tabIndex,
+      ariaLabel = _props.ariaLabel;
   var error = calculateError(props);
   var children = [error.right ? renderBorder(props, error, "right") : null, error.left ? renderBorder(props, error, "left") : null, error.bottom ? renderBorder(props, error, "bottom") : null, error.top ? renderBorder(props, error, "top") : null, error.right ? renderCross(props, error, "right") : null, error.left ? renderCross(props, error, "left") : null, error.bottom ? renderCross(props, error, "bottom") : null, error.top ? renderCross(props, error, "top") : null].filter(Boolean);
-  return /*#__PURE__*/_react.default.cloneElement(props.groupComponent, {
-    "aria-label": ariaLabel,
-    tabIndex: tabIndex
-  }, children);
+  return /*#__PURE__*/_react.default.cloneElement(props.groupComponent, _objectSpread({
+    tabIndex: tabIndex,
+    "aria-label": ariaLabel
+  }, userProps), children);
 };
 
 ErrorBar.propTypes = _objectSpread(_objectSpread({}, _victoryCore.CommonProps.primitiveProps), {}, {
@@ -145,4 +150,5 @@ ErrorBar.defaultProps = {
   shapeRendering: "auto"
 };
 var _default = ErrorBar;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=error-bar.js.map

package/lib/helper-methods.js

@@ -262,4 +262,5 @@ var getBaseProps = function (props, fallbackProps) {
   }, initialChildProps);
 };
 
-exports.getBaseProps = getBaseProps;
+exports.getBaseProps = getBaseProps;
+//# sourceMappingURL=helper-methods.js.map

package/lib/index.d.ts

@@ -8,7 +8,7 @@ import {
   VictoryCommonPrimitiveProps,
   VictoryLabelableProps,
   VictoryMultiLabelableProps,
-  VictoryStyleInterface
+  VictoryStyleInterface,
 } from "victory-core";
 
 export type VictoryErrorBarTTargetType = "data" | "labels" | "parent";

package/lib/index.js

@@ -20,4 +20,5 @@ var _victoryErrorbar = _interopRequireDefault(require("./victory-errorbar"));
 
 var _errorBar = _interopRequireDefault(require("./error-bar"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/victory-errorbar.js

@@ -21,6 +21,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -29,7 +31,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -39,9 +41,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var fallbackProps = {
   width: 450,
@@ -100,32 +100,25 @@ var VictoryErrorBar = /*#__PURE__*/function (_React$Component) {
       }
 
       var children = this.renderData(props);
-
-      var container = /*#__PURE__*/_react.default.cloneElement(props.containerComponent, _victoryCore.UserProps.getSafeUserProps(props));
-
-      return props.standalone ? this.renderContainer(container, children) : children;
+      var component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
+      return _victoryCore.UserProps.withSafeUserProps(component, props);
     }
   }]);
 
   return VictoryErrorBar;
 }(_react.default.Component);
 
-_defineProperty(VictoryErrorBar, "animationWhitelist", ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"]);
-
-_defineProperty(VictoryErrorBar, "displayName", "VictoryErrorBar");
-
-_defineProperty(VictoryErrorBar, "role", "errorbar");
-
-_defineProperty(VictoryErrorBar, "defaultTransitions", _victoryCore.DefaultTransitions.discreteTransitions());
-
-_defineProperty(VictoryErrorBar, "propTypes", _objectSpread(_objectSpread(_objectSpread({}, _victoryCore.CommonProps.baseProps), _victoryCore.CommonProps.dataProps), {}, {
+VictoryErrorBar.animationWhitelist = ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"];
+VictoryErrorBar.displayName = "VictoryErrorBar";
+VictoryErrorBar.role = "errorbar";
+VictoryErrorBar.defaultTransitions = _victoryCore.DefaultTransitions.discreteTransitions();
+VictoryErrorBar.propTypes = _objectSpread(_objectSpread(_objectSpread({}, _victoryCore.CommonProps.baseProps), _victoryCore.CommonProps.dataProps), {}, {
   borderWidth: _propTypes.default.number,
   errorX: _propTypes.default.oneOfType([_propTypes.default.func, _victoryCore.PropTypes.allOfType([_victoryCore.PropTypes.integer, _victoryCore.PropTypes.nonNegative]), _propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
   errorY: _propTypes.default.oneOfType([_propTypes.default.func, _victoryCore.PropTypes.allOfType([_victoryCore.PropTypes.integer, _victoryCore.PropTypes.nonNegative]), _propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
   horizontal: _propTypes.default.bool
-}));
-
-_defineProperty(VictoryErrorBar, "defaultProps", {
+});
+VictoryErrorBar.defaultProps = {
   containerComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryContainer, null),
   data: defaultData,
   dataComponent: /*#__PURE__*/_react.default.createElement(_errorBar.default, null),
@@ -137,18 +130,17 @@ _defineProperty(VictoryErrorBar, "defaultProps", {
   sortOrder: "ascending",
   standalone: true,
   theme: _victoryCore.VictoryTheme.grayscale
-});
-
-_defineProperty(VictoryErrorBar, "getDomain", _helperMethods.getDomain);
-
-_defineProperty(VictoryErrorBar, "getData", _helperMethods.getData);
+};
+VictoryErrorBar.getDomain = _helperMethods.getDomain;
+VictoryErrorBar.getData = _helperMethods.getData;
 
-_defineProperty(VictoryErrorBar, "getBaseProps", function (props) {
+VictoryErrorBar.getBaseProps = function (props) {
   return (0, _helperMethods.getBaseProps)(props, fallbackProps);
-});
+};
 
-_defineProperty(VictoryErrorBar, "expectedComponents", ["dataComponent", "labelComponent", "groupComponent", "containerComponent"]);
+VictoryErrorBar.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
 
 var _default = (0, _victoryCore.addEvents)(VictoryErrorBar);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=victory-errorbar.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-errorbar",
-  "version": "36.4.0",
+  "version": "36.5.1",
   "description": "Error Bar Component for Victory",
   "keywords": [
     "data visualization",
@@ -20,15 +20,15 @@
   "license": "MIT",
   "dependencies": {
     "lodash": "^4.17.19",
-    "prop-types": "^15.5.8",
-    "victory-core": "^36.4.0"
+    "prop-types": "^15.8.1",
+    "victory-core": "^36.5.1"
   },
   "peerDependencies": {
-    "react": "^16.6.0 || ^17.0.0"
+    "react": ">=16.6.0"
   },
   "scripts": {
     "version": "yarn run nps build-libs && nps build-dists"
   },
   "sideEffects": false,
-  "gitHead": "2e05481eeb34f9801a90023a131a21aa7deff082"
+  "gitHead": "fbe60407533cd7a6da4f8155d2ef8e189583c5a2"
 }

package/src/error-bar.js

@@ -1,7 +1,7 @@
 /* eslint-disable max-statements */
 import React from "react";
 import PropTypes from "prop-types";
-import { Helpers, CommonProps, Line } from "victory-core";
+import { Helpers, CommonProps, Line, UserProps } from "victory-core";
 import { assign } from "lodash";
 
 const renderBorder = (props, error, type) => {
@@ -17,7 +17,8 @@ const renderBorder = (props, error, type) => {
     x1: vertical ? error[type] : props.x - props.borderWidth,
     x2: vertical ? error[type] : props.x + props.borderWidth,
     y1: vertical ? props.y - props.borderWidth : error[type],
-    y2: vertical ? props.y + props.borderWidth : error[type]
+    y2: vertical ? props.y + props.borderWidth : error[type],
+    "data-type": `border-${type}`,
   });
 };
 
@@ -34,7 +35,8 @@ const renderCross = (props, error, type) => {
     x1: props.x,
     x2: vertical ? props.x : error[type],
     y1: props.y,
-    y2: vertical ? error[type] : props.y
+    y2: vertical ? error[type] : props.y,
+    "data-type": `cross-${type}`,
   });
 };
 
@@ -44,7 +46,7 @@ const calculateError = (props) => {
     right: { error: errorX, errorIndex: 0 },
     left: { error: errorX, errorIndex: 1 },
     top: { error: errorY, errorIndex: 1 },
-    bottom: { error: errorY, errorIndex: 0 }
+    bottom: { error: errorY, errorIndex: 0 },
   };
 
   const getError = (direction) => {
@@ -71,7 +73,7 @@ const evaluateProps = (props) => {
   const id = Helpers.evaluateProp(props.id, props);
   const style = Helpers.evaluateStyle(
     assign({ stroke: "black" }, props.style),
-    props
+    props,
   );
   const tabIndex = Helpers.evaluateProp(props.tabIndex, props);
 
@@ -80,7 +82,8 @@ const evaluateProps = (props) => {
 
 const ErrorBar = (props) => {
   props = evaluateProps(props);
-  const { ariaLabel, tabIndex } = props;
+  const userProps = UserProps.getSafeUserProps(props);
+  const { tabIndex, ariaLabel } = props;
   const error = calculateError(props);
   const children = [
     error.right ? renderBorder(props, error, "right") : null,
@@ -90,12 +93,12 @@ const ErrorBar = (props) => {
     error.right ? renderCross(props, error, "right") : null,
     error.left ? renderCross(props, error, "left") : null,
     error.bottom ? renderCross(props, error, "bottom") : null,
-    error.top ? renderCross(props, error, "top") : null
+    error.top ? renderCross(props, error, "top") : null,
   ].filter(Boolean);
   return React.cloneElement(
     props.groupComponent,
-    { "aria-label": ariaLabel, tabIndex },
-    children
+    { tabIndex, "aria-label": ariaLabel, ...userProps },
+    children,
   );
 };
 
@@ -106,24 +109,24 @@ ErrorBar.propTypes = {
   errorX: PropTypes.oneOfType([
     PropTypes.number,
     PropTypes.array,
-    PropTypes.bool
+    PropTypes.bool,
   ]),
   errorY: PropTypes.oneOfType([
     PropTypes.number,
     PropTypes.array,
-    PropTypes.bool
+    PropTypes.bool,
   ]),
   groupComponent: PropTypes.element,
   lineComponent: PropTypes.element,
   x: PropTypes.number,
-  y: PropTypes.number
+  y: PropTypes.number,
 };
 
 ErrorBar.defaultProps = {
   groupComponent: <g />,
   lineComponent: <Line />,
   role: "presentation",
-  shapeRendering: "auto"
+  shapeRendering: "auto",
 };
 
 export default ErrorBar;

package/src/helper-methods.js

@@ -5,7 +5,7 @@ import {
   Scale,
   Domain,
   Data,
-  Collection
+  Collection,
 } from "victory-core";
 
 const getErrors = (props, datum, axis) => {
@@ -26,7 +26,7 @@ const getErrors = (props, datum, axis) => {
   return Array.isArray(errors)
     ? [
         errors[0] === 0 ? false : scale(errors[0] + datum[`_${axis}`]),
-        errors[1] === 0 ? false : scale(datum[`_${axis}`] - errors[1])
+        errors[1] === 0 ? false : scale(datum[`_${axis}`] - errors[1]),
       ]
     : [scale(errors + datum[`_${axis}`]), scale(datum[`_${axis}`] - errors)];
 };
@@ -98,11 +98,11 @@ const getCalculatedValues = (props) => {
   const data = getData(props);
   const range = {
     x: Helpers.getRange(props, "x"),
-    y: Helpers.getRange(props, "y")
+    y: Helpers.getRange(props, "y"),
   };
   const domain = {
     x: getDomain(props, "x"),
-    y: getDomain(props, "y")
+    y: getDomain(props, "y"),
   };
   const scale = {
     x: Scale.getBaseScale(props, "x")
@@ -110,7 +110,7 @@ const getCalculatedValues = (props) => {
       .range(props.horizontal ? range.y : range.x),
     y: Scale.getBaseScale(props, "y")
       .domain(domain.y)
-      .range(props.horizontal ? range.x : range.y)
+      .range(props.horizontal ? range.x : range.y),
   };
   const origin = props.polar
     ? props.origin || Helpers.getPolarOrigin(props)
@@ -129,7 +129,7 @@ const getLabelProps = (dataProps, text, style) => {
     horizontal,
     labelComponent,
     theme,
-    disableInlineStyles
+    disableInlineStyles,
   } = dataProps;
   const getError = (type = "x") => {
     const baseError = type === "y" ? errorY : errorX;
@@ -156,7 +156,7 @@ const getLabelProps = (dataProps, text, style) => {
     verticalAnchor: labelStyle.verticalAnchor || verticalAnchor,
     angle: labelStyle.angle,
     horizontal,
-    disableInlineStyles
+    disableInlineStyles,
   };
 
   if (!Helpers.isTooltip(labelComponent)) {
@@ -188,7 +188,7 @@ export const getBaseProps = (props, fallbackProps) => {
     style,
     theme,
     width,
-    disableInlineStyles
+    disableInlineStyles,
   } = props;
   const initialChildProps = {
     parent: {
@@ -204,8 +204,8 @@ export const getBaseProps = (props, fallbackProps) => {
       standalone,
       style: style.parent,
       theme,
-      width
-    }
+      width,
+    },
   };
 
   return data.reduce((childProps, datum, index) => {
@@ -227,11 +227,11 @@ export const getBaseProps = (props, fallbackProps) => {
       style: disableInlineStyles ? {} : style.data,
       x,
       y,
-      disableInlineStyles
+      disableInlineStyles,
     };
 
     childProps[eventKey] = {
-      data: dataProps
+      data: dataProps,
     };
     const text = LabelHelpers.getText(props, datum, index);
     if (
@@ -241,7 +241,7 @@ export const getBaseProps = (props, fallbackProps) => {
       childProps[eventKey].labels = getLabelProps(
         assign({}, props, dataProps),
         text,
-        style
+        style,
       );
     }
 

package/src/index.d.ts

@@ -8,7 +8,7 @@ import {
   VictoryCommonPrimitiveProps,
   VictoryLabelableProps,
   VictoryMultiLabelableProps,
-  VictoryStyleInterface
+  VictoryStyleInterface,
 } from "victory-core";
 
 export type VictoryErrorBarTTargetType = "data" | "labels" | "parent";