victory-pie 30.6.1 → 31.2.0

package/es/helper-methods.js

@@ -1,13 +1,11 @@
+import _isNil from "lodash/isNil";
 import _isPlainObject from "lodash/isPlainObject";
 import _isFunction from "lodash/isFunction";
+import _defaults from "lodash/defaults";
 import _assign from "lodash/assign";
 import * as d3Shape from "d3-shape";
 import { Helpers, Data, Style } from "victory-core";
 
-var degreesToRadians = function (degrees) {
-  return degrees * (Math.PI / 180);
-};
-
 var checkForValidText = function (text) {
   if (text === undefined || text === null) {
     return text;
@@ -25,7 +23,7 @@ var getColor = function (style, colors, index) {
 };
 
 var getRadius = function (props, padding) {
-  if (props.radius) {
+  if (typeof props.radius === "number") {
     return props.radius;
   }
 
@@ -43,7 +41,7 @@ var getOrigin = function (props, padding) {
 };
 
 var getSlices = function (props, data) {
-  var layoutFunction = d3Shape.pie().sort(null).startAngle(degreesToRadians(props.startAngle)).endAngle(degreesToRadians(props.endAngle)).padAngle(degreesToRadians(props.padAngle)).value(function (datum) {
+  var layoutFunction = d3Shape.pie().sort(null).startAngle(Helpers.degreesToRadians(props.startAngle)).endAngle(Helpers.degreesToRadians(props.endAngle)).padAngle(Helpers.degreesToRadians(props.padAngle)).value(function (datum) {
     return datum._y;
   });
   return layoutFunction(data);
@@ -56,19 +54,17 @@ var getCalculatedValues = function (props) {
   var style = Helpers.getStyles(props.style, styleObject, "auto", "100%");
   var colors = Array.isArray(colorScale) ? colorScale : Style.getColorScale(colorScale);
   var padding = Helpers.getPadding(props);
-  var radius = getRadius(props, padding);
+  var defaultRadius = getRadius(props, padding);
   var origin = getOrigin(props, padding);
   var data = Data.getData(props);
   var slices = getSlices(props, data);
-  var pathFunction = d3Shape.arc().cornerRadius(props.cornerRadius).outerRadius(radius).innerRadius(props.innerRadius);
   return {
     style: style,
     colors: colors,
     padding: padding,
-    radius: radius,
+    defaultRadius: defaultRadius,
     data: data,
     slices: slices,
-    pathFunction: pathFunction,
     origin: origin
   };
 };
@@ -155,13 +151,13 @@ var getLabelProps = function (props, dataProps, calculatedValues) {
       data = dataProps.data,
       slice = dataProps.slice;
   var style = calculatedValues.style,
-      radius = calculatedValues.radius,
+      defaultRadius = calculatedValues.defaultRadius,
       origin = calculatedValues.origin;
   var labelStyle = Helpers.evaluateStyle(_assign({
     padding: 0
   }, style.labels), datum, props.active);
   var labelRadius = Helpers.evaluateProp(props.labelRadius, datum);
-  var labelArc = getLabelArc(radius, labelRadius, labelStyle);
+  var labelArc = getLabelArc(defaultRadius, labelRadius, labelStyle);
   var position = getLabelPosition(labelArc, slice, props.labelPosition);
   var orientation = getLabelOrientation(slice);
   return {
@@ -185,9 +181,9 @@ export var getBaseProps = function (props, fallbackProps) {
   var calculatedValues = getCalculatedValues(props);
   var slices = calculatedValues.slices,
       style = calculatedValues.style,
-      pathFunction = calculatedValues.pathFunction,
       data = calculatedValues.data,
-      origin = calculatedValues.origin;
+      origin = calculatedValues.origin,
+      defaultRadius = calculatedValues.defaultRadius;
   var _props = props,
       labels = _props.labels,
       events = _props.events,
@@ -195,28 +191,39 @@ export var getBaseProps = function (props, fallbackProps) {
       height = _props.height,
       width = _props.width,
       standalone = _props.standalone,
-      name = _props.name;
+      name = _props.name,
+      innerRadius = _props.innerRadius,
+      cornerRadius = _props.cornerRadius,
+      padAngle = _props.padAngle;
+  var radius = props.radius || defaultRadius;
   var initialChildProps = {
     parent: {
       standalone: standalone,
       height: height,
       width: width,
       slices: slices,
-      pathFunction: pathFunction,
       name: name,
       style: style.parent
     }
   };
   return slices.reduce(function (childProps, slice, index) {
-    var datum = data[index];
-    var eventKey = datum.eventKey || index;
+    var datum = _defaults({}, data[index], {
+      startAngle: Helpers.radiansToDegrees(slice.startAngle),
+      endAngle: Helpers.radiansToDegrees(slice.endAngle),
+      padAngle: Helpers.radiansToDegrees(slice.padAngle)
+    });
+
+    var eventKey = !_isNil(datum.eventKey) ? datum.eventKey : index;
     var dataProps = {
       index: index,
       slice: slice,
-      pathFunction: pathFunction,
       datum: datum,
       data: data,
       origin: origin,
+      innerRadius: innerRadius,
+      radius: radius,
+      cornerRadius: cornerRadius,
+      padAngle: padAngle,
       style: getSliceStyle(index, calculatedValues)
     };
     childProps[eventKey] = {

package/es/slice.js

@@ -1,4 +1,5 @@
 import _isFunction from "lodash/isFunction";
+import _defaults from "lodash/defaults";
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
 
@@ -19,6 +20,7 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 import React from "react";
 import PropTypes from "prop-types";
 import { Helpers, CommonProps, Path } from "victory-core";
+import * as d3Shape from "d3-shape";
 
 var Slice =
 /*#__PURE__*/
@@ -32,11 +34,34 @@ function (_React$Component) {
   }
 
   _createClass(Slice, [{
+    key: "getPath",
+    value: function getPath(props) {
+      var datum = props.datum,
+          active = props.active,
+          slice = props.slice;
+
+      if (_isFunction(props.pathFunction)) {
+        return props.pathFunction(slice);
+      }
+
+      var cornerRadius = Helpers.evaluateProp(props.cornerRadius, datum, active);
+      var innerRadius = Helpers.evaluateProp(props.innerRadius, datum, active);
+      var radius = Helpers.evaluateProp(props.radius, datum, active);
+      var padAngle = Helpers.degreesToRadians(Helpers.evaluateProp(props.padAngle, datum, active));
+      var startAngle = Helpers.degreesToRadians(Helpers.evaluateProp(props.sliceStartAngle, datum, active));
+      var endAngle = Helpers.degreesToRadians(Helpers.evaluateProp(props.sliceEndAngle, datum, active));
+      var pathFunction = d3Shape.arc().cornerRadius(cornerRadius).outerRadius(radius).innerRadius(innerRadius);
+      return pathFunction(_defaults({
+        startAngle: startAngle,
+        endAngle: endAngle,
+        padAngle: padAngle
+      }, slice));
+    }
+  }, {
     key: "render",
     value: function render() {
       var _props = this.props,
           datum = _props.datum,
-          slice = _props.slice,
           active = _props.active,
           role = _props.role,
           shapeRendering = _props.shapeRendering,
@@ -44,7 +69,6 @@ function (_React$Component) {
           origin = _props.origin,
           events = _props.events,
           pathComponent = _props.pathComponent,
-          pathFunction = _props.pathFunction,
           style = _props.style,
           clipPath = _props.clipPath;
       var defaultTransform = origin ? "translate(".concat(origin.x, ", ").concat(origin.y, ")") : undefined;
@@ -57,7 +81,7 @@ function (_React$Component) {
         transform: transform,
         clipPath: clipPath,
         style: Helpers.evaluateStyle(style, datum, active),
-        d: _isFunction(pathFunction) ? pathFunction(slice) : undefined
+        d: this.getPath(this.props)
       });
     }
   }]);
@@ -70,10 +94,16 @@ Object.defineProperty(Slice, "propTypes", {
   enumerable: true,
   writable: true,
   value: _objectSpread({}, CommonProps.primitiveProps, {
+    cornerRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
     datum: PropTypes.object,
+    innerRadius: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+    padAngle: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
     pathComponent: PropTypes.element,
     pathFunction: PropTypes.func,
-    slice: PropTypes.object
+    radius: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+    slice: PropTypes.object,
+    sliceEndAngle: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+    sliceStartAngle: PropTypes.oneOfType([PropTypes.number, PropTypes.func])
   })
 });
 Object.defineProperty(Slice, "defaultProps", {

package/es/victory-pie.js

@@ -28,7 +28,6 @@ var fallbackProps = {
   colorScale: ["#ffffff", "#f0f0f0", "#d9d9d9", "#bdbdbd", "#969696", "#737373", "#525252", "#252525", "#000000"],
   labelPosition: "centroid"
 };
-var animationWhitelist = ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"];
 
 var VictoryPie =
 /*#__PURE__*/
@@ -50,7 +49,8 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var role = this.constructor.role;
+      var animationWhitelist = VictoryPie.animationWhitelist,
+          role = VictoryPie.role;
       var props = Helpers.modifyProps(this.props, fallbackProps, role);
 
       if (this.shouldAnimate()) {
@@ -65,6 +65,12 @@ function (_React$Component) {
   return VictoryPie;
 }(React.Component);
 
+Object.defineProperty(VictoryPie, "animationWhitelist", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"]
+});
 Object.defineProperty(VictoryPie, "displayName", {
   configurable: true,
   enumerable: true,
@@ -116,7 +122,7 @@ Object.defineProperty(VictoryPie, "propTypes", {
     animate: PropTypes.oneOfType([PropTypes.bool, PropTypes.object]),
     colorScale: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
     containerComponent: PropTypes.element,
-    cornerRadius: CustomPropTypes.nonNegative,
+    cornerRadius: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
     data: PropTypes.array,
     dataComponent: PropTypes.element,
     endAngle: PropTypes.number,
@@ -135,7 +141,7 @@ Object.defineProperty(VictoryPie, "propTypes", {
     })),
     groupComponent: PropTypes.element,
     height: CustomPropTypes.nonNegative,
-    innerRadius: CustomPropTypes.nonNegative,
+    innerRadius: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
     labelComponent: PropTypes.element,
     labelPosition: PropTypes.oneOf(["startAngle", "centroid", "endAngle"]),
     labelRadius: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
@@ -145,14 +151,14 @@ Object.defineProperty(VictoryPie, "propTypes", {
       x: CustomPropTypes.nonNegative,
       y: CustomPropTypes.nonNegative
     }),
-    padAngle: CustomPropTypes.nonNegative,
+    padAngle: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
     padding: PropTypes.oneOfType([PropTypes.number, PropTypes.shape({
       top: PropTypes.number,
       bottom: PropTypes.number,
       left: PropTypes.number,
       right: PropTypes.number
     })]),
-    radius: CustomPropTypes.nonNegative,
+    radius: PropTypes.oneOfType([CustomPropTypes.nonNegative, PropTypes.func]),
     sharedEvents: PropTypes.shape({
       events: PropTypes.array,
       getEventState: PropTypes.func

package/lib/helper-methods.js

@@ -5,10 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getBaseProps = void 0;
 
+var _isNil2 = _interopRequireDefault(require("lodash/isNil"));
+
 var _isPlainObject2 = _interopRequireDefault(require("lodash/isPlainObject"));
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
+var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
+
 var _assign2 = _interopRequireDefault(require("lodash/assign"));
 
 var d3Shape = _interopRequireWildcard(require("d3-shape"));
@@ -19,10 +23,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var degreesToRadians = function (degrees) {
-  return degrees * (Math.PI / 180);
-};
-
 var checkForValidText = function (text) {
   if (text === undefined || text === null) {
     return text;
@@ -40,7 +40,7 @@ var getColor = function (style, colors, index) {
 };
 
 var getRadius = function (props, padding) {
-  if (props.radius) {
+  if (typeof props.radius === "number") {
     return props.radius;
   }
 
@@ -58,7 +58,7 @@ var getOrigin = function (props, padding) {
 };
 
 var getSlices = function (props, data) {
-  var layoutFunction = d3Shape.pie().sort(null).startAngle(degreesToRadians(props.startAngle)).endAngle(degreesToRadians(props.endAngle)).padAngle(degreesToRadians(props.padAngle)).value(function (datum) {
+  var layoutFunction = d3Shape.pie().sort(null).startAngle(_victoryCore.Helpers.degreesToRadians(props.startAngle)).endAngle(_victoryCore.Helpers.degreesToRadians(props.endAngle)).padAngle(_victoryCore.Helpers.degreesToRadians(props.padAngle)).value(function (datum) {
     return datum._y;
   });
   return layoutFunction(data);
@@ -75,21 +75,19 @@ var getCalculatedValues = function (props) {
 
   var padding = _victoryCore.Helpers.getPadding(props);
 
-  var radius = getRadius(props, padding);
+  var defaultRadius = getRadius(props, padding);
   var origin = getOrigin(props, padding);
 
   var data = _victoryCore.Data.getData(props);
 
   var slices = getSlices(props, data);
-  var pathFunction = d3Shape.arc().cornerRadius(props.cornerRadius).outerRadius(radius).innerRadius(props.innerRadius);
   return {
     style: style,
     colors: colors,
     padding: padding,
-    radius: radius,
+    defaultRadius: defaultRadius,
     data: data,
     slices: slices,
-    pathFunction: pathFunction,
     origin: origin
   };
 };
@@ -174,7 +172,7 @@ var getLabelProps = function (props, dataProps, calculatedValues) {
       data = dataProps.data,
       slice = dataProps.slice;
   var style = calculatedValues.style,
-      radius = calculatedValues.radius,
+      defaultRadius = calculatedValues.defaultRadius,
       origin = calculatedValues.origin;
 
   var labelStyle = _victoryCore.Helpers.evaluateStyle((0, _assign2.default)({
@@ -183,7 +181,7 @@ var getLabelProps = function (props, dataProps, calculatedValues) {
 
   var labelRadius = _victoryCore.Helpers.evaluateProp(props.labelRadius, datum);
 
-  var labelArc = getLabelArc(radius, labelRadius, labelStyle);
+  var labelArc = getLabelArc(defaultRadius, labelRadius, labelStyle);
   var position = getLabelPosition(labelArc, slice, props.labelPosition);
   var orientation = getLabelOrientation(slice);
   return {
@@ -207,9 +205,9 @@ var getBaseProps = function (props, fallbackProps) {
   var calculatedValues = getCalculatedValues(props);
   var slices = calculatedValues.slices,
       style = calculatedValues.style,
-      pathFunction = calculatedValues.pathFunction,
       data = calculatedValues.data,
-      origin = calculatedValues.origin;
+      origin = calculatedValues.origin,
+      defaultRadius = calculatedValues.defaultRadius;
   var _props = props,
       labels = _props.labels,
       events = _props.events,
@@ -217,28 +215,38 @@ var getBaseProps = function (props, fallbackProps) {
       height = _props.height,
       width = _props.width,
       standalone = _props.standalone,
-      name = _props.name;
+      name = _props.name,
+      innerRadius = _props.innerRadius,
+      cornerRadius = _props.cornerRadius,
+      padAngle = _props.padAngle;
+  var radius = props.radius || defaultRadius;
   var initialChildProps = {
     parent: {
       standalone: standalone,
       height: height,
       width: width,
       slices: slices,
-      pathFunction: pathFunction,
       name: name,
       style: style.parent
     }
   };
   return slices.reduce(function (childProps, slice, index) {
-    var datum = data[index];
-    var eventKey = datum.eventKey || index;
+    var datum = (0, _defaults2.default)({}, data[index], {
+      startAngle: _victoryCore.Helpers.radiansToDegrees(slice.startAngle),
+      endAngle: _victoryCore.Helpers.radiansToDegrees(slice.endAngle),
+      padAngle: _victoryCore.Helpers.radiansToDegrees(slice.padAngle)
+    });
+    var eventKey = !(0, _isNil2.default)(datum.eventKey) ? datum.eventKey : index;
     var dataProps = {
       index: index,
       slice: slice,
-      pathFunction: pathFunction,
       datum: datum,
       data: data,
       origin: origin,
+      innerRadius: innerRadius,
+      radius: radius,
+      cornerRadius: cornerRadius,
+      padAngle: padAngle,
       style: getSliceStyle(index, calculatedValues)
     };
     childProps[eventKey] = {

package/lib/slice.js

@@ -7,12 +7,18 @@ exports.default = void 0;
 
 var _isFunction2 = _interopRequireDefault(require("lodash/isFunction"));
 
+var _defaults2 = _interopRequireDefault(require("lodash/defaults"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _victoryCore = require("victory-core");
 
+var d3Shape = _interopRequireWildcard(require("d3-shape"));
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {}; if (desc.get || desc.set) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } } newObj.default = obj; return newObj; } }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; }
@@ -43,11 +49,40 @@ function (_React$Component) {
   }
 
   _createClass(Slice, [{
+    key: "getPath",
+    value: function getPath(props) {
+      var datum = props.datum,
+          active = props.active,
+          slice = props.slice;
+
+      if ((0, _isFunction2.default)(props.pathFunction)) {
+        return props.pathFunction(slice);
+      }
+
+      var cornerRadius = _victoryCore.Helpers.evaluateProp(props.cornerRadius, datum, active);
+
+      var innerRadius = _victoryCore.Helpers.evaluateProp(props.innerRadius, datum, active);
+
+      var radius = _victoryCore.Helpers.evaluateProp(props.radius, datum, active);
+
+      var padAngle = _victoryCore.Helpers.degreesToRadians(_victoryCore.Helpers.evaluateProp(props.padAngle, datum, active));
+
+      var startAngle = _victoryCore.Helpers.degreesToRadians(_victoryCore.Helpers.evaluateProp(props.sliceStartAngle, datum, active));
+
+      var endAngle = _victoryCore.Helpers.degreesToRadians(_victoryCore.Helpers.evaluateProp(props.sliceEndAngle, datum, active));
+
+      var pathFunction = d3Shape.arc().cornerRadius(cornerRadius).outerRadius(radius).innerRadius(innerRadius);
+      return pathFunction((0, _defaults2.default)({
+        startAngle: startAngle,
+        endAngle: endAngle,
+        padAngle: padAngle
+      }, slice));
+    }
+  }, {
     key: "render",
     value: function render() {
       var _props = this.props,
           datum = _props.datum,
-          slice = _props.slice,
           active = _props.active,
           role = _props.role,
           shapeRendering = _props.shapeRendering,
@@ -55,7 +90,6 @@ function (_React$Component) {
           origin = _props.origin,
           events = _props.events,
           pathComponent = _props.pathComponent,
-          pathFunction = _props.pathFunction,
           style = _props.style,
           clipPath = _props.clipPath;
       var defaultTransform = origin ? "translate(".concat(origin.x, ", ").concat(origin.y, ")") : undefined;
@@ -68,7 +102,7 @@ function (_React$Component) {
         transform: transform,
         clipPath: clipPath,
         style: _victoryCore.Helpers.evaluateStyle(style, datum, active),
-        d: (0, _isFunction2.default)(pathFunction) ? pathFunction(slice) : undefined
+        d: this.getPath(this.props)
       });
     }
   }]);
@@ -82,10 +116,16 @@ Object.defineProperty(Slice, "propTypes", {
   enumerable: true,
   writable: true,
   value: _objectSpread({}, _victoryCore.CommonProps.primitiveProps, {
+    cornerRadius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
     datum: _propTypes.default.object,
+    innerRadius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
+    padAngle: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
     pathComponent: _propTypes.default.element,
     pathFunction: _propTypes.default.func,
-    slice: _propTypes.default.object
+    radius: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
+    slice: _propTypes.default.object,
+    sliceEndAngle: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func]),
+    sliceStartAngle: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.func])
   })
 });
 Object.defineProperty(Slice, "defaultProps", {

package/lib/victory-pie.js

@@ -41,7 +41,6 @@ var fallbackProps = {
   colorScale: ["#ffffff", "#f0f0f0", "#d9d9d9", "#bdbdbd", "#969696", "#737373", "#525252", "#252525", "#000000"],
   labelPosition: "centroid"
 };
-var animationWhitelist = ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"];
 
 var VictoryPie =
 /*#__PURE__*/
@@ -63,7 +62,8 @@ function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var role = this.constructor.role;
+      var animationWhitelist = VictoryPie.animationWhitelist,
+          role = VictoryPie.role;
 
       var props = _victoryCore.Helpers.modifyProps(this.props, fallbackProps, role);
 
@@ -79,6 +79,12 @@ function (_React$Component) {
   return VictoryPie;
 }(_react.default.Component);
 
+Object.defineProperty(VictoryPie, "animationWhitelist", {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  value: ["data", "endAngle", "height", "innerRadius", "cornerRadius", "padAngle", "padding", "colorScale", "startAngle", "style", "width"]
+});
 Object.defineProperty(VictoryPie, "displayName", {
   configurable: true,
   enumerable: true,
@@ -130,7 +136,7 @@ Object.defineProperty(VictoryPie, "propTypes", {
     animate: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.object]),
     colorScale: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
     containerComponent: _propTypes.default.element,
-    cornerRadius: _victoryCore.PropTypes.nonNegative,
+    cornerRadius: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
     data: _propTypes.default.array,
     dataComponent: _propTypes.default.element,
     endAngle: _propTypes.default.number,
@@ -149,7 +155,7 @@ Object.defineProperty(VictoryPie, "propTypes", {
     })),
     groupComponent: _propTypes.default.element,
     height: _victoryCore.PropTypes.nonNegative,
-    innerRadius: _victoryCore.PropTypes.nonNegative,
+    innerRadius: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
     labelComponent: _propTypes.default.element,
     labelPosition: _propTypes.default.oneOf(["startAngle", "centroid", "endAngle"]),
     labelRadius: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
@@ -159,14 +165,14 @@ Object.defineProperty(VictoryPie, "propTypes", {
       x: _victoryCore.PropTypes.nonNegative,
       y: _victoryCore.PropTypes.nonNegative
     }),
-    padAngle: _victoryCore.PropTypes.nonNegative,
+    padAngle: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
     padding: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
       top: _propTypes.default.number,
       bottom: _propTypes.default.number,
       left: _propTypes.default.number,
       right: _propTypes.default.number
     })]),
-    radius: _victoryCore.PropTypes.nonNegative,
+    radius: _propTypes.default.oneOfType([_victoryCore.PropTypes.nonNegative, _propTypes.default.func]),
     sharedEvents: _propTypes.default.shape({
       events: _propTypes.default.array,
       getEventState: _propTypes.default.func

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-pie",
-  "version": "30.6.1",
+  "version": "31.2.0",
   "description": "Pie Component for Victory",
   "keywords": [
     "data visualization",
@@ -22,7 +22,7 @@
     "d3-shape": "^1.0.0",
     "lodash": "^4.17.5",
     "prop-types": "^15.5.8",
-    "victory-core": "^30.6.1"
+    "victory-core": "^31.2.0"
   },
   "scripts": {
     "version": "nps build-libs && nps build-dists"