victory-chart 18.2.0 → 19.1.1

package/src/components/victory-scatter/victory-scatter.js

@@ -1,10 +1,12 @@
-import React, { PropTypes } from "react";
+import PropTypes from "prop-types";
+import React from "react";
 import { partialRight } from "lodash";
 import {
-  PropTypes as CustomPropTypes, Helpers, VictoryTransition, VictoryLabel, addEvents,
+  PropTypes as CustomPropTypes, Helpers, VictoryLabel, addEvents,
   VictoryContainer, VictoryTheme, DefaultTransitions, Point, Data, Domain
 } from "victory-core";
 import ScatterHelpers from "./helper-methods";
+import { BaseProps, DataProps } from "../../helpers/common-props";
 
 const fallbackProps = {
   width: 450,
@@ -24,93 +26,16 @@ class VictoryScatter extends React.Component {
   static defaultTransitions = DefaultTransitions.discreteTransitions();
 
   static propTypes = {
-    animate: PropTypes.object,
+    ...BaseProps,
+    ...DataProps,
     bubbleProperty: PropTypes.string,
-    categories: PropTypes.oneOfType([
-      PropTypes.arrayOf(PropTypes.string),
-      PropTypes.shape({
-        x: PropTypes.arrayOf(PropTypes.string), y: PropTypes.arrayOf(PropTypes.string)
-      })
-    ]),
-    containerComponent: PropTypes.element,
-    data: PropTypes.array,
-    domainPadding: PropTypes.oneOfType([
-      PropTypes.shape({
-        x: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ]),
-        y: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ])
-      }),
-      PropTypes.number
-    ]),
-    dataComponent: PropTypes.element,
-    domain: PropTypes.oneOfType([
-      CustomPropTypes.domain,
-      PropTypes.shape({ x: CustomPropTypes.domain, y: CustomPropTypes.domain })
-    ]),
-    events: PropTypes.arrayOf(PropTypes.shape({
-      target: PropTypes.oneOf(["data", "labels", "parent"]),
-      eventKey: PropTypes.oneOfType([
-        PropTypes.array,
-        CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-        PropTypes.string
-      ]),
-      eventHandlers: PropTypes.object
-    })),
-    eventKey: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string
-    ]),
-    groupComponent: PropTypes.element,
-    height: CustomPropTypes.nonNegative,
-    labels: PropTypes.oneOfType([ PropTypes.func, PropTypes.array ]),
-    labelComponent: PropTypes.element,
     maxBubbleSize: CustomPropTypes.nonNegative,
-    name: PropTypes.string,
-    padding: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.shape({
-        top: PropTypes.number, bottom: PropTypes.number,
-        left: PropTypes.number, right: PropTypes.number
-      })
-    ]),
-    samples: CustomPropTypes.nonNegative,
-    scale: PropTypes.oneOfType([
-      CustomPropTypes.scale,
-      PropTypes.shape({ x: CustomPropTypes.scale, y: CustomPropTypes.scale })
-    ]),
-    sharedEvents: PropTypes.shape({
-      events: PropTypes.array,
-      getEventState: PropTypes.func
-    }),
-    sortKey: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
-    ]),
-    standalone: PropTypes.bool,
-    style: PropTypes.shape({
-      parent: PropTypes.object, data: PropTypes.object, labels: PropTypes.object
-    }),
+    size: PropTypes.oneOfType([ CustomPropTypes.nonNegative, PropTypes.func ]),
     symbol: PropTypes.oneOfType([
       PropTypes.oneOf([
         "circle", "diamond", "plus", "square", "star", "triangleDown", "triangleUp"
       ]),
       PropTypes.func
-    ]),
-    theme: PropTypes.object,
-    width: CustomPropTypes.nonNegative,
-    x: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
-    ]),
-    y: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
     ])
   };
 
@@ -133,47 +58,19 @@ class VictoryScatter extends React.Component {
     "dataComponent", "labelComponent", "groupComponent", "containerComponent"
   ];
 
-  renderData(props) {
-    const { dataComponent, labelComponent, groupComponent } = props;
-
-    const dataComponents = this.dataKeys.map((_dataKey, index) => {
-      const dataProps = this.getComponentProps(dataComponent, "data", index);
-      return React.cloneElement(dataComponent, dataProps);
-    });
-
-    const labelComponents = this.dataKeys.map((_dataKey, index) => {
-      const labelProps = this.getComponentProps(labelComponent, "labels", index);
-      if (labelProps.text !== undefined && labelProps.text !== null) {
-        return React.cloneElement(labelComponent, labelProps);
-      }
-    }).filter(Boolean);
-
-    const children = [...dataComponents, ...labelComponents];
-    return this.renderContainer(groupComponent, children);
-  }
-
+  // Overridden in native versions
   shouldAnimate() {
     return !!this.props.animate;
   }
 
-  renderContainer(component, children) {
-    const isContainer = component.type && component.type.role === "container";
-    const parentProps = isContainer ? this.getComponentProps(component, "parent", "parent") : {};
-    return React.cloneElement(component, parentProps, children);
-  }
-
   render() {
-    const {role} = this.constructor;
+    const { role } = this.constructor;
     const props = Helpers.modifyProps(this.props, fallbackProps, role);
     if (this.shouldAnimate()) {
-      return (
-        <VictoryTransition animate={props.animate} animationWhitelist={animationWhitelist}>
-          {React.createElement(this.constructor, props)}
-        </VictoryTransition>
-      );
+      return this.animateComponent(props, animationWhitelist);
     }
     const children = this.renderData(props);
-    return this.renderContainer(props.containerComponent, children);
+    return props.standalone ? this.renderContainer(props.containerComponent, children) : children;
   }
 }
 

package/src/components/victory-stack/victory-stack.js

@@ -1,10 +1,10 @@
 import { assign, defaults } from "lodash";
-import React, { PropTypes } from "react";
-import {
-  PropTypes as CustomPropTypes, Helpers, VictorySharedEvents, VictoryContainer,
-  VictoryTheme, Scale
-} from "victory-core";
+import PropTypes from "prop-types";
+import React from "react";
+import { Helpers, VictorySharedEvents, VictoryContainer, VictoryTheme, Scale } from "victory-core";
 import Wrapper from "../../helpers/wrapper";
+import { BaseProps } from "../../helpers/common-props";
+
 
 const fallbackProps = {
   width: 450,
@@ -18,15 +18,15 @@ export default class VictoryStack extends React.Component {
   static role = "stack";
 
   static propTypes = {
-    animate: PropTypes.object,
+    ...BaseProps,
     categories: PropTypes.oneOfType([
       PropTypes.arrayOf(PropTypes.string),
       PropTypes.shape({
         x: PropTypes.arrayOf(PropTypes.string), y: PropTypes.arrayOf(PropTypes.string)
       })
     ]),
-    children: React.PropTypes.oneOfType([
-      React.PropTypes.arrayOf(React.PropTypes.node), React.PropTypes.node
+    children: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.node), PropTypes.node
     ]),
     colorScale: PropTypes.oneOfType([
       PropTypes.arrayOf(PropTypes.string),
@@ -34,77 +34,27 @@ export default class VictoryStack extends React.Component {
         "grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"
       ])
     ]),
-    containerComponent: PropTypes.element,
-    domainPadding: PropTypes.oneOfType([
-      PropTypes.shape({
-        x: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ]),
-        y: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ])
-      }),
-      PropTypes.number
-    ]),
-    dataComponent: PropTypes.element,
-    domain: PropTypes.oneOfType([
-      CustomPropTypes.domain,
-      PropTypes.shape({ x: CustomPropTypes.domain, y: CustomPropTypes.domain })
-    ]),
-    events: PropTypes.arrayOf(PropTypes.shape({
-      childName: PropTypes.oneOfType([
-        PropTypes.string,
-        PropTypes.array
-      ]),
-      target: PropTypes.oneOf(["data", "labels", "parent"]),
-      eventKey: PropTypes.oneOfType([
-        PropTypes.array,
-        PropTypes.func,
-        CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-        PropTypes.string
-      ]),
-      eventHandlers: PropTypes.object
-    })),
-    eventKey: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string
-    ]),
-    groupComponent: PropTypes.element,
-    height: CustomPropTypes.nonNegative,
     horizontal: PropTypes.bool,
-    labels: PropTypes.oneOfType([ PropTypes.func, PropTypes.array ]),
     labelComponent: PropTypes.element,
-    name: PropTypes.string,
-    padding: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.shape({
-        top: PropTypes.number, bottom: PropTypes.number,
-        left: PropTypes.number, right: PropTypes.number
-      })
-    ]),
-    samples: CustomPropTypes.nonNegative,
-    scale: PropTypes.oneOfType([
-      CustomPropTypes.scale,
-      PropTypes.shape({ x: CustomPropTypes.scale, y: CustomPropTypes.scale })
-    ]),
-    sharedEvents: PropTypes.shape({
-      events: PropTypes.array,
-      getEventState: PropTypes.func
-    }),
-    standalone: PropTypes.bool,
+    labels: PropTypes.oneOfType([ PropTypes.func, PropTypes.array ]),
     style: PropTypes.shape({
       parent: PropTypes.object, data: PropTypes.object, labels: PropTypes.object
     }),
-    theme: PropTypes.object,
-    width: CustomPropTypes.nonNegative,
     xOffset: PropTypes.number
   };
 
   static defaultProps = {
-    scale: "linear",
-    standalone: true,
     containerComponent: <VictoryContainer/>,
     groupComponent: <g/>,
+    scale: "linear",
+    standalone: true,
     theme: VictoryTheme. grayscale
   };
 
+  static expectedComponents = [
+    "groupComponent", "containerComponent", "labelComponent"
+  ];
+
   static getDomain = Wrapper.getStackedDomain.bind(Wrapper);
   static getData = Wrapper.getData.bind(Wrapper);
 
@@ -162,7 +112,7 @@ export default class VictoryStack extends React.Component {
       y: Wrapper.getCategories(props, "y")
     };
     const colorScale = props.colorScale;
-    return {datasets, categories, range, domain, horizontal, scale, style, colorScale};
+    return { datasets, categories, range, domain, horizontal, scale, style, colorScale };
   }
 
   addLayoutData(props, calculatedProps, datasets, index) { // eslint-disable-line max-params
@@ -249,7 +199,7 @@ export default class VictoryStack extends React.Component {
 
   getStyle(theme, style, role) {
     const defaultStyle = theme && theme[role] && theme[role].style ? theme[role].style : {};
-    return Helpers.getStyles(style, defaultStyle, "auto", "100%");
+    return Helpers.getStyles(style, defaultStyle);
   }
 
   render() {
@@ -257,12 +207,14 @@ export default class VictoryStack extends React.Component {
     const props = this.state && this.state.nodesWillExit ?
       this.state.oldProps || this.props : this.props;
     const modifiedProps = Helpers.modifyProps(props, fallbackProps, role);
-    const { eventKey, containerComponent} = modifiedProps;
+    const { eventKey, containerComponent, standalone, groupComponent } = modifiedProps;
     const childComponents = React.Children.toArray(modifiedProps.children);
     const calculatedProps = this.getCalculatedProps(modifiedProps, childComponents);
     const newChildren = this.getNewChildren(modifiedProps, childComponents, calculatedProps);
     const containerProps = this.getContainerProps(modifiedProps, calculatedProps);
-    const container = this.renderContainer(containerComponent, containerProps);
+    const container = standalone ?
+      this.renderContainer(containerComponent, containerProps) :
+      React.cloneElement(groupComponent, {});
     if (this.events) {
       return (
         <VictorySharedEvents events={this.events} eventKey={eventKey} container={container}>

package/src/components/victory-voronoi/helper-methods.js

@@ -9,7 +9,7 @@ export default {
     const { width, height, standalone, theme, events, sharedEvents } = props;
     const initialChildProps = { parent: {
       style: style.parent, scale, domain, data, standalone, height, width, theme
-    }};
+    } };
 
     return data.reduce((childProps, datum, index) => {
       const polygon = without(polygons[index], "data");
@@ -53,7 +53,7 @@ export default {
   getCalculatedValues(props) {
     const defaultStyles = props.theme && props.theme.voronoi && props.theme.voronoi.style ?
       props.theme.voronoi.style : {};
-    const style = Helpers.getStyles(props.style, defaultStyles, "auto", "100%");
+    const style = Helpers.getStyles(props.style, defaultStyles);
     const data = Data.getData(props);
     const range = {
       x: Helpers.getRange(props, "x"),
@@ -69,7 +69,7 @@ export default {
     };
     const voronoi = this.getVoronoi(range, scale);
     const polygons = voronoi.polygons(data);
-    return {domain, data, scale, style, polygons};
+    return { domain, data, scale, style, polygons };
   },
 
   getVoronoi(range, scale) {

package/src/components/victory-voronoi/victory-voronoi.js

@@ -1,10 +1,11 @@
-import React, { PropTypes } from "react";
+import React from "react";
 import { partialRight } from "lodash";
 import {
-  PropTypes as CustomPropTypes, Helpers, VictoryTransition, VictoryLabel, addEvents,
+  PropTypes as CustomPropTypes, Helpers, VictoryLabel, addEvents,
   VictoryContainer, VictoryTheme, DefaultTransitions, Voronoi, Data, Domain, Log
 } from "victory-core";
 import VoronoiHelpers from "./helper-methods";
+import { BaseProps, DataProps } from "../../helpers/common-props";
 
 const fallbackProps = {
   width: 450,
@@ -22,87 +23,9 @@ class VictoryVoronoi extends React.Component {
   static defaultTransitions = DefaultTransitions.discreteTransitions();
 
   static propTypes = {
-    animate: PropTypes.object,
-    categories: PropTypes.oneOfType([
-      PropTypes.arrayOf(PropTypes.string),
-      PropTypes.shape({
-        x: PropTypes.arrayOf(PropTypes.string), y: PropTypes.arrayOf(PropTypes.string)
-      })
-    ]),
-    containerComponent: PropTypes.element,
-    data: PropTypes.array,
-    domainPadding: PropTypes.oneOfType([
-      PropTypes.shape({
-        x: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ]),
-        y: PropTypes.oneOfType([ PropTypes.number, CustomPropTypes.domain ])
-      }),
-      PropTypes.number
-    ]),
-    dataComponent: PropTypes.element,
-    domain: PropTypes.oneOfType([
-      CustomPropTypes.domain,
-      PropTypes.shape({ x: CustomPropTypes.domain, y: CustomPropTypes.domain })
-    ]),
-    events: PropTypes.arrayOf(PropTypes.shape({
-      target: PropTypes.oneOf(["data", "labels", "parent"]),
-      eventKey: PropTypes.oneOfType([
-        PropTypes.array,
-        CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-        PropTypes.string
-      ]),
-      eventHandlers: PropTypes.object
-    })),
-    eventKey: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string
-    ]),
-    groupComponent: PropTypes.element,
-    height: CustomPropTypes.nonNegative,
-    labels: PropTypes.oneOfType([ PropTypes.func, PropTypes.array ]),
-    labelComponent: PropTypes.element,
-    name: PropTypes.string,
-    padding: PropTypes.oneOfType([
-      PropTypes.number,
-      PropTypes.shape({
-        top: PropTypes.number, bottom: PropTypes.number,
-        left: PropTypes.number, right: PropTypes.number
-      })
-    ]),
-    samples: CustomPropTypes.nonNegative,
-    scale: PropTypes.oneOfType([
-      CustomPropTypes.scale,
-      PropTypes.shape({ x: CustomPropTypes.scale, y: CustomPropTypes.scale })
-    ]),
-    sharedEvents: PropTypes.shape({
-      events: PropTypes.array,
-      getEventState: PropTypes.func
-    }),
-    sortKey: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
-    ]),
-    size: CustomPropTypes.nonNegative,
-    standalone: PropTypes.bool,
-    style: PropTypes.shape({
-      parent: PropTypes.object, data: PropTypes.object, labels: PropTypes.object
-    }),
-    theme: PropTypes.object,
-    width: CustomPropTypes.nonNegative,
-    x: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
-    ]),
-    y: PropTypes.oneOfType([
-      PropTypes.func,
-      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
-      PropTypes.string,
-      PropTypes.arrayOf(PropTypes.string)
-    ])
+    ...BaseProps,
+    ...DataProps,
+    size: CustomPropTypes.nonNegative
   };
 
   static defaultProps = {
@@ -130,47 +53,19 @@ class VictoryVoronoi extends React.Component {
     );
   }
 
-  renderData(props) {
-    const { dataComponent, labelComponent, groupComponent } = props;
-
-    const dataComponents = this.dataKeys.map((_dataKey, index) => {
-      const dataProps = this.getComponentProps(dataComponent, "data", index);
-      return React.cloneElement(dataComponent, dataProps);
-    });
-
-    const labelComponents = this.dataKeys.map((_dataKey, index) => {
-      const labelProps = this.getComponentProps(labelComponent, "labels", index);
-      if (labelProps.text !== undefined && labelProps.text !== null) {
-        return React.cloneElement(labelComponent, labelProps);
-      }
-    }).filter(Boolean);
-
-    const children = [...dataComponents, ...labelComponents];
-    return this.renderContainer(groupComponent, children);
-  }
-
+  // Overridden in native versions
   shouldAnimate() {
     return !!this.props.animate;
   }
 
-  renderContainer(component, children) {
-    const isContainer = component.type && component.type.role === "container";
-    const parentProps = isContainer ? this.getComponentProps(component, "parent", "parent") : {};
-    return React.cloneElement(component, parentProps, children);
-  }
-
   render() {
-    const {role} = this.constructor;
+    const { role } = this.constructor;
     const props = Helpers.modifyProps(this.props, fallbackProps, role);
     if (this.shouldAnimate()) {
-      return (
-        <VictoryTransition animate={props.animate} animationWhitelist={animationWhitelist}>
-          {React.createElement(this.constructor, props)}
-        </VictoryTransition>
-      );
+      return this.animateComponent(props, animationWhitelist);
     }
     const children = this.renderData(props);
-    return this.renderContainer(props.containerComponent, children);
+    return props.standalone ? this.renderContainer(props.containerComponent, children) : children;
   }
 }
 

package/src/helpers/axis.js

@@ -10,7 +10,7 @@ export default {
    */
   getAxis(props) {
     if (props.orientation) {
-      const vertical = {top: "x", bottom: "x", left: "y", right: "y"};
+      const vertical = { top: "x", bottom: "x", left: "y", right: "y" };
       return vertical[props.orientation];
     }
     return props.dependentAxis ? "y" : "x";
@@ -120,12 +120,12 @@ export default {
     }
     const sign = originSign || "positive";
     const typicalOrientations = {
-      positive: {x: "bottom", y: "left"},
-      negative: {x: "top", y: "right"}
+      positive: { x: "bottom", y: "left" },
+      negative: { x: "top", y: "right" }
     };
     const flippedOrientations = {
-      positive: {x: "left", y: "bottom"},
-      negative: {x: "right", y: "top"}
+      positive: { x: "left", y: "bottom" },
+      negative: { x: "right", y: "top" }
     };
     if (!component) {
       return typicalOrientations[sign][axis];
@@ -152,7 +152,7 @@ export default {
    */
   isVertical(props) {
     const orientation = props.orientation || (props.dependentAxis ? "left" : "bottom");
-    const vertical = {top: false, bottom: false, left: true, right: true};
+    const vertical = { top: false, bottom: false, left: true, right: true };
     return vertical[orientation];
   },
 

package/src/helpers/common-props.js

@@ -0,0 +1,89 @@
+import PropTypes from "prop-types";
+import { PropTypes as CustomPropTypes } from "victory-core";
+
+export default {
+  DataProps: {
+    categories: PropTypes.oneOfType([
+      PropTypes.arrayOf(PropTypes.string),
+      PropTypes.shape({
+        x: PropTypes.arrayOf(PropTypes.string), y: PropTypes.arrayOf(PropTypes.string)
+      })
+    ]),
+    data: PropTypes.array,
+    dataComponent: PropTypes.element,
+    labelComponent: PropTypes.element,
+    labels: PropTypes.oneOfType([ PropTypes.func, PropTypes.array ]),
+    samples: CustomPropTypes.nonNegative,
+    sortKey: PropTypes.oneOfType([
+      PropTypes.func,
+      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string)
+    ]),
+    style: PropTypes.shape({
+      parent: PropTypes.object, data: PropTypes.object, labels: PropTypes.object
+    }),
+    x: PropTypes.oneOfType([
+      PropTypes.func,
+      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string)
+    ]),
+    y: PropTypes.oneOfType([
+      PropTypes.func,
+      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
+      PropTypes.string,
+      PropTypes.arrayOf(PropTypes.string)
+    ])
+  }, BaseProps: {
+    animate: PropTypes.object,
+    containerComponent: PropTypes.element,
+    domain: PropTypes.oneOfType([
+      CustomPropTypes.domain,
+      PropTypes.shape({ x: CustomPropTypes.domain, y: CustomPropTypes.domain })
+    ]),
+    domainPadding: PropTypes.oneOfType([
+      PropTypes.shape({
+        x: PropTypes.oneOfType([ PropTypes.number, PropTypes.arrayOf(PropTypes.number) ]),
+        y: PropTypes.oneOfType([ PropTypes.number, PropTypes.arrayOf(PropTypes.number) ])
+      }),
+      PropTypes.number,
+      PropTypes.arrayOf(PropTypes.number)
+    ]),
+    eventKey: PropTypes.oneOfType([
+      PropTypes.func,
+      CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
+      PropTypes.string
+    ]),
+    events: PropTypes.arrayOf(PropTypes.shape({
+      target: PropTypes.oneOf(["data", "labels", "parent"]),
+      eventKey: PropTypes.oneOfType([
+        PropTypes.array,
+        CustomPropTypes.allOfType([CustomPropTypes.integer, CustomPropTypes.nonNegative]),
+        PropTypes.string
+      ]),
+      eventHandlers: PropTypes.object
+    })),
+    groupComponent: PropTypes.element,
+    height: CustomPropTypes.nonNegative,
+    name: PropTypes.string,
+    padding: PropTypes.oneOfType([
+      PropTypes.number,
+      PropTypes.shape({
+        top: PropTypes.number, bottom: PropTypes.number,
+        left: PropTypes.number, right: PropTypes.number
+      })
+    ]),
+    scale: PropTypes.oneOfType([
+      CustomPropTypes.scale,
+      PropTypes.shape({ x: CustomPropTypes.scale, y: CustomPropTypes.scale })
+    ]),
+    sharedEvents: PropTypes.shape({
+      events: PropTypes.array,
+      getEventState: PropTypes.func
+    }),
+    standalone: PropTypes.bool,
+    theme: PropTypes.object,
+    width: CustomPropTypes.nonNegative
+  }
+};