victory-core 36.5.0 → 36.5.3

package/src/victory-util/with-container.tsx

@@ -0,0 +1,41 @@
+import React from "react";
+import {
+  VictoryProvider,
+  VictoryProviderProps,
+  VictoryContainer,
+} from "victory-core";
+import { VictoryCommonProps } from "./common-props";
+
+const defaultProviderProps = {
+  width: 450,
+  height: 300,
+  padding: 50,
+  data: [],
+};
+
+export function withContainer<Props extends VictoryCommonProps>(
+  WrappedComponent: (props: Props) => React.ReactElement,
+  initialProviderProps: Partial<VictoryProviderProps> = {},
+) {
+  return (props: Props) => {
+    const providerProps = {
+      ...defaultProviderProps,
+      ...initialProviderProps,
+      ...props,
+    };
+    const { standalone = true, containerComponent = <VictoryContainer /> } =
+      props;
+    if (standalone) {
+      return (
+        <VictoryProvider {...providerProps}>
+          {React.cloneElement(
+            containerComponent,
+            providerProps,
+            <WrappedComponent {...props} />,
+          )}
+        </VictoryProvider>
+      );
+    }
+    return <WrappedComponent {...props} />;
+  };
+}

package/src/victory-util/{wrapper.js → wrapper.tsx}

@@ -7,7 +7,7 @@ import {
   groupBy,
   uniqBy,
   values,
-  isPlainObject
+  isPlainObject,
 } from "lodash";
 import React from "react";
 import * as Axis from "./axis";
@@ -24,7 +24,7 @@ export function addBinsToParentPropsIfHistogram({
   children,
   props,
   childComponents,
-  parentProps
+  parentProps,
 }) {
   const someChildrenAreHistograms = children.some((child) => {
     return child.type && child.type.role === "histogram";
@@ -39,7 +39,7 @@ export function addBinsToParentPropsIfHistogram({
 
   if (someChildrenAreHistograms && !allChildrenAreHistograms) {
     Log.warn(
-      "VictoryHistogram only supports being stacked with other VictoryHistogram components. Check to make sure that you are only passing VictoryHistogram components to VictoryStack"
+      "VictoryHistogram only supports being stacked with other VictoryHistogram components. Check to make sure that you are only passing VictoryHistogram components to VictoryStack",
     );
   }
 
@@ -56,7 +56,7 @@ export function addBinsToParentPropsIfHistogram({
     const combinedData = children.reduce((memo, child) => {
       const xAccessor = Helpers.createAccessor(child.props.x || "x");
       return memo.concat(
-        child.props.data.map((datum) => ({ x: xAccessor(datum) }))
+        child.props.data.map((datum) => ({ x: xAccessor(datum) })),
       );
     }, []);
 
@@ -65,11 +65,11 @@ export function addBinsToParentPropsIfHistogram({
     const getFormattedHistogramData = children[0].type.getFormattedData;
     childBins = getFormattedHistogramData({
       data: combinedData,
-      bins: childBins
+      bins: childBins,
     }).reduce(
       (memo, { x0, x1 }, index) =>
         index === 0 ? memo.concat([x0, x1]) : memo.concat(x1),
-      []
+      [],
     );
   }
 
@@ -85,7 +85,7 @@ export function getDataFromChildren(props, childComponents) {
     endAngle,
     categories,
     minDomain,
-    maxDomain
+    maxDomain,
   };
   let stack = 0;
   const children = childComponents
@@ -96,7 +96,7 @@ export function getDataFromChildren(props, childComponents) {
     children,
     props,
     childComponents,
-    parentProps
+    parentProps,
   });
 
   const iteratee = (child, childName, parent) => {
@@ -112,12 +112,12 @@ export function getDataFromChildren(props, childComponents) {
     }
     stack += 1;
     return childData.map((datum, index) =>
-      assign({ _stack: stack, _group: index }, datum)
+      assign({ _stack: stack, _group: index }, datum),
     );
   };
 
   const stacked = children.filter(
-    (c) => c.type && c.type.role === "stack"
+    (c) => c.type && c.type.role === "stack",
   ).length;
   const combine = (memo, val) => memo.concat(uniqBy(val, "_group"));
   const datasets = Helpers.reduceChildren(
@@ -125,7 +125,7 @@ export function getDataFromChildren(props, childComponents) {
     iteratee,
     props,
     [],
-    combine
+    combine,
   );
   const group = stacked ? "_group" : "_stack";
   return values(groupBy(datasets, group));
@@ -136,10 +136,10 @@ export function getData(props, childComponents) {
     return Data.getData(props);
   }
   childComponents = childComponents || React.Children.toArray(props.children);
-  return getDataFromChildren(childComponents);
+  return getDataFromChildren(props, childComponents);
 }
 
-export function getWidth(props, groupLength, seriesLength) {
+export function getWidth(props, groupLength?, seriesLength?) {
   const { datasets, horizontal } = props;
   const range = horizontal
     ? Helpers.getRange(props, "y")
@@ -190,7 +190,7 @@ export function getDefaultDomainPadding(props, axis, childComponents) {
   return {
     x:
       (width * children.length) / 2 +
-      (offset - width * ((children.length - 1) / 2))
+      (offset - width * ((children.length - 1) / 2)),
   };
 }
 
@@ -199,7 +199,7 @@ export function getDomainFromChildren(props, axis, childComponents) {
   const children = childComponents
     ? childComponents.slice(0)
     : React.Children.toArray(props.children);
-  const parentData = props.data ? Data.getData(props, axis) : undefined;
+  const parentData = props.data ? Data.getData(props) : undefined;
   const {
     polar,
     startAngle,
@@ -207,7 +207,7 @@ export function getDomainFromChildren(props, axis, childComponents) {
     categories,
     minDomain,
     maxDomain,
-    horizontal
+    horizontal,
   } = props;
   const baseParentProps = {
     horizontal,
@@ -216,7 +216,7 @@ export function getDomainFromChildren(props, axis, childComponents) {
     endAngle,
     minDomain,
     maxDomain,
-    categories
+    categories,
   };
   const parentProps = parentData
     ? assign(baseParentProps, { data: parentData })
@@ -255,7 +255,7 @@ export function getDomain(props, axis, childComponents) {
     const maxDomain = Domain.getMaxFromProps(props, axis);
     const dataset = (props.data || props.y) && Data.getData(props);
     const dataDomain = dataset
-      ? Domain.getDomainFromData(props, axis, dataset)
+      ? Domain.getDomainFromData(props, axis, dataset)!
       : [];
     const childDomain = getDomainFromChildren(props, axis, childComponents);
     const min =
@@ -267,7 +267,7 @@ export function getDomain(props, axis, childComponents) {
   return Domain.formatDomain(domain, assign({ domainPadding }, props), axis);
 }
 
-export function getScale(props, axis, childComponents) {
+export function getScale(props, axis, childComponents?) {
   if (props.data) {
     return Scale.getBaseScale(props, axis);
   }
@@ -276,13 +276,15 @@ export function getScale(props, axis, childComponents) {
     : React.Children.toArray(props.children);
   const iteratee = (child) => {
     const sharedProps = assign({}, child.props, {
-      horizontal: props.horizontal
+      horizontal: props.horizontal,
     });
     return Scale.getScaleType(sharedProps, axis);
   };
-  const childScale = uniq(Helpers.reduceChildren(children, iteratee, props));
-  // default to linear scale if more than one uniq scale type is given by children
+  const childScale: string[] = uniq(
+    Helpers.reduceChildren(children, iteratee, props),
+  );
 
+  // default to linear scale if more than one uniq scale type is given by children
   return childScale.length > 1
     ? Scale.getScaleFromName("linear")
     : Scale.getScaleFromName(childScale[0]);
@@ -343,13 +345,13 @@ export function getChildStyle(child, index, calculatedProps) {
   const dataStyle = defaults(
     {},
     childStyle.data,
-    assign({}, dataWidth, style.data, defaultColor)
+    assign({}, dataWidth, style.data, defaultColor),
   );
   const labelsStyle = defaults({}, childStyle.labels, style.labels);
   return {
     parent: style.parent,
     data: dataStyle,
-    labels: labelsStyle
+    labels: labelsStyle,
   };
 }
 
@@ -385,8 +387,11 @@ export function getStringsFromData(childComponents) {
     return data.map((d) => ({ x: d.xName, y: d.yName }));
   };
 
-  const initialMemo = { x: [], y: [] };
-  const combine = (memo, datum) => {
+  const initialMemo = { x: [] as number[], y: [] as number[] };
+  const combine = (
+    memo: typeof initialMemo,
+    datum: NonNullable<ReturnType<typeof iteratee>>,
+  ) => {
     const x = Array.isArray(datum)
       ? datum.map((d) => d.x).filter(Boolean)
       : datum.x;
@@ -395,7 +400,7 @@ export function getStringsFromData(childComponents) {
       : datum.y;
     return {
       x: x !== undefined ? memo.x.concat(x) : memo.x,
-      y: y !== undefined ? memo.y.concat(y) : memo.y
+      y: y !== undefined ? memo.y.concat(y) : memo.y,
     };
   };
   return Helpers.reduceChildren(
@@ -403,14 +408,14 @@ export function getStringsFromData(childComponents) {
     iteratee,
     {},
     initialMemo,
-    combine
+    combine,
   );
 }
 
 export function getCategoryAndAxisStringsFromChildren(
   props,
   axis,
-  childComponents
+  childComponents,
 ) {
   const categories = isPlainObject(props.categories)
     ? props.categories[axis]
@@ -430,19 +435,19 @@ export function getStringsFromChildren(props, childComponents) {
   const xStrings = getCategoryAndAxisStringsFromChildren(
     props,
     "x",
-    childComponents
+    childComponents,
   );
   const yStrings = getCategoryAndAxisStringsFromChildren(
     props,
     "y",
-    childComponents
+    childComponents,
   );
 
   const dataStrings = getStringsFromData(childComponents);
 
   return {
     x: uniq(flatten([...xStrings, ...dataStrings.x])),
-    y: uniq(flatten([...yStrings, ...dataStrings.y]))
+    y: uniq(flatten([...yStrings, ...dataStrings.y])),
   };
 }
 
@@ -468,6 +473,6 @@ export function getCategories(props, childComponents, allStrings) {
 
   return {
     x: xCategories.length > 0 ? xCategories : undefined,
-    y: yCategories.length > 0 ? yCategories : undefined
+    y: yCategories.length > 0 ? yCategories : undefined,
   };
 }

package/es/types.js

@@ -1 +0,0 @@
-export {};

package/es/victory-theme/victory-theme-definition.js

@@ -1 +0,0 @@
-export {};

package/es/victory-util/types.d.ts

@@ -1,188 +0,0 @@
-import * as React from "react";
-import { OriginType } from "../victory-label/victory-label";
-import { NumberOrCallback, PaddingProps, VictoryThemeDefinition } from "../victory-theme/victory-theme";
-import { StringOrCallback, StringOrNumberOrCallback } from "../types";
-import { AnimationEasing, AnimationStyle } from "../victory-animation/victory-animation";
-export declare type StringOrNumberOrList = string | number | (string | number)[];
-export interface AnimatePropTypeInterface {
-    duration?: number;
-    onEnd?: () => void;
-    onExit?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-    };
-    onEnter?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-        after?: (datum: any) => AnimationStyle;
-    };
-    onLoad?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-        after?: (datum: any) => AnimationStyle;
-    };
-    easing?: AnimationEasing;
-    animationWhitelist?: string[];
-}
-export interface EventCallbackInterface<TTarget, TEventKey> {
-    childName?: string | string[];
-    target?: TTarget;
-    eventKey?: TEventKey;
-    mutation: (props: any) => any;
-    callback?: (props: any) => any;
-}
-export interface EventPropTypeInterface<TTarget, TEventKey> {
-    childName?: string | Array<StringOrNumberOrCallback>;
-    target: TTarget;
-    eventKey?: TEventKey;
-    eventHandlers: {
-        [key: string]: {
-            (event: React.SyntheticEvent<any>, props?: any): EventCallbackInterface<TTarget, TEventKey>;
-        } | {
-            (event: React.SyntheticEvent<any>, props?: any): EventCallbackInterface<TTarget, TEventKey>[];
-        } | {
-            (event: React.SyntheticEvent<any>, props?: any): void;
-        };
-    };
-}
-export declare type DomainTuple = [number, number] | [Date, Date];
-export declare type DomainPropObjectType = {
-    x?: DomainTuple;
-    y: DomainTuple;
-} | {
-    x: DomainTuple;
-    y?: DomainTuple;
-};
-export declare type DomainPropType = DomainPropObjectType | DomainTuple;
-export declare type PaddingType = number | [number, number];
-export declare type DomainPaddingPropType = PaddingType | {
-    x?: PaddingType;
-    y?: PaddingType;
-};
-export declare type RangeTuple = [number, number];
-export declare type RangePropType = RangeTuple | {
-    x?: RangeTuple;
-    y?: RangeTuple;
-};
-/**
- * D3 scale function shape. Don"t want to introduce typing dependency to d3
- */
-export interface D3Scale {
-    (input: string | number): number;
-    domain: () => any;
-    range: () => any;
-    copy: () => any;
-}
-export declare type ScalePropType = "linear" | "time" | "log" | "sqrt";
-export declare type CategoryPropType = string[] | {
-    x: string[];
-} | {
-    y: string[];
-} | {
-    x: string[];
-    y: string[];
-};
-export declare type DataGetterPropType = number | string | string[] | {
-    (data: any): number | string | string[];
-} | Function;
-export declare type InterpolationPropType = "basis" | "basisClosed" | "basisOpen" | "bundle" | "cardinal" | "cardinalClosed" | "cardinalOpen" | "catmullRom" | "catmullRomClosed" | "catmullRomOpen" | "linear" | "linearClosed" | "monotoneX" | "monotoneY" | "natural" | "radial" | "step" | "stepAfter" | "stepBefore";
-export declare type ColorScalePropType = "grayscale" | "qualitative" | "heatmap" | "warm" | "cool" | "red" | "green" | "blue" | string[];
-export declare type SortOrderPropType = "ascending" | "descending";
-export declare type SVGCoordinateType = {
-    x: number;
-    y: number;
-};
-export interface VictoryCommonThemeProps {
-    animate?: boolean | AnimatePropTypeInterface;
-    colorScale?: ColorScalePropType;
-    containerComponent?: React.ReactElement;
-    domainPadding?: DomainPaddingPropType;
-    externalEventMutations?: EventCallbackInterface<string | string[], StringOrNumberOrList>[];
-    groupComponent?: React.ReactElement;
-    height?: number;
-    horizontal?: boolean;
-    maxDomain?: number | {
-        x?: number;
-        y?: number;
-    };
-    minDomain?: number | {
-        x?: number;
-        y?: number;
-    };
-    name?: string;
-    origin?: OriginType;
-    padding?: PaddingProps;
-    polar?: boolean;
-    range?: RangePropType;
-    scale?: ScalePropType | D3Scale | {
-        x?: ScalePropType | D3Scale;
-        y?: ScalePropType | D3Scale;
-    };
-    sharedEvents?: {
-        events: any[];
-        getEventState: Function;
-    };
-    singleQuadrantDomainPadding?: boolean | {
-        x?: boolean;
-        y?: boolean;
-    };
-    standalone?: boolean;
-    width?: number;
-}
-export interface VictoryCommonProps extends VictoryCommonThemeProps {
-    theme?: VictoryThemeDefinition;
-}
-export interface VictoryCommonPrimitiveProps {
-    active?: boolean;
-    ariaLabel?: StringOrCallback;
-    className?: string;
-    clipPath?: string;
-    data?: any;
-    desc?: string | Function;
-    disableInlineStyles?: boolean;
-    events?: object;
-    id?: number | string | Function;
-    index?: number | string;
-    origin?: OriginType;
-    polar?: boolean;
-    role?: string;
-    scale?: any;
-    shapeRendering?: string;
-    style?: any;
-    tabIndex?: NumberOrCallback;
-    transform?: string;
-}
-export interface VictoryDatableProps {
-    categories?: CategoryPropType;
-    data?: any[];
-    dataComponent?: React.ReactElement;
-    domain?: DomainPropType;
-    domainPadding?: DomainPaddingPropType;
-    samples?: number;
-    sortKey?: DataGetterPropType;
-    sortOrder?: SortOrderPropType;
-    x?: DataGetterPropType;
-    y?: DataGetterPropType;
-    y0?: DataGetterPropType;
-}
-export interface VictoryLabelableProps {
-    labelComponent?: React.ReactElement;
-}
-export interface VictoryMultiLabelableProps extends VictoryLabelableProps {
-    labels?: string[] | number[] | {
-        (data: any): string | string[] | number | number[] | null;
-    };
-}
-export interface VictorySingleLabelableProps extends VictoryLabelableProps {
-    label?: string | {
-        (data: any): string | number | null;
-    };
-}
-export interface TextSizeStyleInterface {
-    angle?: number;
-    characterConstant?: string;
-    fontFamily?: string;
-    fontSize?: number | string;
-    letterSpacing?: string;
-    lineHeight?: number;
-}

package/es/victory-util/types.js

@@ -1 +0,0 @@
-export {};

package/lib/types.js

@@ -1 +0,0 @@
-"use strict";

package/lib/victory-theme/victory-theme-definition.js

@@ -1 +0,0 @@
-"use strict";

package/lib/victory-util/types.d.ts

@@ -1,188 +0,0 @@
-import * as React from "react";
-import { OriginType } from "../victory-label/victory-label";
-import { NumberOrCallback, PaddingProps, VictoryThemeDefinition } from "../victory-theme/victory-theme";
-import { StringOrCallback, StringOrNumberOrCallback } from "../types";
-import { AnimationEasing, AnimationStyle } from "../victory-animation/victory-animation";
-export declare type StringOrNumberOrList = string | number | (string | number)[];
-export interface AnimatePropTypeInterface {
-    duration?: number;
-    onEnd?: () => void;
-    onExit?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-    };
-    onEnter?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-        after?: (datum: any) => AnimationStyle;
-    };
-    onLoad?: {
-        duration?: number;
-        before?: (datum: any) => AnimationStyle;
-        after?: (datum: any) => AnimationStyle;
-    };
-    easing?: AnimationEasing;
-    animationWhitelist?: string[];
-}
-export interface EventCallbackInterface<TTarget, TEventKey> {
-    childName?: string | string[];
-    target?: TTarget;
-    eventKey?: TEventKey;
-    mutation: (props: any) => any;
-    callback?: (props: any) => any;
-}
-export interface EventPropTypeInterface<TTarget, TEventKey> {
-    childName?: string | Array<StringOrNumberOrCallback>;
-    target: TTarget;
-    eventKey?: TEventKey;
-    eventHandlers: {
-        [key: string]: {
-            (event: React.SyntheticEvent<any>, props?: any): EventCallbackInterface<TTarget, TEventKey>;
-        } | {
-            (event: React.SyntheticEvent<any>, props?: any): EventCallbackInterface<TTarget, TEventKey>[];
-        } | {
-            (event: React.SyntheticEvent<any>, props?: any): void;
-        };
-    };
-}
-export declare type DomainTuple = [number, number] | [Date, Date];
-export declare type DomainPropObjectType = {
-    x?: DomainTuple;
-    y: DomainTuple;
-} | {
-    x: DomainTuple;
-    y?: DomainTuple;
-};
-export declare type DomainPropType = DomainPropObjectType | DomainTuple;
-export declare type PaddingType = number | [number, number];
-export declare type DomainPaddingPropType = PaddingType | {
-    x?: PaddingType;
-    y?: PaddingType;
-};
-export declare type RangeTuple = [number, number];
-export declare type RangePropType = RangeTuple | {
-    x?: RangeTuple;
-    y?: RangeTuple;
-};
-/**
- * D3 scale function shape. Don"t want to introduce typing dependency to d3
- */
-export interface D3Scale {
-    (input: string | number): number;
-    domain: () => any;
-    range: () => any;
-    copy: () => any;
-}
-export declare type ScalePropType = "linear" | "time" | "log" | "sqrt";
-export declare type CategoryPropType = string[] | {
-    x: string[];
-} | {
-    y: string[];
-} | {
-    x: string[];
-    y: string[];
-};
-export declare type DataGetterPropType = number | string | string[] | {
-    (data: any): number | string | string[];
-} | Function;
-export declare type InterpolationPropType = "basis" | "basisClosed" | "basisOpen" | "bundle" | "cardinal" | "cardinalClosed" | "cardinalOpen" | "catmullRom" | "catmullRomClosed" | "catmullRomOpen" | "linear" | "linearClosed" | "monotoneX" | "monotoneY" | "natural" | "radial" | "step" | "stepAfter" | "stepBefore";
-export declare type ColorScalePropType = "grayscale" | "qualitative" | "heatmap" | "warm" | "cool" | "red" | "green" | "blue" | string[];
-export declare type SortOrderPropType = "ascending" | "descending";
-export declare type SVGCoordinateType = {
-    x: number;
-    y: number;
-};
-export interface VictoryCommonThemeProps {
-    animate?: boolean | AnimatePropTypeInterface;
-    colorScale?: ColorScalePropType;
-    containerComponent?: React.ReactElement;
-    domainPadding?: DomainPaddingPropType;
-    externalEventMutations?: EventCallbackInterface<string | string[], StringOrNumberOrList>[];
-    groupComponent?: React.ReactElement;
-    height?: number;
-    horizontal?: boolean;
-    maxDomain?: number | {
-        x?: number;
-        y?: number;
-    };
-    minDomain?: number | {
-        x?: number;
-        y?: number;
-    };
-    name?: string;
-    origin?: OriginType;
-    padding?: PaddingProps;
-    polar?: boolean;
-    range?: RangePropType;
-    scale?: ScalePropType | D3Scale | {
-        x?: ScalePropType | D3Scale;
-        y?: ScalePropType | D3Scale;
-    };
-    sharedEvents?: {
-        events: any[];
-        getEventState: Function;
-    };
-    singleQuadrantDomainPadding?: boolean | {
-        x?: boolean;
-        y?: boolean;
-    };
-    standalone?: boolean;
-    width?: number;
-}
-export interface VictoryCommonProps extends VictoryCommonThemeProps {
-    theme?: VictoryThemeDefinition;
-}
-export interface VictoryCommonPrimitiveProps {
-    active?: boolean;
-    ariaLabel?: StringOrCallback;
-    className?: string;
-    clipPath?: string;
-    data?: any;
-    desc?: string | Function;
-    disableInlineStyles?: boolean;
-    events?: object;
-    id?: number | string | Function;
-    index?: number | string;
-    origin?: OriginType;
-    polar?: boolean;
-    role?: string;
-    scale?: any;
-    shapeRendering?: string;
-    style?: any;
-    tabIndex?: NumberOrCallback;
-    transform?: string;
-}
-export interface VictoryDatableProps {
-    categories?: CategoryPropType;
-    data?: any[];
-    dataComponent?: React.ReactElement;
-    domain?: DomainPropType;
-    domainPadding?: DomainPaddingPropType;
-    samples?: number;
-    sortKey?: DataGetterPropType;
-    sortOrder?: SortOrderPropType;
-    x?: DataGetterPropType;
-    y?: DataGetterPropType;
-    y0?: DataGetterPropType;
-}
-export interface VictoryLabelableProps {
-    labelComponent?: React.ReactElement;
-}
-export interface VictoryMultiLabelableProps extends VictoryLabelableProps {
-    labels?: string[] | number[] | {
-        (data: any): string | string[] | number | number[] | null;
-    };
-}
-export interface VictorySingleLabelableProps extends VictoryLabelableProps {
-    label?: string | {
-        (data: any): string | number | null;
-    };
-}
-export interface TextSizeStyleInterface {
-    angle?: number;
-    characterConstant?: string;
-    fontFamily?: string;
-    fontSize?: number | string;
-    letterSpacing?: string;
-    lineHeight?: number;
-}

package/lib/victory-util/types.js

@@ -1 +0,0 @@
-"use strict";