victory-box-plot 36.5.1 → 36.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "victory-box-plot",
-  "version": "36.5.1",
+  "version": "36.6.0",
   "description": "Box Plot Component for Victory",
   "keywords": [
     "data visualization",
@@ -13,6 +13,7 @@
     "url": "https://github.com/formidablelabs/victory.git"
   },
   "homepage": "https://formidable.com/open-source/victory",
+  "sideEffects": false,
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -21,15 +22,257 @@
   "dependencies": {
     "lodash": "^4.17.19",
     "prop-types": "^15.8.1",
-    "victory-core": "^36.5.1",
-    "victory-vendor": "^36.5.1"
+    "victory-core": "^36.6.0",
+    "victory-vendor": "^36.6.0"
   },
   "peerDependencies": {
     "react": ">=16.6.0"
   },
-  "scripts": {
-    "version": "yarn run nps build-libs && nps build-dists"
+  "devDependencies": {
+    "victory-box-plot": "*",
+    "victory-chart": "^36.6.0"
   },
-  "sideEffects": false,
-  "gitHead": "fbe60407533cd7a6da4f8155d2ef8e189583c5a2"
-}
+  "wireit": {
+    "###            THESE WIREIT CONFIGS ARE GENERATED        ####": {},
+    "###            DO NOT MODIFY THESE MANUALLY              ####": {},
+    "build": {
+      "dependencies": [
+        "build:lib",
+        "build:dist",
+        "types:create"
+      ]
+    },
+    "build:lib": {
+      "dependencies": [
+        "build:lib:esm",
+        "build:lib:cjs"
+      ]
+    },
+    "build:lib:esm": {
+      "command": "nps build:lib:esm",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js"
+      ],
+      "output": [
+        "es/**/*.js",
+        "es/**/*.js.map"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm",
+        "../victory-vendor:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:lib:cjs": {
+      "command": "nps build:lib:cjs",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js"
+      ],
+      "output": [
+        "lib/**/*.js",
+        "lib/**/*.js.map"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:cjs",
+        "../victory-vendor:build:lib:cjs"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:dist": {
+      "dependencies": [
+        "build:dist:dev",
+        "build:dist:min"
+      ]
+    },
+    "build:dist:dev": {
+      "command": "nps build:dist:dev",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js",
+        "../../config/webpack.config.js",
+        "../../config/webpack.config.dev.js"
+      ],
+      "output": [
+        "dist/victory*.js",
+        "!dist/victory*.min.js*"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm",
+        "../victory-vendor:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "build:dist:min": {
+      "command": "nps build:dist:min",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../.babelrc.build.js",
+        "../../config/webpack.config.js"
+      ],
+      "output": [
+        "dist/victory*.min.js*"
+      ],
+      "dependencies": [
+        "../victory-core:build:lib:esm",
+        "../victory-vendor:build:lib:esm"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "types:check": {
+      "command": "nps types:pkg:check",
+      "files": [
+        "src/**/*.{ts,tsx}",
+        "../../tsconfig.base.json",
+        "tsconfig.json"
+      ],
+      "dependencies": [
+        "types:create",
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-chart:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "types:create": {
+      "command": "nps types:pkg:create",
+      "files": [
+        "src/**",
+        "!src/**/*.test.*",
+        "../../tsconfig.base.json",
+        "tsconfig.build.json"
+      ],
+      "output": [
+        "es/**/*.d.ts",
+        "es/**/*.d.ts.map",
+        "lib/**/*.d.ts",
+        "lib/**/*.d.ts.map"
+      ],
+      "dependencies": [
+        "../victory-core:types:create",
+        "../victory-vendor:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "format": {
+      "command": "nps format:pkg",
+      "files": [
+        "src/**",
+        "*.json",
+        "../../.prettierignore",
+        "../../.prettierrc.json"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "lint": {
+      "command": "nps lint:pkg",
+      "files": [
+        "src/**",
+        "../../.eslintignore",
+        "../../.eslintrc.js"
+      ],
+      "output": [],
+      "dependencies": [
+        "../victory-vendor:build",
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-chart:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "format:fix": {
+      "command": "pnpm run format || nps format:pkg:fix",
+      "files": [
+        "src/**",
+        "*.json",
+        "../../.prettierignore",
+        "../../.prettierrc.json"
+      ],
+      "output": [],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "lint:fix": {
+      "command": "pnpm run lint || nps lint:pkg:fix",
+      "files": [
+        "src/**",
+        "../../.eslintignore",
+        "../../.eslintrc.js"
+      ],
+      "output": [],
+      "dependencies": [
+        "../victory-vendor:build",
+        "../victory-core:types:create",
+        "../victory-vendor:types:create",
+        "../victory-chart:types:create",
+        "../victory-voronoi:types:create"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    },
+    "jest": {
+      "command": "nps jest:pkg",
+      "files": [
+        "src/**/*.test.*",
+        "../../.babelrc.js",
+        "../../test/jest-config.js",
+        "../../test/jest-setup.ts"
+      ],
+      "output": [],
+      "dependencies": [
+        "build:lib:cjs",
+        "../victory-chart:build:lib:cjs",
+        "../victory-vendor:build:lib:cjs",
+        "../victory-voronoi:build:lib:cjs"
+      ],
+      "packageLocks": [
+        "pnpm-lock.yaml"
+      ]
+    }
+  },
+  "scripts": {
+    "###            THESE SCRIPTS ARE GENERATED           ###": "true",
+    "###            DO NOT MODIFY THESE MANUALLY          ###": "true",
+    "build": "wireit",
+    "build:lib": "wireit",
+    "build:lib:esm": "wireit",
+    "build:lib:cjs": "wireit",
+    "build:dist": "wireit",
+    "build:dist:dev": "wireit",
+    "build:dist:min": "wireit",
+    "types:check": "wireit",
+    "types:create": "wireit",
+    "format": "wireit",
+    "format:fix": "wireit",
+    "lint": "wireit",
+    "lint:fix": "wireit",
+    "jest": "wireit"
+  }
+}

package/src/{helper-methods.js → helper-methods.tsx}

@@ -152,7 +152,7 @@ export const getDomain = (props, axis) => {
   return Domain.createDomainFunction(getDomainFromData)(props, axis);
 };
 
-const getLabelStyle = (props, styleObject, namespace) => {
+const getLabelStyle = (props, styleObject, namespace?) => {
   const component = props[`${namespace}LabelComponent`] || props.labelComponent;
   const baseStyle = styleObject[`${namespace}Labels`] || styleObject.labels;
   if (!Helpers.isTooltip(component)) {

package/src/index.ts

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

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,7 +59,75 @@ const options = {
   ],
 };
 
-class VictoryBoxPlot extends React.Component {
+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 = [
     "data",
     "domain",
@@ -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);
       }),
     );
@@ -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";