victory-legend 36.8.1 → 36.8.2

package/CHANGELOG.md

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

package/dist/victory-legend.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__) => {
 
@@ -417,30 +417,27 @@ var getBaseProps = function (props, fallbackProps) {
 
 /***/ }),
 
-/***/ "./victory-legend.js":
-/*!***************************!*\
-  !*** ./victory-legend.js ***!
-  \***************************/
+/***/ "./victory-legend.tsx":
+/*!****************************!*\
+  !*** ./victory-legend.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 */   "VictoryLegend": () => (/* binding */ VictoryLegend)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_2__ = __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_2___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.js");
+/* harmony import */ var _helper_methods__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./helper-methods */ "./helper-methods.ts");
 /* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/helpers.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/prop-types.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/border.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/point.js");
-/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-label/victory-label.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 victory_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/border.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-container/victory-container.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-primitives/point.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-theme/victory-theme.js");
+/* harmony import */ var victory_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! victory-core */ "../../victory-core/es/victory-util/add-events.js");
 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."); }
@@ -476,7 +473,6 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 
 
 
-
 var fallbackProps = {
   orientation: "vertical",
   titleOrientation: "top",
@@ -489,20 +485,20 @@ var defaultLegendData = [{
   name: "Series 1"
 }, {
   name: "Series 2"
-}];
+}]; // eslint-disable-next-line @typescript-eslint/no-empty-interface
 
-var VictoryLegend = /*#__PURE__*/function (_React$Component) {
-  _inherits(VictoryLegend, _React$Component);
+var VictoryLegendBase = /*#__PURE__*/function (_React$Component) {
+  _inherits(VictoryLegendBase, _React$Component);
 
-  var _super = _createSuper(VictoryLegend);
+  var _super = _createSuper(VictoryLegendBase);
 
-  function VictoryLegend() {
-    _classCallCheck(this, VictoryLegend);
+  function VictoryLegendBase() {
+    _classCallCheck(this, VictoryLegendBase);
 
     return _super.apply(this, arguments);
   }
 
-  _createClass(VictoryLegend, [{
+  _createClass(VictoryLegendBase, [{
     key: "renderChildren",
     value: function renderChildren(props) {
       var _this = this;
@@ -510,147 +506,95 @@ var VictoryLegend = /*#__PURE__*/function (_React$Component) {
       var dataComponent = props.dataComponent,
           labelComponent = props.labelComponent,
           title = props.title;
-      var dataComponents = this.dataKeys.map(function (_dataKey, index) {
-        if (_dataKey === "all") {
-          return undefined;
-        }
+      var children = [];
 
-        var dataProps = _this.getComponentProps(dataComponent, "data", index);
-
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(dataComponent, dataProps);
-      }).filter(Boolean);
-      var labelComponents = this.dataKeys.map(function (_dataKey, index) {
-        if (_dataKey === "all") {
-          return undefined;
-        }
+      if (props.borderComponent) {
+        var borderProps = this.getComponentProps(props.borderComponent, "border", "all");
+        var borderComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.borderComponent, borderProps);
+        children.push(borderComponent);
+      }
 
-        var labelProps = _this.getComponentProps(labelComponent, "labels", index);
+      if (dataComponent) {
+        var dataComponents = this.dataKeys.map(function (_dataKey, index) {
+          if (_dataKey === "all") {
+            return undefined;
+          }
 
-        if (labelProps.text !== undefined && labelProps.text !== null) {
-          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(labelComponent, labelProps);
-        }
+          var dataProps = _this.getComponentProps(dataComponent, "data", index);
 
-        return undefined;
-      }).filter(Boolean);
-      var borderProps = this.getComponentProps(props.borderComponent, "border", "all");
-      var borderComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.borderComponent, borderProps);
+          return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(dataComponent, dataProps);
+        }).filter(function (comp) {
+          return comp !== undefined;
+        });
+        children.push.apply(children, _toConsumableArray(dataComponents));
+      }
 
-      if (title) {
-        var titleProps = this.getComponentProps(props.title, "title", "all");
+      if (title && props.titleComponent) {
+        var titleProps = this.getComponentProps(title, "title", "all");
         var titleComponent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.titleComponent, titleProps);
-        return [borderComponent].concat(_toConsumableArray(dataComponents), [titleComponent], _toConsumableArray(labelComponents));
+        children.push(titleComponent);
       }
 
-      return [borderComponent].concat(_toConsumableArray(dataComponents), _toConsumableArray(labelComponents));
+      if (labelComponent) {
+        var labelComponents = this.dataKeys.map(function (_dataKey, index) {
+          if (_dataKey === "all") {
+            return undefined;
+          }
+
+          var labelProps = _this.getComponentProps(labelComponent, "labels", index);
+
+          if (labelProps.text !== undefined && labelProps.text !== null) {
+            return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(labelComponent, labelProps);
+          }
+
+          return undefined;
+        }).filter(function (comp) {
+          return comp !== undefined;
+        });
+        children.push.apply(children, _toConsumableArray(labelComponents));
+      }
+
+      return children;
     }
   }, {
     key: "render",
     value: function render() {
+      // @ts-expect-error Property 'role' does not exist on type 'Function'.
+      // Ref: https://github.com/microsoft/TypeScript/issues/32452
       var role = this.constructor.role;
       var props = victory_core__WEBPACK_IMPORTED_MODULE_1__.modifyProps(this.props, fallbackProps, role);
-      var children = [this.renderChildren(props)];
+      var children = this.renderChildren(props);
       return props.standalone ? this.renderContainer(props.containerComponent, children) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().cloneElement(props.groupComponent, {}, children);
     }
   }]);
 
-  return VictoryLegend;
+  return VictoryLegendBase;
 }((react__WEBPACK_IMPORTED_MODULE_0___default().Component));
 
-VictoryLegend.displayName = "VictoryLegend";
-VictoryLegend.role = "legend";
-VictoryLegend.propTypes = {
-  borderComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  borderPadding: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().number), prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    top: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    left: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    right: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)
-  })]),
-  centerTitle: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
-  colorScale: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)), prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["grayscale", "qualitative", "heatmap", "warm", "cool", "red", "green", "blue"])]),
-  containerComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  data: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired),
-    label: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-    symbol: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object)
-  })),
-  dataComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  eventKey: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().func), victory_core__WEBPACK_IMPORTED_MODULE_3__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_3__.integer, victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)]),
-  events: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    target: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["data", "labels", "parent"]),
-    eventKey: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().array), victory_core__WEBPACK_IMPORTED_MODULE_3__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_3__.integer, victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)]),
-    eventHandlers: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object)
-  })),
-  externalEventMutations: prop_types__WEBPACK_IMPORTED_MODULE_2___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    callback: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
-    childName: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array)]),
-    eventKey: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().array), victory_core__WEBPACK_IMPORTED_MODULE_3__.allOfType([victory_core__WEBPACK_IMPORTED_MODULE_3__.integer, victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative]), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string)]),
-    mutation: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func),
-    target: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array)])
-  })),
-  groupComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  gutter: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().number), prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    left: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    right: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)
-  })]),
-  height: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative,
-  itemsPerRow: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative,
-  labelComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  name: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().string),
-  orientation: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["horizontal", "vertical"]),
-  padding: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().number), prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    top: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    left: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    right: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)
-  })]),
-  rowGutter: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().number), prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    top: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-    bottom: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number)
-  })]),
-  sharedEvents: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    events: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array),
-    getEventState: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().func)
-  }),
-  standalone: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().bool),
-  style: prop_types__WEBPACK_IMPORTED_MODULE_2___default().shape({
-    border: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-    data: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-    labels: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-    parent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-    title: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object)
-  }),
-  symbolSpacer: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().number),
-  theme: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().object),
-  title: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOfType([(prop_types__WEBPACK_IMPORTED_MODULE_2___default().string), (prop_types__WEBPACK_IMPORTED_MODULE_2___default().array)]),
-  titleComponent: (prop_types__WEBPACK_IMPORTED_MODULE_2___default().element),
-  titleOrientation: prop_types__WEBPACK_IMPORTED_MODULE_2___default().oneOf(["top", "bottom", "left", "right"]),
-  width: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative,
-  x: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative,
-  y: victory_core__WEBPACK_IMPORTED_MODULE_3__.nonNegative
-};
-VictoryLegend.defaultProps = {
-  borderComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.Border, null),
+VictoryLegendBase.displayName = "VictoryLegend";
+VictoryLegendBase.role = "legend";
+VictoryLegendBase.defaultProps = {
+  borderComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_2__.Border, null),
   data: defaultLegendData,
-  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryContainer, null),
-  dataComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_6__.Point, null),
+  containerComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_3__.VictoryContainer, null),
+  dataComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_4__.Point, null),
   groupComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", null),
-  labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryLabel, null),
+  labelComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryLabel, null),
   standalone: true,
-  theme: victory_core__WEBPACK_IMPORTED_MODULE_8__.VictoryTheme.grayscale,
-  titleComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_7__.VictoryLabel, null)
+  theme: victory_core__WEBPACK_IMPORTED_MODULE_6__.VictoryTheme.grayscale,
+  titleComponent: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(victory_core__WEBPACK_IMPORTED_MODULE_5__.VictoryLabel, null)
 };
 
-VictoryLegend.getBaseProps = function (props) {
-  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_9__.getBaseProps)(props, fallbackProps);
+VictoryLegendBase.getBaseProps = function (props) {
+  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_7__.getBaseProps)(props, fallbackProps);
 };
 
-VictoryLegend.getDimensions = function (props) {
-  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_9__.getDimensions)(props, fallbackProps);
+VictoryLegendBase.getDimensions = function (props) {
+  return (0,_helper_methods__WEBPACK_IMPORTED_MODULE_7__.getDimensions)(props, fallbackProps);
 };
 
-VictoryLegend.expectedComponents = ["borderComponent", "containerComponent", "dataComponent", "groupComponent", "labelComponent", "titleComponent"];
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((0,victory_core__WEBPACK_IMPORTED_MODULE_10__.addEvents)(VictoryLegend));
+VictoryLegendBase.expectedComponents = ["borderComponent", "containerComponent", "dataComponent", "groupComponent", "labelComponent", "titleComponent"];
+var VictoryLegend = (0,victory_core__WEBPACK_IMPORTED_MODULE_8__.addEvents)(VictoryLegendBase);
 
 /***/ }),
 
@@ -8390,7 +8334,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
@@ -10473,13 +10417,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
           });
 
@@ -10493,7 +10439,7 @@ function addEvents(WrappedComponent) {
         return lodash_defaults__WEBPACK_IMPORTED_MODULE_7___default()({
           index: index,
           key: id
-        }, component.props, baseProps, {
+        }, currentProps, baseProps, {
           id: id
         });
       }
@@ -20915,13 +20861,13 @@ var __webpack_exports__ = {};
 (() => {
 "use strict";
 /*!******************!*\
-  !*** ./index.js ***!
+  !*** ./index.ts ***!
   \******************/
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "VictoryLegend": () => (/* reexport safe */ _victory_legend__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */   "VictoryLegend": () => (/* reexport safe */ _victory_legend__WEBPACK_IMPORTED_MODULE_0__.VictoryLegend)
 /* harmony export */ });
-/* harmony import */ var _victory_legend__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-legend */ "./victory-legend.js");
+/* harmony import */ var _victory_legend__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./victory-legend */ "./victory-legend.tsx");
 
 })();