victory-bar 37.3.1 → 37.3.3

package/es/bar-helper-methods.js

@@ -1,4 +1,4 @@
-import _isPlainObject from "lodash/isPlainObject";
+import isPlainObject from "lodash/isPlainObject";
 import { Helpers } from "victory-core";
 const DEFAULT_BAR_WIDTH = 8;
 export const getBarWidth = (barWidth, props) => {
@@ -40,7 +40,7 @@ const getCornerRadiusFromObject = (cornerRadius, props) => {
   return realCornerRadius;
 };
 function isCornerRadiusObject(cornerRadius) {
-  return _isPlainObject(cornerRadius);
+  return isPlainObject(cornerRadius);
 }
 export const getCornerRadius = (cornerRadius, props) => {
   const realCornerRadius = {

package/es/bar.js

@@ -1,5 +1,5 @@
-import _defaults from "lodash/defaults";
 import React, { forwardRef } from "react";
+import defaults from "lodash/defaults";
 import { Helpers, Path } from "victory-core";
 import { getStyle, getBarWidth, getCornerRadius } from "./bar-helper-methods";
 import { getPolarBarPath, getBarPath } from "./path-helper-methods";
@@ -43,10 +43,10 @@ const defaultProps = {
   role: "presentation",
   shapeRendering: "auto"
 };
-
+export const Bar = /*#__PURE__*/forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
-export const Bar = /*#__PURE__*/forwardRef(function Bar(initialProps, ref) {
-  const props = evaluateProps(_defaults({}, initialProps, defaultProps));
+function Bar(initialProps, ref) {
+  const props = evaluateProps(defaults({}, initialProps, defaultProps));
   const {
     polar,
     origin,

package/es/geometry-helper-methods.d.ts

@@ -11,19 +11,103 @@ export declare const point: (x: number, y: number) => {
     add(p1: {
         x: number;
         y: number;
-    }): any;
+    }): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
     subtract(p1: {
         x: number;
         y: number;
-    }): any;
-    scalarMult(n: number): any;
-    scalarDivide(n: number): any;
+    }): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
+    scalarMult(n: number): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
+    scalarDivide(n: number): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
     equals(p1: {
         x: number;
         y: number;
     }): boolean;
 };
-declare type Center = ReturnType<typeof point>;
+type Center = ReturnType<typeof point>;
 /**
  * A circle in the 2d plane
  */
@@ -38,13 +122,13 @@ export declare const circle: (center: Center, radius: number) => {
         add(p1: {
             x: number;
             y: number;
-        }): any;
+        }): /*elided*/ any;
         subtract(p1: {
             x: number;
             y: number;
-        }): any;
-        scalarMult(n: number): any;
-        scalarDivide(n: number): any;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
         equals(p1: {
             x: number;
             y: number;
@@ -72,13 +156,13 @@ export declare const circle: (center: Center, radius: number) => {
         add(p1: {
             x: number;
             y: number;
-        }): any;
+        }): /*elided*/ any;
         subtract(p1: {
             x: number;
             y: number;
-        }): any;
-        scalarMult(n: number): any;
-        scalarDivide(n: number): any;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
         equals(p1: {
             x: number;
             y: number;

package/es/geometry-helper-methods.js

@@ -62,7 +62,6 @@ export const circle = (center, radius) => ({
   // Left-most point is returned as 0th element of array
   // Right-most point is returned as 1st elemennt of array
   intersection(circle1) {
-    // eslint-disable-line max-statements
     const P0 = this.center;
     const P1 = circle1.center;
     const r0 = this.radius;

package/es/helper-methods.d.ts

@@ -1,8 +1,8 @@
 export declare const getBarPosition: (props: any, datum: any) => {
-    x: any;
-    x0: any;
-    y: any;
-    y0: any;
+    x: number;
+    x0: number;
+    y: number;
+    y0: number;
 };
 export declare const getBaseProps: (initialProps: any, fallbackProps: any) => any;
 //# sourceMappingURL=helper-methods.d.ts.map

package/es/helper-methods.js

@@ -1,4 +1,4 @@
-import { Collection, Data, Domain, Helpers, LabelHelpers, Scale } from "victory-core";
+import { Collection, Data, Domain, Helpers, LabelHelpers, Scale, VictoryClipContainer } from "victory-core";
 export const getBarPosition = (props, datum) => {
   const getDefaultMin = axis => {
     const defaultZero = Scale.getType(props.scale[axis]) === "log" ? 1 / Number.MAX_SAFE_INTEGER : 0;
@@ -40,6 +40,16 @@ const getCalculatedValues = props => {
   const origin = polar ? props.origin || Helpers.getPolarOrigin(props) : undefined;
   let data = Data.getData(props);
   data = Data.formatDataFromDomain(data, domain, 0);
+
+  // when inside a zoom container, reset the _x and _y properties of each datum to the original
+  // x and y property values so they will not be clipped. See https://github.com/FormidableLabs/victory/pull/2970
+  if (props.groupComponent.type === VictoryClipContainer) {
+    data = data.map(datum => ({
+      ...datum,
+      _x: datum.x,
+      _y: datum.y
+    }));
+  }
   return {
     style,
     data,

package/es/path-helper-methods.js

@@ -107,8 +107,6 @@ const getVerticalBarPoints = (position, sign, cr) => {
     y0,
     y1
   } = position;
-
-  // eslint-disable-next-line max-statements, max-len
   const getHalfPoints = side => {
     const isLeft = side === "Left";
     const signL = isLeft ? 1 : -1;
@@ -192,8 +190,6 @@ const getHorizontalBarPoints = (position, sign, cr) => {
   } = position;
   const x0 = position.x0 < position.x1 ? position.x0 : position.x1;
   const x1 = position.x0 < position.x1 ? position.x1 : position.x0;
-
-  // eslint-disable-next-line max-statements, max-len
   const getHalfPoints = side => {
     const isTop = side === "top";
     const signL = isTop ? -1 : 1;
@@ -273,8 +269,6 @@ const getHorizontalBarPoints = (position, sign, cr) => {
   // eslint-disable-next-line no-magic-numbers
   bottomPoints[3], bottomPoints[2]];
 };
-
-// eslint-disable-next-line max-params
 export const getVerticalBarPath = (props, width, cornerRadius) => {
   const position = getPosition(props, width);
   const sign = position.y0 > position.y1 ? 1 : -1;
@@ -282,8 +276,6 @@ export const getVerticalBarPath = (props, width, cornerRadius) => {
   const points = getVerticalBarPoints(position, sign, cornerRadius);
   return mapPointsToPath(points, cornerRadius, direction);
 };
-
-// eslint-disable-next-line max-params
 export const getHorizontalBarPath = (props, width, cornerRadius) => {
   const position = getPosition(props, width);
   const sign = position.x0 < position.x1 ? 1 : -1;
@@ -341,8 +333,6 @@ export const getVerticalPolarBarPath = (props, cornerRadius) => {
       leftMiddle
     };
   };
-
-  // eslint-disable-next-line max-statements
   const getTopPath = () => {
     const {
       topRight,
@@ -385,8 +375,6 @@ export const getVerticalPolarBarPath = (props, cornerRadius) => {
       coords: subCoords[i].split(",")
     }));
   };
-
-  // eslint-disable-next-line max-statements
   const getBottomPath = () => {
     const {
       bottomRight,

package/es/victory-bar.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { Data, Domain, EventPropTypeInterface, NumberOrCallback, StringOrNumberOrCallback, VictoryCommonProps, VictoryDatableProps, VictoryMultiLabelableProps, VictoryStyleInterface, EventsMixinClass } from "victory-core";
-export declare type VictoryBarCornerRadiusKey = "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
-export declare type VictoryBarCornerRadiusObject = Partial<Record<VictoryBarCornerRadiusKey, NumberOrCallback>>;
-export declare type VictoryBarTTargetType = "data" | "labels" | "parent";
-export declare type VictoryBarAlignmentType = "start" | "middle" | "end";
+export type VictoryBarCornerRadiusKey = "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+export type VictoryBarCornerRadiusObject = Partial<Record<VictoryBarCornerRadiusKey, NumberOrCallback>>;
+export type VictoryBarTTargetType = "data" | "labels" | "parent";
+export type VictoryBarAlignmentType = "start" | "middle" | "end";
 export interface VictoryBarProps extends VictoryCommonProps, VictoryDatableProps, VictoryMultiLabelableProps {
     alignment?: VictoryBarAlignmentType;
     barRatio?: number;
@@ -64,6 +64,7 @@ declare class VictoryBarBase extends React.Component<VictoryBarProps> {
     static getData: typeof Data.getData;
     static getBaseProps(props: VictoryBarProps): any;
     static expectedComponents: (keyof VictoryBarProps)[];
+    static shouldRenderDatum: () => boolean;
     shouldAnimate(): boolean;
     render(): React.ReactElement;
 }
@@ -93,9 +94,9 @@ export declare const VictoryBar: {
         getAllEvents(props: any): any;
         getComponentProps(component: React.ReactNode, type: string, index: string | number): 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>>;
+        animateComponent(props: import("victory-core").EventMixinCommonProps, defaultAnimationWhitelist: string[]): React.ReactElement;
         renderContinuousData(props: import("victory-core").EventMixinCommonProps): React.DetailedReactHTMLElement<any, HTMLElement>;
-        renderData(props: any, shouldRenderDatum?: ((datum: any) => boolean) | undefined): React.DetailedReactHTMLElement<any, HTMLElement>;
+        renderData(props: any, shouldRenderDatum?: (datum: any) => boolean): 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;
@@ -112,17 +113,17 @@ export declare const VictoryBar: {
         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[];
+        componentEvents: Array<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;
+    getBaseProps?(props: import("victory-core").EventMixinCommonProps): import("victory-core").EventMixinCalculatedValues["baseProps"];
+    role?: import("victory-core").VictoryComponentRole;
     expectedComponents?: string[] | undefined;
-    getChildren?: ((props: import("victory-core").EventMixinCommonProps, childComponents?: React.ReactNode[] | undefined, calculatedProps?: import("victory-core").EventMixinCommonProps | undefined) => void) | undefined;
+    getChildren?: ((props: import("victory-core").EventMixinCommonProps, childComponents?: Array<React.ReactNode>, calculatedProps?: import("victory-core").EventMixinCommonProps | undefined) => void) | undefined;
     animationWhitelist?: string[] | undefined;
 } & typeof VictoryBarBase;
 export {};

package/es/victory-bar.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { getBaseProps } from "./helper-methods";
 import { Bar } from "./bar";
-import { Helpers, VictoryLabel, VictoryContainer, VictoryTheme, addEvents, Data, Domain, UserProps } from "victory-core";
+import { Helpers, VictoryLabel, VictoryContainer, VictoryTheme, addEvents, Data, Domain, UserProps, VictoryClipContainer } from "victory-core";
 const fallbackProps = {
   width: 450,
   height: 300,
@@ -21,7 +21,7 @@ const defaultData = [{
   y: 4
 }];
 
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 
 /**
  * Draw SVG bar charts with React. VictoryBar is a composable component, so it doesn"t include axes
@@ -85,7 +85,9 @@ class VictoryBarBase extends React.Component {
     return getBaseProps(props, fallbackProps);
   }
   static expectedComponents = ["dataComponent", "labelComponent", "groupComponent", "containerComponent"];
-
+  // passed to addEvents.renderData to prevent data props with undefined _x or _y from excluding data from render.
+  // used when inside of VictoryZoomContainer
+  static shouldRenderDatum = () => true;
   // Overridden in native versions
   shouldAnimate() {
     return !!this.props.animate;
@@ -99,7 +101,15 @@ class VictoryBarBase extends React.Component {
     if (this.shouldAnimate()) {
       return this.animateComponent(props, animationWhitelist);
     }
-    const children = this.renderData(props);
+    let children;
+    // when inside a zoom container (the only place VictoryClipContainer is used), all data
+    // should be renderable so bars won't dissappear before they've fully exited the container's bounds
+    // see https://github.com/FormidableLabs/victory/pull/2970
+    if (props.groupComponent.type === VictoryClipContainer) {
+      children = this.renderData(props, VictoryBarBase.shouldRenderDatum);
+    } else {
+      children = this.renderData(props);
+    }
     const component = props.standalone ? this.renderContainer(props.containerComponent, children) : children;
     return UserProps.withSafeUserProps(component, props);
   }

package/lib/bar-helper-methods.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getStyle = exports.getCornerRadius = exports.getBarWidth = void 0;
-var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
+var _isPlainObject = _interopRequireDefault(require("lodash/isPlainObject"));
 var _victoryCore = require("victory-core");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const DEFAULT_BAR_WIDTH = 8;
@@ -48,7 +48,7 @@ const getCornerRadiusFromObject = (cornerRadius, props) => {
   return realCornerRadius;
 };
 function isCornerRadiusObject(cornerRadius) {
-  return (0, _isPlainObject2.default)(cornerRadius);
+  return (0, _isPlainObject.default)(cornerRadius);
 }
 const getCornerRadius = (cornerRadius, props) => {
   const realCornerRadius = {

package/lib/bar.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Bar = void 0;
-var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
 var _react = _interopRequireWildcard(require("react"));
+var _defaults = _interopRequireDefault(require("lodash/defaults"));
 var _victoryCore = require("victory-core");
 var _barHelperMethods = require("./bar-helper-methods");
 var _pathHelperMethods = require("./path-helper-methods");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const evaluateProps = props => {
   /**
    * Potential evaluated props of following must be evaluated in this order:
@@ -52,10 +52,10 @@ const defaultProps = {
   role: "presentation",
   shapeRendering: "auto"
 };
-
+const Bar = exports.Bar = /*#__PURE__*/(0, _react.forwardRef)(
 // eslint-disable-next-line prefer-arrow-callback
-const Bar = exports.Bar = /*#__PURE__*/(0, _react.forwardRef)(function Bar(initialProps, ref) {
-  const props = evaluateProps((0, _defaults2.default)({}, initialProps, defaultProps));
+function Bar(initialProps, ref) {
+  const props = evaluateProps((0, _defaults.default)({}, initialProps, defaultProps));
   const {
     polar,
     origin,

package/lib/geometry-helper-methods.d.ts

@@ -11,19 +11,103 @@ export declare const point: (x: number, y: number) => {
     add(p1: {
         x: number;
         y: number;
-    }): any;
+    }): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
     subtract(p1: {
         x: number;
         y: number;
-    }): any;
-    scalarMult(n: number): any;
-    scalarDivide(n: number): any;
+    }): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
+    scalarMult(n: number): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
+    scalarDivide(n: number): {
+        x: number;
+        y: number;
+        distance(p1: {
+            x: number;
+            y: number;
+        }): number;
+        add(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        subtract(p1: {
+            x: number;
+            y: number;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
+        equals(p1: {
+            x: number;
+            y: number;
+        }): boolean;
+    };
     equals(p1: {
         x: number;
         y: number;
     }): boolean;
 };
-declare type Center = ReturnType<typeof point>;
+type Center = ReturnType<typeof point>;
 /**
  * A circle in the 2d plane
  */
@@ -38,13 +122,13 @@ export declare const circle: (center: Center, radius: number) => {
         add(p1: {
             x: number;
             y: number;
-        }): any;
+        }): /*elided*/ any;
         subtract(p1: {
             x: number;
             y: number;
-        }): any;
-        scalarMult(n: number): any;
-        scalarDivide(n: number): any;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
         equals(p1: {
             x: number;
             y: number;
@@ -72,13 +156,13 @@ export declare const circle: (center: Center, radius: number) => {
         add(p1: {
             x: number;
             y: number;
-        }): any;
+        }): /*elided*/ any;
         subtract(p1: {
             x: number;
             y: number;
-        }): any;
-        scalarMult(n: number): any;
-        scalarDivide(n: number): any;
+        }): /*elided*/ any;
+        scalarMult(n: number): /*elided*/ any;
+        scalarDivide(n: number): /*elided*/ any;
         equals(p1: {
             x: number;
             y: number;

package/lib/geometry-helper-methods.js

@@ -69,7 +69,6 @@ const circle = (center, radius) => ({
   // Left-most point is returned as 0th element of array
   // Right-most point is returned as 1st elemennt of array
   intersection(circle1) {
-    // eslint-disable-line max-statements
     const P0 = this.center;
     const P1 = circle1.center;
     const r0 = this.radius;

package/lib/helper-methods.d.ts

@@ -1,8 +1,8 @@
 export declare const getBarPosition: (props: any, datum: any) => {
-    x: any;
-    x0: any;
-    y: any;
-    y0: any;
+    x: number;
+    x0: number;
+    y: number;
+    y0: number;
 };
 export declare const getBaseProps: (initialProps: any, fallbackProps: any) => any;
 //# sourceMappingURL=helper-methods.d.ts.map

package/lib/helper-methods.js

@@ -47,6 +47,16 @@ const getCalculatedValues = props => {
   const origin = polar ? props.origin || _victoryCore.Helpers.getPolarOrigin(props) : undefined;
   let data = _victoryCore.Data.getData(props);
   data = _victoryCore.Data.formatDataFromDomain(data, domain, 0);
+
+  // when inside a zoom container, reset the _x and _y properties of each datum to the original
+  // x and y property values so they will not be clipped. See https://github.com/FormidableLabs/victory/pull/2970
+  if (props.groupComponent.type === _victoryCore.VictoryClipContainer) {
+    data = data.map(datum => ({
+      ...datum,
+      _x: datum.x,
+      _y: datum.y
+    }));
+  }
   return {
     style,
     data,

package/lib/path-helper-methods.js

@@ -116,8 +116,6 @@ const getVerticalBarPoints = (position, sign, cr) => {
     y0,
     y1
   } = position;
-
-  // eslint-disable-next-line max-statements, max-len
   const getHalfPoints = side => {
     const isLeft = side === "Left";
     const signL = isLeft ? 1 : -1;
@@ -201,8 +199,6 @@ const getHorizontalBarPoints = (position, sign, cr) => {
   } = position;
   const x0 = position.x0 < position.x1 ? position.x0 : position.x1;
   const x1 = position.x0 < position.x1 ? position.x1 : position.x0;
-
-  // eslint-disable-next-line max-statements, max-len
   const getHalfPoints = side => {
     const isTop = side === "top";
     const signL = isTop ? -1 : 1;
@@ -282,8 +278,6 @@ const getHorizontalBarPoints = (position, sign, cr) => {
   // eslint-disable-next-line no-magic-numbers
   bottomPoints[3], bottomPoints[2]];
 };
-
-// eslint-disable-next-line max-params
 const getVerticalBarPath = (props, width, cornerRadius) => {
   const position = getPosition(props, width);
   const sign = position.y0 > position.y1 ? 1 : -1;
@@ -291,8 +285,6 @@ const getVerticalBarPath = (props, width, cornerRadius) => {
   const points = getVerticalBarPoints(position, sign, cornerRadius);
   return mapPointsToPath(points, cornerRadius, direction);
 };
-
-// eslint-disable-next-line max-params
 exports.getVerticalBarPath = getVerticalBarPath;
 const getHorizontalBarPath = (props, width, cornerRadius) => {
   const position = getPosition(props, width);
@@ -352,8 +344,6 @@ const getVerticalPolarBarPath = (props, cornerRadius) => {
       leftMiddle
     };
   };
-
-  // eslint-disable-next-line max-statements
   const getTopPath = () => {
     const {
       topRight,
@@ -396,8 +386,6 @@ const getVerticalPolarBarPath = (props, cornerRadius) => {
       coords: subCoords[i].split(",")
     }));
   };
-
-  // eslint-disable-next-line max-statements
   const getBottomPath = () => {
     const {
       bottomRight,