victory-polar-axis 36.8.1 → 36.8.2

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # victory-polar-axis
 
+## 36.8.2
+
+### Patch Changes
+
+- Migrate polar axis to typescript ([#2713](https://github.com/FormidableLabs/victory/pull/2713))
+
 ## 36.8.1
 
 ## 36.8.0

package/dist/victory-polar-axis.js

@@ -11,9 +11,9 @@
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
-/***/ "./helper-methods.js":
+/***/ "./helper-methods.ts":
 /*!***************************!*\
-  !*** ./helper-methods.js ***!
+  !*** ./helper-methods.ts ***!
   \***************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
@@ -66,18 +66,20 @@ var getEvaluatedStyles = function (style, props) {
 };
 
 var getStyleObject = function (props) {
+  var _theme$polarAxisType, _theme$standardAxisTy;
+
   var _props$theme = props.theme,
       theme = _props$theme === void 0 ? {} : _props$theme,
       dependentAxis = props.dependentAxis;
   var generalAxisStyle = theme.polarAxis && theme.polarAxis.style || theme.axis && theme.axis.style;
   var polarAxisType = dependentAxis ? "polarDependentAxis" : "polarIndependentAxis";
   var standardAxisType = dependentAxis ? "dependentAxis" : "independentAxis";
-  var specificAxisStyle = theme[polarAxisType] && theme[polarAxisType].style || theme[standardAxisType] && theme[standardAxisType].style;
+  var specificAxisStyle = (theme === null || theme === void 0 ? void 0 : (_theme$polarAxisType = theme[polarAxisType]) === null || _theme$polarAxisType === void 0 ? void 0 : _theme$polarAxisType.style) || (theme === null || theme === void 0 ? void 0 : (_theme$standardAxisTy = theme[standardAxisType]) === null || _theme$standardAxisTy === void 0 ? void 0 : _theme$standardAxisTy.style);
 
   var mergeStyles = function () {
     var styleNamespaces = ["axis", "axisLabel", "grid", "parent", "tickLabels", "ticks"];
     return styleNamespaces.reduce(function (memo, curr) {
-      memo[curr] = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, specificAxisStyle[curr], generalAxisStyle[curr]);
+      memo[curr] = lodash_defaults__WEBPACK_IMPORTED_MODULE_0___default()({}, specificAxisStyle === null || specificAxisStyle === void 0 ? void 0 : specificAxisStyle[curr], generalAxisStyle === null || generalAxisStyle === void 0 ? void 0 : generalAxisStyle[curr]);
       return memo;
     }, {});
   };
@@ -94,6 +96,11 @@ var getRadius = function (props) {
 
   var width = props.width,
       height = props.height;
+
+  if (width === undefined || height === undefined) {
+    throw new Error("VictoryPolarAxis: width and height properties are required for standalone axes.");
+  }
+
   return Math.min(width - left - right, height - top - bottom) / 2;
 };
 
@@ -115,8 +122,7 @@ var getRange = function (props, axis) {
 
   var radius = getRadius(props);
   return [props.innerRadius || 0, radius];
-}; // exposed for use by VictoryChart (necessary?)
-
+};
 
 var getScale = function (props) {
   var axis = victory_core__WEBPACK_IMPORTED_MODULE_4__.getAxis(props);
@@ -160,10 +166,10 @@ var getAxisAngle = function (props) {
   }
 
   return victory_core__WEBPACK_IMPORTED_MODULE_3__.radiansToDegrees(axisValue);
-}; // eslint-disable-next-line max-params
-
+};
 
-var getTickProps = function (props, calculatedValues, tickValue, index) {
+var getTickProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params
+) {
   var axisType = calculatedValues.axisType,
       radius = calculatedValues.radius,
       scale = calculatedValues.scale,
@@ -188,7 +194,7 @@ var getTickProps = function (props, calculatedValues, tickValue, index) {
   }),
       tickStyle = _getEvaluatedStyles.tickStyle;
 
-  var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined;
+  var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined;
   var tickPadding = tickStyle.padding || tickStyle.size || 0;
   var padAngle = victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(90 - axisAngle);
   var tickAngle = axisType === "angular" ? scale(tickValue) : victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(-1 * axisAngle);
@@ -210,10 +216,10 @@ var getTickProps = function (props, calculatedValues, tickValue, index) {
     y1: tickRadius * Math.sin(tickAngle) + Math.sin(padAngle) * tickPadding + origin.y,
     y2: tickRadius * Math.sin(tickAngle) - Math.sin(padAngle) * tickPadding + origin.y
   };
-}; // eslint-disable-next-line max-params
-
+};
 
-var getTickLabelProps = function (props, calculatedValues, tickValue, index) {
+var getTickLabelProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params
+) {
   var axisType = calculatedValues.axisType,
       radius = calculatedValues.radius,
       tickFormat = calculatedValues.tickFormat,
@@ -239,11 +245,11 @@ var getTickLabelProps = function (props, calculatedValues, tickValue, index) {
       labelStyle = _getEvaluatedStyles2.labelStyle;
 
   var tickLabelComponent = props.tickLabelComponent;
-  var labelPlacement = tickLabelComponent.props && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement;
+  var labelPlacement = tickLabelComponent !== null && tickLabelComponent !== void 0 && tickLabelComponent.props.labelPlacement ? tickLabelComponent.props.labelPlacement : props.labelPlacement;
   var tickPadding = labelStyle.padding || 0;
   var angularPadding = 0; // TODO: do some geometry
 
-  var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined;
+  var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined;
   var labelAngle = axisType === "angular" ? victory_core__WEBPACK_IMPORTED_MODULE_3__.radiansToDegrees(scale(tickValue)) : axisAngle + angularPadding;
   var textAngle = labelStyle.angle === undefined ? victory_core__WEBPACK_IMPORTED_MODULE_6__.getPolarAngle(lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, props, {
     labelPlacement: labelPlacement
@@ -262,10 +268,10 @@ var getTickLabelProps = function (props, calculatedValues, tickValue, index) {
     x: labelRadius * Math.cos(victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(labelAngle)) + origin.x,
     y: -labelRadius * Math.sin(victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(labelAngle)) + origin.y
   };
-}; // eslint-disable-next-line max-params
-
+};
 
-var getGridProps = function (props, calculatedValues, tickValue, index) {
+var getGridProps = function (props, calculatedValues, tickValue, index // eslint-disable-next-line max-params
+) {
   var axisType = calculatedValues.axisType,
       radius = calculatedValues.radius,
       style = calculatedValues.style,
@@ -319,7 +325,6 @@ var getAxisLabelProps = function (props, calculatedValues) {
   var axisType = calculatedValues.axisType,
       radius = calculatedValues.radius,
       style = calculatedValues.style,
-      scale = calculatedValues.scale,
       origin = calculatedValues.origin;
   var axisLabelComponent = props.axisLabelComponent;
 
@@ -327,9 +332,9 @@ var getAxisLabelProps = function (props, calculatedValues) {
     return {};
   }
 
-  var labelPlacement = axisLabelComponent.props && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement;
+  var labelPlacement = axisLabelComponent !== null && axisLabelComponent !== void 0 && axisLabelComponent.props.labelPlacement ? axisLabelComponent.props.labelPlacement : props.labelPlacement;
   var labelStyle = style && style.axisLabel || {};
-  var axisAngle = axisType === "radial" ? getAxisAngle(props, scale) : undefined;
+  var axisAngle = axisType === "radial" ? getAxisAngle(props) : undefined;
   var textAngle = labelStyle.angle === undefined ? victory_core__WEBPACK_IMPORTED_MODULE_6__.getPolarAngle(lodash_assign__WEBPACK_IMPORTED_MODULE_2___default()({}, props, {
     labelPlacement: labelPlacement
   }), axisAngle) : labelStyle.angle;
@@ -355,13 +360,12 @@ var getAxisProps = function (modifiedProps, calculatedValues) {
   var style = calculatedValues.style,
       axisType = calculatedValues.axisType,
       radius = calculatedValues.radius,
-      scale = calculatedValues.scale,
       origin = calculatedValues.origin;
   var startAngle = modifiedProps.startAngle,
       endAngle = modifiedProps.endAngle,
       _modifiedProps$innerR = modifiedProps.innerRadius,
       innerRadius = _modifiedProps$innerR === void 0 ? 0 : _modifiedProps$innerR;
-  var axisAngle = axisType === "radial" ? victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(getAxisAngle(modifiedProps, scale)) : undefined;
+  var axisAngle = axisType === "radial" ? victory_core__WEBPACK_IMPORTED_MODULE_3__.degreesToRadians(getAxisAngle(modifiedProps)) : undefined;
   return axisType === "radial" ? {
     style: style.axis,
     x1: getPosition(innerRadius, axisAngle, "x") + origin.x,
@@ -454,16 +458,16 @@ var getBaseProps = function (props, fallbackProps) {
 
 /***/ }),
 
-/***/ "./victory-polar-axis.js":
-/*!*******************************!*\
-  !*** ./victory-polar-axis.js ***!
-  \*******************************/
+/***/ "./victory-polar-axis.tsx":
+/*!********************************!*\
+  !*** ./victory-polar-axis.tsx ***!
+  \********************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   "VictoryPolarAxis": () => (/* binding */ VictoryPolarAxis)
 /* harmony export */ });
 /* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/isEmpty */ "../../../node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/isEmpty.js");
 /* harmony import */ var lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_isEmpty__WEBPACK_IMPORTED_MODULE_0__);
@@ -471,27 +475,17 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var lodash_assign__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_assign__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! prop-types */ "../../../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_5__);
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/axis.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/common-props.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/prop-types.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/arc.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-theme/victory-theme.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/add-events.js");
-/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/line-segment.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/arc.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-theme/victory-theme.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/add-events.js");
+/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.ts");
 
 
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -527,43 +521,24 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
-
 var fallbackProps = {
   width: 450,
   height: 300,
   padding: 50
-};
-var options = {
-  components: [{
-    name: "axis",
-    index: 0
-  }, {
-    name: "axisLabel",
-    index: 0
-  }, {
-    name: "grid"
-  }, {
-    name: "parent",
-    index: "parent"
-  }, {
-    name: "ticks"
-  }, {
-    name: "tickLabels"
-  }]
-};
+}; // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-var VictoryPolarAxis = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryPolarAxis, _React$Component);
+var VictoryPolarAxisBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(VictoryPolarAxisBase, _React$Component);
 
-  var _super = _createSuper(VictoryPolarAxis);
+  var _super = _createSuper(VictoryPolarAxisBase);
 
-  function VictoryPolarAxis() {
-    _classCallCheck(this, VictoryPolarAxis);
+  function VictoryPolarAxisBase() {
+    _classCallCheck(this, VictoryPolarAxisBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(VictoryPolarAxis, [{
+  _createClass(VictoryPolarAxisBase, [{
     key: "renderAxisLine",
     value: function renderAxisLine(props) {
       var dependentAxis = props.dependentAxis;
@@ -660,13 +635,13 @@ var VictoryPolarAxis = /*#__PURE__*/function (_React$Component) {
     }
   }]);
 
-  return VictoryPolarAxis;
+  return VictoryPolarAxisBase;
 }((react__WEBPACK_IMPORTED_MODULE_2___default().Component));
 
-VictoryPolarAxis.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"];
-VictoryPolarAxis.displayName = "VictoryAxis";
-VictoryPolarAxis.role = "axis";
-VictoryPolarAxis.defaultTransitions = {
+VictoryPolarAxisBase.animationWhitelist = ["style", "domain", "range", "tickCount", "tickValues", "padding", "width", "height"];
+VictoryPolarAxisBase.displayName = "VictoryAxis";
+VictoryPolarAxisBase.role = "axis";
+VictoryPolarAxisBase.defaultTransitions = {
   onExit: {
     duration: 500
   },
@@ -674,77 +649,56 @@ VictoryPolarAxis.defaultTransitions = {
     duration: 500
   }
 };
-VictoryPolarAxis.propTypes = _objectSpread(_objectSpread({}, victory_core__WEBPACK_IMPORTED_MODULE_4__.CommonProps.baseProps), {}, {
-  axisAngle: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
-  axisComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  axisLabelComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  axisValue: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_5___default().number), (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object)]),
-  categories: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_5___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_5___default().string)), prop_types__WEBPACK_IMPORTED_MODULE_5___default().shape({
-    x: prop_types__WEBPACK_IMPORTED_MODULE_5___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_5___default().string)),
-    y: prop_types__WEBPACK_IMPORTED_MODULE_5___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_5___default().string))
-  })]),
-  circularAxisComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  circularGridComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  containerComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  dependentAxis: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool),
-  disableInlineStyles: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().bool),
-  endAngle: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
-  events: prop_types__WEBPACK_IMPORTED_MODULE_5___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_5___default().shape({
-    target: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(["axis", "axisLabel", "grid", "ticks", "tickLabels"]),
-    eventKey: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_5___default().array), victory_core__WEBPACK_IMPORTED_MODULE_6__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_6__.integer, victory_core__WEBPACK_IMPORTED_MODULE_6__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_5___default().string)]),
-    eventHandlers: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object)
-  })),
-  gridComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  innerRadius: victory_core__WEBPACK_IMPORTED_MODULE_6__.nonNegative,
-  labelPlacement: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOf(["parallel", "perpendicular", "vertical"]),
-  startAngle: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().number),
-  stringMap: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-  style: prop_types__WEBPACK_IMPORTED_MODULE_5___default().shape({
-    parent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-    axis: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-    axisLabel: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-    grid: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-    ticks: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object),
-    tickLabels: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().object)
-  }),
-  tickComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  tickCount: victory_core__WEBPACK_IMPORTED_MODULE_6__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_6__.integer, victory_core__WEBPACK_IMPORTED_MODULE_6__.greaterThanZero]),
-  tickFormat: prop_types__WEBPACK_IMPORTED_MODULE_5___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_5___default().func), victory_core__WEBPACK_IMPORTED_MODULE_6__.homogeneousArray]),
-  tickLabelComponent: (prop_types__WEBPACK_IMPORTED_MODULE_5___default().element),
-  tickValues: victory_core__WEBPACK_IMPORTED_MODULE_6__.homogeneousArray
-});
-VictoryPolarAxis.defaultProps = {
-  axisComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.LineSegment, null),
-  axisLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_8__.VictoryLabel, null),
-  circularAxisComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_9__.Arc, null),
-  circularGridComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_9__.Arc, null),
-  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_10__.VictoryContainer, null),
+VictoryPolarAxisBase.defaultProps = {
+  axisComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.LineSegment, null),
+  axisLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryLabel, null),
+  circularAxisComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.Arc, null),
+  circularGridComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.Arc, null),
+  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryContainer, null),
   endAngle: 360,
-  gridComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.LineSegment, null),
+  gridComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.LineSegment, null),
   groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement("g", {
     role: "presentation"
   }),
   labelPlacement: "parallel",
   startAngle: 0,
   standalone: true,
-  theme: victory_core__WEBPACK_IMPORTED_MODULE_11__.VictoryTheme.grayscale,
-  tickComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.LineSegment, null),
-  tickLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_8__.VictoryLabel, null)
+  theme: victory_core__WEBPACK_IMPORTED_MODULE_8__.VictoryTheme.grayscale,
+  tickComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.LineSegment, null),
+  tickLabelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryLabel, null)
 };
-VictoryPolarAxis.getDomain = victory_core__WEBPACK_IMPORTED_MODULE_3__.getDomain;
-VictoryPolarAxis.getAxis = victory_core__WEBPACK_IMPORTED_MODULE_3__.getAxis;
-VictoryPolarAxis.getScale = _helper_methods__WEBPACK_IMPORTED_MODULE_12__.getScale;
+VictoryPolarAxisBase.getDomain = victory_core__WEBPACK_IMPORTED_MODULE_3__.getDomain;
+VictoryPolarAxisBase.getAxis = victory_core__WEBPACK_IMPORTED_MODULE_3__.getAxis;
+VictoryPolarAxisBase.getScale = _helper_methods__WEBPACK_IMPORTED_MODULE_9__.getScale;
 
-VictoryPolarAxis.getStyles = function (props) {
-  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_12__.getStyles)(props, fallbackProps.style);
+VictoryPolarAxisBase.getStyles = function (props) {
+  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_9__.getStyles)(props, fallbackProps.style);
 };
 
-VictoryPolarAxis.getBaseProps = function (props) {
-  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_12__.getBaseProps)(props, fallbackProps);
+VictoryPolarAxisBase.getBaseProps = function (props) {
+  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_9__.getBaseProps)(props, fallbackProps);
 };
 
-VictoryPolarAxis.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"];
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,victory_core__WEBPACK_IMPORTED_MODULE_13__.addEvents)(VictoryPolarAxis, options));
+VictoryPolarAxisBase.expectedComponents = ["axisComponent", "circularAxisComponent", "groupComponent", "containerComponent", "tickComponent", "tickLabelComponent", "gridComponent", "circularGridComponent"];
+var options = {
+  components: [{
+    name: "axis",
+    index: 0
+  }, {
+    name: "axisLabel",
+    index: 0
+  }, {
+    name: "grid"
+  }, {
+    name: "parent",
+    index: "parent"
+  }, {
+    name: "ticks"
+  }, {
+    name: "tickLabels"
+  }]
+};
+var VictoryPolarAxis = (0,victory_core__WEBPACK_IMPORTED_MODULE_10__.addEvents)(VictoryPolarAxisBase, options);
 
 /***/ }),
 
@@ -9014,7 +8968,7 @@ var getCalculatedProps = function (props) {
     verticalAnchor: verticalAnchor,
     dx: dx,
     dy: dy,
-    originalDy: props.dy,
+    originalDy: _victory_util_helpers__WEBPACK_IMPORTED_MODULE_4__.evaluateProp(props.dy, props),
     transform: transform,
     x: x,
     y: y
@@ -11158,13 +11112,15 @@ function addEvents(WrappedComponent) {
           return undefined;
         }
 
+        var currentProps = component && typeof component === "object" && "props" in component ? component.props : undefined;
+
         if (this.hasEvents) {
           var baseEvents = this.getEvents(this.props, type, key);
 
           var componentProps = lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({
             index: index,
             key: id
-          }, this.getEventState(key, type), this.getSharedEventState(key, type), component.props, baseProps, {
+          }, this.getEventState(key, type), this.getSharedEventState(key, type), currentProps, baseProps, {
             id: id
           });
 
@@ -11178,7 +11134,7 @@ function addEvents(WrappedComponent) {
         return lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({
           index: index,
           key: id
-        }, component.props, baseProps, {
+        }, currentProps, baseProps, {
           id: id
         });
       }
@@ -23020,13 +22976,14 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!******************!*\
-  !*** ./index.js ***!
+  !*** ./index.ts ***!
   \******************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "VictoryPolarAxis": () => (/* reexport safe */ _victory_polar_axis__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */   "VictoryPolarAxis": () => (/* reexport safe */ _victory_polar_axis__WEBPACK_IMPORTED_MODULE_0__.VictoryPolarAxis)
 /* harmony export */ });
-/* harmony import */ var _victory_polar_axis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-polar-axis */ "./victory-polar-axis.js");
+/* harmony import */ var _victory_polar_axis__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-polar-axis */ "./victory-polar-axis.tsx");
+
 
 })();