victory-errorbar 36.5.2 → 36.6.1

package/lib/victory-errorbar.d.ts

@@ -0,0 +1,153 @@
+import PropTypes from "prop-types";
+import React from "react";
+import { EventPropTypeInterface, StringOrNumberOrCallback, StringOrNumberOrList, VictoryDatableProps, VictoryCommonProps, VictoryLabelableProps, VictoryMultiLabelableProps, VictoryStyleInterface, EventsMixinClass } from "victory-core";
+export declare type VictoryErrorBarTTargetType = "data" | "labels" | "parent";
+export declare type ErrorType = StringOrNumberOrList | ((...args: any[]) => StringOrNumberOrList);
+export interface VictoryErrorBarProps extends Omit<VictoryCommonProps, "polar">, VictoryDatableProps, VictoryLabelableProps, VictoryMultiLabelableProps {
+    borderWidth?: number;
+    errorX?: ErrorType;
+    errorY?: ErrorType;
+    events?: EventPropTypeInterface<VictoryErrorBarTTargetType, StringOrNumberOrCallback>[];
+    style?: VictoryStyleInterface;
+}
+interface VictoryErrorBarBase extends EventsMixinClass<VictoryErrorBarProps> {
+}
+declare class VictoryErrorBarBase extends React.Component<VictoryErrorBarProps> {
+    static animationWhitelist: string[];
+    static displayName: string;
+    static role: string;
+    static defaultTransitions: import("victory-core").AnimatePropTypeInterface;
+    static propTypes: {
+        borderWidth: PropTypes.Requireable<number>;
+        errorX: PropTypes.Requireable<string | number | ((...args: any[]) => any) | (string | null | undefined)[]>;
+        errorY: PropTypes.Requireable<string | number | ((...args: any[]) => any) | (string | null | undefined)[]>;
+        horizontal: PropTypes.Requireable<boolean>;
+        categories?: React.Validator<import("victory-core").CategoryPropType | null | undefined> | undefined;
+        data?: React.Validator<readonly any[] | null | undefined> | undefined;
+        dataComponent?: React.Validator<React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined> | undefined;
+        domain?: React.Validator<import("victory-core").ForAxes<import("victory-core").DomainTuple> | null | undefined> | undefined;
+        domainPadding?: React.Validator<import("victory-core").ForAxes<import("victory-core").PaddingType> | null | undefined> | undefined;
+        samples?: React.Validator<number | null | undefined> | undefined;
+        sortKey?: React.Validator<import("victory-core").DataGetterPropType | null | undefined> | undefined;
+        sortOrder?: React.Validator<import("victory-core").SortOrderPropType | null | undefined> | undefined;
+        x?: React.Validator<import("victory-core").DataGetterPropType | null | undefined> | undefined;
+        y?: React.Validator<import("victory-core").DataGetterPropType | null | undefined> | undefined;
+        y0?: React.Validator<import("victory-core").DataGetterPropType | null | undefined> | undefined;
+        theme?: React.Validator<import("victory-core").VictoryThemeDefinition | null | undefined> | undefined;
+        animate?: React.Validator<boolean | import("victory-core").AnimatePropTypeInterface | null | undefined> | undefined;
+        colorScale?: React.Validator<import("victory-core").ColorScalePropType | null | undefined> | undefined;
+        containerComponent?: React.Validator<React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined> | undefined;
+        externalEventMutations?: React.Validator<import("victory-core").EventCallbackInterface<string | string[], StringOrNumberOrList>[] | null | undefined> | undefined;
+        groupComponent?: React.Validator<React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined> | undefined;
+        height?: React.Validator<number | null | undefined> | undefined;
+        maxDomain?: React.Validator<number | {
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null | undefined> | undefined;
+        minDomain?: React.Validator<number | {
+            x?: number | undefined;
+            y?: number | undefined;
+        } | null | undefined> | undefined;
+        name?: React.Validator<string | null | undefined> | undefined;
+        origin?: React.Validator<import("victory-core").OriginType | null | undefined> | undefined;
+        padding?: React.Validator<import("victory-core").PaddingProps | null | undefined> | undefined;
+        polar?: React.Validator<boolean | null | undefined> | undefined;
+        range?: React.Validator<import("victory-core").ForAxes<import("victory-core").RangeTuple> | null | undefined> | undefined;
+        scale?: React.Validator<import("victory-core").D3Scale<any> | import("victory-core").ScaleName | {
+            x?: import("victory-core").D3Scale<any> | import("victory-core").ScaleName | undefined;
+            y?: import("victory-core").D3Scale<any> | import("victory-core").ScaleName | undefined;
+        } | null | undefined> | undefined;
+        sharedEvents?: React.Validator<{
+            events: any[];
+            getEventState: Function;
+        } | null | undefined> | undefined;
+        singleQuadrantDomainPadding?: React.Validator<boolean | {
+            x?: boolean | undefined;
+            y?: boolean | undefined;
+        } | null | undefined> | undefined;
+        standalone?: React.Validator<boolean | null | undefined> | undefined;
+        width?: React.Validator<number | null | undefined> | undefined;
+    };
+    static defaultProps: {
+        containerComponent: JSX.Element;
+        data: {
+            x: number;
+            y: number;
+            errorX: number;
+            errorY: number;
+        }[];
+        dataComponent: JSX.Element;
+        labelComponent: JSX.Element;
+        groupComponent: JSX.Element;
+        samples: number;
+        sortOrder: string;
+        standalone: boolean;
+        theme: import("victory-core").VictoryThemeDefinition;
+    };
+    static getDomain: (props: any, axis: any) => any;
+    static getData: (props: any) => any;
+    static getBaseProps: (props: any) => any;
+    static expectedComponents: string[];
+    shouldAnimate(): boolean;
+    render(): React.ReactElement;
+}
+export declare const VictoryErrorBar: {
+    new (props: import("victory-core").EventMixinCommonProps): {
+        state: {};
+        getEventState: (eventKey: string | number, namespace: string, childType?: string | undefined) => any;
+        getScopedEvents: (events: any, namespace: any, childType: any, baseProps: any) => {};
+        getEvents: (p: any, target: any, eventKey: any) => any;
+        externalMutations: {} | undefined;
+        calculatedState: {};
+        globalEvents: {};
+        prevGlobalEventKeys: string[];
+        boundGlobalEvents: {};
+        shouldComponentUpdate(nextProps: import("victory-core").EventMixinCommonProps): boolean;
+        componentDidMount(): void;
+        componentDidUpdate(prevProps: any): void;
+        componentWillUnmount(): void;
+        addGlobalListener(key: any): void;
+        removeGlobalListener(key: any): void;
+        getStateChanges(props: any): {};
+        applyExternalMutations(props: any, externalMutations: any): void;
+        getCalculatedValues(props: any): import("victory-core").EventMixinCalculatedValues;
+        getExternalMutations(props: import("victory-core").EventMixinCommonProps): {} | undefined;
+        cacheValues(obj: any): void;
+        getBaseProps(props: any, getSharedEventState: any): Record<string, object>;
+        getAllEvents(props: any): any;
+        getComponentProps(component: any, type: any, index: any): any;
+        renderContainer(component: any, children: any): React.DetailedReactHTMLElement<any, HTMLElement>;
+        animateComponent(props: import("victory-core").EventMixinCommonProps, defaultAnimationWhitelist: string[]): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+        renderContinuousData(props: import("victory-core").EventMixinCommonProps): React.DetailedReactHTMLElement<any, HTMLElement>;
+        renderData(props: any, shouldRenderDatum?: ((datum: any) => boolean) | undefined): React.DetailedReactHTMLElement<any, HTMLElement>;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<import("victory-core").EventMixinCommonProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        render(): React.ReactNode;
+        readonly props: Readonly<import("victory-core").EventMixinCommonProps>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("victory-core").EventMixinCommonProps>, prevState: Readonly<{}>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("victory-core").EventMixinCommonProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("victory-core").EventMixinCommonProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("victory-core").EventMixinCommonProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("victory-core").EventMixinCommonProps>, nextState: Readonly<{}>, nextContext: any): void;
+        componentEvents: import("victory-core/lib/victory-util/events").ComponentEvent[];
+        getSharedEventState: (key: string, value: string) => unknown;
+        baseProps: Record<string, object>;
+        dataKeys: string[];
+        hasEvents: unknown;
+        events: unknown;
+    };
+    getBaseProps?(props: import("victory-core").EventMixinCommonProps): Record<string, object>;
+    role?: string | undefined;
+    expectedComponents?: string[] | undefined;
+    getChildren?: ((props: import("victory-core").EventMixinCommonProps, childComponents?: React.ReactNode[] | undefined, calculatedProps?: import("victory-core").EventMixinCommonProps | undefined) => void) | undefined;
+    animationWhitelist?: string[] | undefined;
+} & typeof VictoryErrorBarBase;
+export {};
+//# sourceMappingURL=victory-errorbar.d.ts.map

package/lib/victory-errorbar.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.VictoryErrorBar = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _victoryCore = require("victory-core");
 
-var _errorBar = _interopRequireDefault(require("./error-bar"));
+var _errorBar = require("./error-bar");
 
 var _helperMethods = require("./helper-methods");
 
@@ -70,18 +70,18 @@ var defaultData = [{
   errorY: 0.4
 }];
 
-var VictoryErrorBar = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryErrorBar, _React$Component);
+var VictoryErrorBarBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(VictoryErrorBarBase, _React$Component);
 
-  var _super = _createSuper(VictoryErrorBar);
+  var _super = _createSuper(VictoryErrorBarBase);
 
-  function VictoryErrorBar() {
-    _classCallCheck(this, VictoryErrorBar);
+  function VictoryErrorBarBase() {
+    _classCallCheck(this, VictoryErrorBarBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(VictoryErrorBar, [{
+  _createClass(VictoryErrorBarBase, [{
     key: "shouldAnimate",
     value: // Overridden in native versions
     function shouldAnimate() {
@@ -105,23 +105,23 @@ var VictoryErrorBar = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return VictoryErrorBar;
+  return VictoryErrorBarBase;
 }(_react.default.Component);
 
-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), {}, {
+VictoryErrorBarBase.animationWhitelist = ["data", "domain", "height", "padding", "samples", "style", "width", "errorX", "errorY", "borderWidth"];
+VictoryErrorBarBase.displayName = "VictoryErrorBar";
+VictoryErrorBarBase.role = "errorbar";
+VictoryErrorBarBase.defaultTransitions = _victoryCore.DefaultTransitions.discreteTransitions();
+VictoryErrorBarBase.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
 });
-VictoryErrorBar.defaultProps = {
+VictoryErrorBarBase.defaultProps = {
   containerComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryContainer, null),
   data: defaultData,
-  dataComponent: /*#__PURE__*/_react.default.createElement(_errorBar.default, null),
+  dataComponent: /*#__PURE__*/_react.default.createElement(_errorBar.ErrorBar, null),
   labelComponent: /*#__PURE__*/_react.default.createElement(_victoryCore.VictoryLabel, null),
   groupComponent: /*#__PURE__*/_react.default.createElement("g", {
     role: "presentation"
@@ -131,16 +131,14 @@ VictoryErrorBar.defaultProps = {
   standalone: true,
   theme: _victoryCore.VictoryTheme.grayscale
 };
-VictoryErrorBar.getDomain = _helperMethods.getDomain;
-VictoryErrorBar.getData = _helperMethods.getData;
+VictoryErrorBarBase.getDomain = _helperMethods.getDomain;
+VictoryErrorBarBase.getData = _helperMethods.getData;
 
-VictoryErrorBar.getBaseProps = function (props) {
+VictoryErrorBarBase.getBaseProps = function (props) {
   return (0, _helperMethods.getBaseProps)(props, fallbackProps);
 };
 
-VictoryErrorBar.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
-
-var _default = (0, _victoryCore.addEvents)(VictoryErrorBar);
-
-exports.default = _default;
+VictoryErrorBarBase.expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
+var VictoryErrorBar = (0, _victoryCore.addEvents)(VictoryErrorBarBase);
+exports.VictoryErrorBar = VictoryErrorBar;
 //# sourceMappingURL=victory-errorbar.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-errorbar",
-  "version": "36.5.2",
+  "version": "36.6.1",
   "description": "Error Bar Component for Victory",
   "keywords": [
     "data visualization",
@@ -13,6 +13,7 @@
     "url": "https://github.com/formidablelabs/victory.git"
   },
   "homepage": "https://formidable.com/open-source/victory",
+  "sideEffects": false,
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -21,14 +22,253 @@
   "dependencies": {
     "lodash": "^4.17.19",
     "prop-types": "^15.8.1",
-    "victory-core": "^36.5.2"
+    "victory-core": "^36.6.1"
   },
   "peerDependencies": {
     "react": ">=16.6.0"
   },
-  "scripts": {
-    "version": "yarn run nps build-libs && nps build-dists"
+  "devDependencies": {
+    "victory-errorbar": "*"
   },
-  "sideEffects": false,
-  "gitHead": "def218e9749ecafc159ef458dd03a8b92e227666"
-}
+  "wireit": {
+    "###            THESE WIREIT CONFIGS ARE GENERATED        ####": {},
+    "###            DO NOT MODIFY THESE MANUALLY              ####": {},
+    "build": {
+      "dependencies": [
+        "build:lib",
+        "build:dist",
+        "types:create"
+      ]
+    },
+    "build:lib": {
+      "dependencies": [
+        "build:lib:esm",
+        "build:lib:cjs"
+      ]
+    },
+    "build:lib:esm": {
+      "command": "nps build:lib:esm",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js"
+      ],
+      "output": [
+        "es/**/*.js",
+        "es/**/*.js.map"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:lib:cjs": {
+      "command": "nps build:lib:cjs",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js"
+      ],
+      "output": [
+        "lib/**/*.js",
+        "lib/**/*.js.map"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:cjs"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:dist": {
+      "dependencies": [
+        "build:dist:dev",
+        "build:dist:min"
+      ]
+    },
+    "build:dist:dev": {
+      "command": "nps build:dist:dev",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js",
+        "../../config/webpack.config.js",
+        "../../config/webpack.config.dev.js"
+      ],
+      "output": [
+        "dist/victory*.js",
+        "!dist/victory*.min.js*"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:dist:min": {
+      "command": "nps build:dist:min",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js",
+        "../../config/webpack.config.js"
+      ],
+      "output": [
+        "dist/victory*.min.js*"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "check": {
+      "dependencies": [
+        "types:check",
+        "jest",
+        "format",
+        "lint"
+      ]
+    },
+    "types:check": {
+      "command": "nps types:pkg:check",
+      "files": [
+        "src/**/*.{ts,tsx}",
+        "../../tsconfig.base.json",
+        "tsconfig.json"
+      ],
+      "dependencies": [
+        "types:create",
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "types:create": {
+      "command": "nps types:pkg:create",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../tsconfig.base.json",
+        "tsconfig.build.json"
+      ],
+      "output": [
+        "es/**/*.d.ts",
+        "es/**/*.d.ts.map",
+        "lib/**/*.d.ts",
+        "lib/**/*.d.ts.map"
+      ],
+      "dependencies": [
+        "../victory-core:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "format": {
+      "command": "nps format:pkg",
+      "files": [
+        "src/**",
+        "*.json",
+        "../../.prettierignore",
+        "../../.prettierrc.json"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "format:fix": {
+      "command": "pnpm run format || nps format:pkg:fix",
+      "files": [
+        "src/**",
+        "*.json",
+        "../../.prettierignore",
+        "../../.prettierrc.json"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "lint": {
+      "command": "nps lint:pkg",
+      "files": [
+        "src/**",
+        "../../.eslintignore",
+        "../../.eslintrc.js"
+      ],
+      "output": [],
+      "dependencies": [
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "lint:fix": {
+      "command": "pnpm run lint || nps lint:pkg:fix",
+      "files": [
+        "src/**",
+        "../../.eslintignore",
+        "../../.eslintrc.js"
+      ],
+      "output": [],
+      "dependencies": [
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "jest": {
+      "command": "nps jest:pkg",
+      "files": [
+        "src/**/*.test.*",
+        "../../.babelrc.js",
+        "../../test/jest-config.js",
+        "../../test/jest-setup.ts"
+      ],
+      "output": [],
+      "dependencies": [
+        "build:lib:cjs",
+        "../victory-vendor:build:lib:cjs",
+        "../victory-voronoi:build:lib:cjs"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    }
+  },
+  "scripts": {
+    "###            THESE SCRIPTS ARE GENERATED           ###": "true",
+    "###            DO NOT MODIFY THESE MANUALLY          ###": "true",
+    "build": "wireit",
+    "build:lib": "wireit",
+    "build:lib:esm": "wireit",
+    "build:lib:cjs": "wireit",
+    "build:dist": "wireit",
+    "build:dist:dev": "wireit",
+    "build:dist:min": "wireit",
+    "check": "wireit",
+    "types:check": "wireit",
+    "types:create": "wireit",
+    "format": "wireit",
+    "format:fix": "wireit",
+    "lint": "wireit",
+    "lint:fix": "wireit",
+    "jest": "wireit"
+  }
+}

package/src/{error-bar.js → error-bar.tsx}

@@ -1,7 +1,14 @@
 /* eslint-disable max-statements */
 import React from "react";
 import PropTypes from "prop-types";
-import { Helpers, CommonProps, Line, UserProps } from "victory-core";
+import {
+  Helpers,
+  CommonProps,
+  Line,
+  UserProps,
+  VictoryCommonPrimitiveProps,
+  EventsMixinClass,
+} from "victory-core";
 import { assign } from "lodash";
 
 const renderBorder = (props, error, type) => {
@@ -80,11 +87,34 @@ const evaluateProps = (props) => {
   return assign({}, props, { ariaLabel, id, style, tabIndex });
 };
 
-const ErrorBar = (props) => {
+export interface ErrorBarProps extends VictoryCommonPrimitiveProps {
+  borderWidth?: number;
+  datum?: any;
+  errorX?: number | any[] | boolean;
+  errorY?: number | any[] | boolean;
+  groupComponent?: React.ReactElement;
+  lineComponent?: React.ReactElement;
+  x?: number;
+  y?: number;
+}
+
+// ErrorProps for calculateError
+export interface ErrorProps {
+  right?: { error: any; errorIndex: number };
+  left?: { error: any; errorIndex: number };
+  bottom?: { error: any; errorIndex: number };
+  top?: { error: any; errorIndex: number };
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+interface ErrorBar extends EventsMixinClass<ErrorBarProps> {}
+
+export const ErrorBar = (props: ErrorBarProps & typeof ErrorBar.default) => {
   props = evaluateProps(props);
+  const { groupComponent } = props;
   const userProps = UserProps.getSafeUserProps(props);
   const { tabIndex, ariaLabel } = props;
-  const error = calculateError(props);
+  const error: ErrorProps = calculateError(props);
   const children = [
     error.right ? renderBorder(props, error, "right") : null,
     error.left ? renderBorder(props, error, "left") : null,
@@ -96,7 +126,7 @@ const ErrorBar = (props) => {
     error.top ? renderCross(props, error, "top") : null,
   ].filter(Boolean);
   return React.cloneElement(
-    props.groupComponent,
+    groupComponent,
     { tabIndex, "aria-label": ariaLabel, ...userProps },
     children,
   );
@@ -128,5 +158,3 @@ ErrorBar.defaultProps = {
   role: "presentation",
   shapeRendering: "auto",
 };
-
-export default ErrorBar;

package/src/{helper-methods.js → helper-methods.tsx}

@@ -35,11 +35,10 @@ export const getData = (props) => {
   const accessorTypes = ["x", "y", "errorX", "errorY"];
   if (props.data) {
     return Data.formatData(props.data, props, accessorTypes);
-  } else {
-    const generatedData =
-      props.errorX || props.errorY ? Data.generateData(props) : [];
-    return Data.formatData(generatedData, props, accessorTypes);
   }
+  const generatedData =
+    props.errorX || props.errorY ? Data.generateData(props) : [];
+  return Data.formatData(generatedData, props, accessorTypes);
 };
 
 const getDomainFromData = (props, axis) => {

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./victory-errorbar";
+export * from "./error-bar";

package/src/{victory-errorbar.js → victory-errorbar.tsx}

@@ -10,8 +10,17 @@ import {
   DefaultTransitions,
   CommonProps,
   UserProps,
+  EventPropTypeInterface,
+  StringOrNumberOrCallback,
+  StringOrNumberOrList,
+  VictoryDatableProps,
+  VictoryCommonProps,
+  VictoryLabelableProps,
+  VictoryMultiLabelableProps,
+  VictoryStyleInterface,
+  EventsMixinClass,
 } from "victory-core";
-import ErrorBar from "./error-bar";
+import { ErrorBar } from "./error-bar";
 import { getBaseProps, getDomain, getData } from "./helper-methods";
 
 const fallbackProps = {
@@ -27,7 +36,30 @@ const defaultData = [
   { x: 4, y: 4, errorX: 0.4, errorY: 0.4 },
 ];
 
-class VictoryErrorBar extends React.Component {
+export type VictoryErrorBarTTargetType = "data" | "labels" | "parent";
+export type ErrorType =
+  | StringOrNumberOrList
+  | ((...args: any[]) => StringOrNumberOrList);
+
+export interface VictoryErrorBarProps
+  extends Omit<VictoryCommonProps, "polar">,
+    VictoryDatableProps,
+    VictoryLabelableProps,
+    VictoryMultiLabelableProps {
+  borderWidth?: number;
+  errorX?: ErrorType;
+  errorY?: ErrorType;
+  events?: EventPropTypeInterface<
+    VictoryErrorBarTTargetType,
+    StringOrNumberOrCallback
+  >[];
+  style?: VictoryStyleInterface;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+interface VictoryErrorBarBase extends EventsMixinClass<VictoryErrorBarProps> {}
+
+class VictoryErrorBarBase extends React.Component<VictoryErrorBarProps> {
   static animationWhitelist = [
     "data",
     "domain",
@@ -97,7 +129,7 @@ class VictoryErrorBar extends React.Component {
     return !!this.props.animate;
   }
 
-  render() {
+  render(): React.ReactElement {
     const { animationWhitelist, role } = VictoryErrorBar;
     const props = Helpers.modifyProps(this.props, fallbackProps, role);
 
@@ -115,4 +147,4 @@ class VictoryErrorBar extends React.Component {
   }
 }
 
-export default addEvents(VictoryErrorBar);
+export const VictoryErrorBar = addEvents(VictoryErrorBarBase);