victory-box-plot 36.5.3 → 36.6.2

package/src/{victory-box-plot.js → victory-box-plot.tsx}

@@ -14,6 +14,16 @@ import {
   DefaultTransitions,
   CommonProps,
   UserProps,
+  EventPropTypeInterface,
+  DomainPropType,
+  DomainPaddingPropType,
+  OrientationTypes,
+  StringOrNumberOrCallback,
+  VictoryDatableProps,
+  VictoryCommonProps,
+  VictoryStyleObject,
+  VictoryLabelStyleObject,
+  EventsMixinClass,
 } from "victory-core";
 import { getDomain, getData, getBaseProps } from "./helper-methods";
 
@@ -49,8 +59,76 @@ const options = {
   ],
 };
 
-class VictoryBoxPlot extends React.Component {
-  static animationWhitelist = [
+export type VictoryBoxPlotLabelType =
+  | boolean
+  | (string | number)[]
+  | { (): any }
+  | { (data: any): string | null };
+
+export interface VictoryBoxPlotStyleInterface {
+  parent?: VictoryStyleObject;
+  max?: VictoryStyleObject;
+  maxLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
+  min?: VictoryStyleObject;
+  minLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
+  median?: VictoryStyleObject;
+  medianLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
+  q1?: VictoryStyleObject;
+  q1Labels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
+  q3?: VictoryStyleObject;
+  q3Labels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
+}
+
+export interface VictoryBoxPlotLabelOrientationInterface {
+  max?: OrientationTypes;
+  min?: OrientationTypes;
+  median?: OrientationTypes;
+  q1?: OrientationTypes;
+  q3?: OrientationTypes;
+}
+
+export interface VictoryBoxPlotProps
+  extends VictoryCommonProps,
+    VictoryDatableProps {
+  boxWidth?: number;
+  datum?: any;
+  domain?: DomainPropType;
+  domainPadding?: DomainPaddingPropType;
+  events?: EventPropTypeInterface<string, StringOrNumberOrCallback>[];
+  eventKey?: StringOrNumberOrCallback;
+  horizontal?: boolean;
+  labelOrientation?: OrientationTypes | VictoryBoxPlotLabelOrientationInterface;
+  labels?: boolean;
+  max?: StringOrNumberOrCallback | string[];
+  maxComponent?: React.ReactElement;
+  maxLabelComponent?: React.ReactElement;
+  maxLabels?: VictoryBoxPlotLabelType;
+  median?: StringOrNumberOrCallback | string[];
+  medianComponent?: React.ReactElement;
+  medianLabelComponent?: React.ReactElement;
+  medianLabels?: VictoryBoxPlotLabelType;
+  min?: StringOrNumberOrCallback | string[];
+  minComponent?: React.ReactElement;
+  minLabelComponent?: React.ReactElement;
+  minLabels?: VictoryBoxPlotLabelType;
+  q1?: StringOrNumberOrCallback | string[];
+  q1Component?: React.ReactElement;
+  q1LabelComponent?: React.ReactElement;
+  q1Labels?: VictoryBoxPlotLabelType;
+  q3?: StringOrNumberOrCallback | string[];
+  q3Component?: React.ReactElement;
+  q3LabelComponent?: React.ReactElement;
+  q3Labels?: VictoryBoxPlotLabelType;
+  style?: VictoryBoxPlotStyleInterface;
+  text?: StringOrNumberOrCallback | string[];
+  whiskerWidth?: number;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
+interface VictoryBoxPlotBase extends EventsMixinClass<VictoryBoxPlotProps> {}
+
+class VictoryBoxPlotBase extends React.Component<VictoryBoxPlotProps> {
+  static animationWhitelist: Array<keyof VictoryBoxPlotProps> = [
     "data",
     "domain",
     "height",
@@ -228,7 +306,7 @@ class VictoryBoxPlot extends React.Component {
   static getDomain = getDomain;
   static getData = getData;
   static getBaseProps = (props) => getBaseProps(props, fallbackProps);
-  static expectedComponents = [
+  static expectedComponents: Array<keyof VictoryBoxPlotProps> = [
     "maxComponent",
     "maxLabelComponent",
     "medianComponent",
@@ -260,21 +338,30 @@ class VictoryBoxPlot extends React.Component {
             );
           }
           return validDataComponents;
-        }, []);
+        }, [] as React.ReactElement[]);
       }),
     );
 
     const labelComponents = flatten(
       types.map((type) => {
-        const components = this.dataKeys.map((key, index) => {
-          const name = `${type}Labels`;
-          const baseComponent = props[`${type}LabelComponent`];
-          const labelProps = this.getComponentProps(baseComponent, name, index);
-          if (labelProps.text !== undefined && labelProps.text !== null) {
-            return React.cloneElement(baseComponent, labelProps);
-          }
-          return undefined;
-        });
+        const components = this.dataKeys.reduce(
+          (validComponents, _key, index) => {
+            const name = `${type}Labels`;
+            const baseComponent = props[`${type}LabelComponent`];
+            const labelProps = this.getComponentProps(
+              baseComponent,
+              name,
+              index,
+            );
+            if (labelProps.text !== undefined && labelProps.text !== null) {
+              validComponents.push(
+                React.cloneElement(baseComponent, labelProps),
+              );
+            }
+            return validComponents;
+          },
+          [] as React.ReactElement[],
+        );
         return components.filter(Boolean);
       }),
     );
@@ -300,7 +387,7 @@ class VictoryBoxPlot extends React.Component {
     return hasSummaryStatistics && (this.props.horizontal ? hasY : hasX);
   }
 
-  render() {
+  render(): React.ReactElement {
     const { animationWhitelist, role } = VictoryBoxPlot;
     const props = Helpers.modifyProps(this.props, fallbackProps, role);
 
@@ -317,4 +404,4 @@ class VictoryBoxPlot extends React.Component {
   }
 }
 
-export default addEvents(VictoryBoxPlot, options);
+export const VictoryBoxPlot = addEvents(VictoryBoxPlotBase, options);

package/src/index.d.ts

@@ -1,77 +0,0 @@
-import * as React from "react";
-import {
-  EventPropTypeInterface,
-  DomainPropType,
-  DomainPaddingPropType,
-  OrientationTypes,
-  StringOrNumberOrCallback,
-  VictoryDatableProps,
-  VictoryCommonProps,
-  VictoryStyleObject,
-  VictoryLabelStyleObject,
-} from "victory-core";
-
-export type VictoryBoxPlotLabelType =
-  | boolean
-  | (string | number)[]
-  | Function
-  | { (data: any): string | null };
-
-export interface VictoryBoxPlotStyleInterface {
-  parent?: VictoryStyleObject;
-  max?: VictoryStyleObject;
-  maxLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-  min?: VictoryStyleObject;
-  minLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-  median?: VictoryStyleObject;
-  medianLabels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-  q1?: VictoryStyleObject;
-  q1Labels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-  q3?: VictoryStyleObject;
-  q3Labels?: VictoryLabelStyleObject | VictoryLabelStyleObject[];
-}
-
-export interface VictoryBoxPlotLabelOrientationInterface {
-  max?: OrientationTypes;
-  min?: OrientationTypes;
-  median?: OrientationTypes;
-  q1?: OrientationTypes;
-  q3?: OrientationTypes;
-}
-
-export interface VictoryBoxPlotProps
-  extends VictoryCommonProps,
-    VictoryDatableProps {
-  boxWidth?: number;
-  domain?: DomainPropType;
-  domainPadding?: DomainPaddingPropType;
-  events?: EventPropTypeInterface<string, StringOrNumberOrCallback>[];
-  eventKey?: StringOrNumberOrCallback;
-  horizontal?: boolean;
-  labelOrientation?: OrientationTypes | VictoryBoxPlotLabelOrientationInterface;
-  labels?: boolean;
-  max?: StringOrNumberOrCallback | string[];
-  maxComponent?: React.ReactElement;
-  maxLabelComponent?: React.ReactElement;
-  maxLabels?: VictoryBoxPlotLabelType;
-  median?: StringOrNumberOrCallback | string[];
-  medianComponent?: React.ReactElement;
-  medianLabelComponent?: React.ReactElement;
-  medianLabels?: VictoryBoxPlotLabelType;
-  min?: StringOrNumberOrCallback | string[];
-  minComponent?: React.ReactElement;
-  minLabelComponent?: React.ReactElement;
-  minLabels?: VictoryBoxPlotLabelType;
-  q1?: StringOrNumberOrCallback | string[];
-  q1Component?: React.ReactElement;
-  q1LabelComponent?: React.ReactElement;
-  q1Labels?: VictoryBoxPlotLabelType;
-  q3?: StringOrNumberOrCallback | string[];
-  q3Component?: React.ReactElement;
-  q3LabelComponent?: React.ReactElement;
-  q3Labels?: VictoryBoxPlotLabelType;
-  style?: VictoryBoxPlotStyleInterface;
-  whiskerWidth?: number;
-}
-
-export class VictoryBoxPlot extends React.Component<VictoryBoxPlotProps, any> {}

package/src/index.js

@@ -1 +0,0 @@
-export { default as VictoryBoxPlot } from "./victory-box-plot";