Migrate victory-legend to TypeScript

packages/victory-core/src/victory-util/add-events.tsx

@@ -68,9 +68,9 @@ export interface EventsMixinClass<TProps> {
     defaultAnimationWhitelist: string[],
   ): React.ReactElement;
   getComponentProps(
-    component: React.ReactElement,
+    component: React.ReactNode,
     type: string,
-    index: number,
+    index: string | number,
   ): TProps;
   dataKeys: string[];
 }
@@ -352,7 +352,11 @@ export function addEvents<
       return props.events;
     }
 
-    getComponentProps(component, type, index) {
+    getComponentProps(
+      component: React.ReactNode,
+      type: string,
+      index: string | number,
+    ) {
       const name = this.props.name || WrappedComponent.role;
       const key = (this.dataKeys && this.dataKeys[index]) || index;
       const id = `${name}-${type}-${key}`;
@@ -365,13 +369,18 @@ export function addEvents<
         return undefined;
       }
 
+      const currentProps =
+        component && typeof component === "object" && "props" in component
+          ? component.props
+          : undefined;
+
       if (this.hasEvents) {
         const baseEvents = this.getEvents(this.props, type, key);
         const componentProps = defaults(
           { index, key: id },
           this.getEventState(key, type),
           this.getSharedEventState(key, type),
-          component.props,
+          currentProps,
           baseProps,
           { id },
         );
@@ -385,7 +394,7 @@ export function addEvents<
         return assign({}, componentProps, { events });
       }
 
-      return defaults({ index, key: id }, component.props, baseProps, { id });
+      return defaults({ index, key: id }, currentProps, baseProps, { id });
     }
 
     renderContainer(component, children) {

packages/victory-legend/package.json

@@ -27,6 +27,9 @@
   "peerDependencies": {
     "react": ">=16.6.0"
   },
+  "devDependencies": {
+    "victory-legend": "*"
+  },
   "publishConfig": {
     "provenance": true
   },

packages/victory-legend/src/helper-methods.js → packages/victory-legend/src/helper-methods.ts

@@ -86,7 +86,7 @@ const getColumnWidths = (props, data) => {
       : gutter || 0;
   const dataByColumn = groupBy(data, "column");
   const columns = keys(dataByColumn);
-  return columns.reduce((memo, curr, index) => {
+  return columns.reduce<number[]>((memo, curr, index) => {
     const lengths = dataByColumn[curr].map((d) => {
       return d.textSize.width + d.size + d.symbolSpacer + gutterWidth;
     });
@@ -102,7 +102,7 @@ const getRowHeights = (props, data) => {
       ? (gutter.top || 0) + (gutter.bottom || 0)
       : gutter || 0;
   const dataByRow = groupBy(data, "row");
-  return keys(dataByRow).reduce((memo, curr, index) => {
+  return keys(dataByRow).reduce<number[]>((memo, curr, index) => {
     const rows = dataByRow[curr];
     const lengths = rows.map((d) => {
       return d.textSize.height + d.symbolSpacer + gutterHeight;

packages/victory-legend/src/index.ts

@@ -0,0 +1 @@
+export * from "./victory-legend";